當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

偉大產(chǎn)品背后的設(shè)計原則

2018-06-15 1855 0


 

小編注:

在我們進行產(chǎn)品設(shè)計的時,總會遇到一些很難決策的地方或者沒有頭緒的時候,例如兩個方案看上去都很不錯,究竟選使用哪個才是對的?在設(shè)計時該往哪個方向進行?

在表層設(shè)計之外,探索和制定更高層級的產(chǎn)品設(shè)計原則應(yīng)當(dāng)是需要我們努力的方向,這些設(shè)計原則能幫助產(chǎn)品設(shè)計保持更高的一致性。


 


 

------------------------------------------


 


 


 

9c7458a52bcaa801219c7777302c.jpg


 

最近我需要為我的產(chǎn)品設(shè)定最高層級的原則。我尋找著那些簡單卻有力量的設(shè)計準(zhǔn)則,那些可以在設(shè)計決策時引導(dǎo)我們,和在討論中打破僵局的準(zhǔn)則。

首先,對于設(shè)計原則,我發(fā)現(xiàn)需要先理清一些誤會,在開始前我們先明確一下這個概念。


 


 


 

設(shè)計原則的范圍


如果你嘗試google”設(shè)計原則“,很可能會得到一些平面設(shè)計的基本定理:鄰近、平衡、對比、留白,等等都是些設(shè)計師已經(jīng)熟爛于心的事情。


 

另一部分你可能還會看到一些科學(xué)的設(shè)計流程的原則。這些流程可以指導(dǎo)你高效地產(chǎn)出優(yōu)秀的設(shè)計方案。使用這些設(shè)計流程可以為團隊設(shè)定一個標(biāo)準(zhǔn),為新加入的成員可以快速上手。

例如英國政府電子服務(wù)的設(shè)計原則GOV.UK Design Principles.


 

12a258a52c1da801219c7708fac8.jpg

1.從用戶的需求著手。


2.少做。多考慮可復(fù)用性和共享,做政府部門應(yīng)該做的事。


3.通過數(shù)據(jù)來做設(shè)計決策。


4.盡最大的努力讓事情變簡單。


5.迭代,再迭代。


6.為所有人設(shè)計。


7.深刻的理解用戶的使用場景。


8.創(chuàng)建電子服務(wù),而不是網(wǎng)站。


9.保持一致,但不是死板的一成不變。


10.保持開放,與全世界分享我們的代碼、設(shè)計、想法,這樣才會越來越好。


這十條準(zhǔn)則看上去很合理,但我認(rèn)為這已經(jīng)是業(yè)界的基本標(biāo)準(zhǔn),誰不是通過數(shù)據(jù)、理解用戶場景才設(shè)計呢。我相信如果你要為自己的團隊設(shè)定設(shè)計原則,你應(yīng)該找到那些可以幫助團隊走得更遠(yuǎn)、更有挑戰(zhàn)性的原則。


 

有些團隊會把他們的設(shè)計原則寫在網(wǎng)上,我有時候會看到諸如”人性化“”樂意溝通“這樣的話。我深信這樣的話完全不值得作為準(zhǔn)則掛在墻上,除非你團隊里充滿了垃圾設(shè)計師,從一開始你就不應(yīng)該雇傭這樣的人。


 


 


 

74bc58a52c2fa801219c7706dfb8.jpg


 

所以,我想找的是產(chǎn)品設(shè)計的準(zhǔn)則。英國政府的設(shè)計原則至少有一條是我認(rèn)為好的:


 

6.為所有人設(shè)計

無障礙設(shè)計是好的。所有我們創(chuàng)造的產(chǎn)品都應(yīng)該是盡可能清晰、易讀。如果我們需要為此犧牲優(yōu)雅,那就犧牲吧,我們是為了滿足需求而設(shè)計,不是要設(shè)計出擺在那里的花瓶。我們?yōu)槿珖娜嗽O(shè)計,而不是為某一個人。那些最需要我們服務(wù)的人,通常都是覺得我們服務(wù)最難用的人。讓我們一開始就考慮到他們,為他們設(shè)計。


 

產(chǎn)品的設(shè)計原則應(yīng)該可以告訴你的團隊和參與者在艱難決策時應(yīng)該往哪個方向走。他應(yīng)該關(guān)注在如果讓你的產(chǎn)品與競爭對手區(qū)別開,你的用戶在其中應(yīng)該感受到什么樣的體驗。


 

你肯定聽說過蘋果的人機界面原則和google的material design。系統(tǒng)背后的設(shè)計原則是想要盡可能的把平臺里的產(chǎn)品統(tǒng)一為一種體驗。


 

如果你的產(chǎn)品存在于不同的平臺,你就應(yīng)該考慮設(shè)立一個設(shè)計系統(tǒng)或設(shè)計原則。因為你既需要讓自己的產(chǎn)品與競爭對手的區(qū)分開,又需要在不同的平臺系統(tǒng)內(nèi)符合他們的設(shè)計原則。


 

這會導(dǎo)致同一個問題:一些團隊會設(shè)定一些顯而易見的設(shè)計原則:清晰、簡潔、可用。但缺少這些你根本不可能創(chuàng)造出一個好產(chǎn)品,這已經(jīng)是最最最基本的了。


 

總結(jié)一下


 

  • 好的設(shè)計原則

    是指能指導(dǎo)偉大設(shè)計的一系列規(guī)則


 

  • 設(shè)計流程的準(zhǔn)則

    是指解釋如何創(chuàng)造偉大產(chǎn)品的流程步驟的準(zhǔn)則


 

  • 為產(chǎn)品而定的設(shè)計原則

    產(chǎn)品應(yīng)該帶給用戶什么感覺,帶來什么情緒,如何和競爭產(chǎn)品區(qū)別開


 

  • 系統(tǒng)的設(shè)計原則

    為你的產(chǎn)品在不同環(huán)境不同平臺體驗保持一致的原則。

 


 


 

為什么你的產(chǎn)品需要設(shè)計原則?

有很好的設(shè)計原則并不代表著你的產(chǎn)品也可以笑到最后。顯然,好的產(chǎn)品需要在所有層面上優(yōu)秀的執(zhí)行,而設(shè)計準(zhǔn)則只是其中很小的一部分,他能幫助你在有分歧的時候打破僵局,節(jié)省時間,讓團隊有一致的目標(biāo)。


 


 


 

什么才是好的原則?


  • 簡潔的


 

  • 有真實的案例


 

  • 可以引領(lǐng)設(shè)計決策


 

  • 反映著你的品牌


 


 


 

收集


 

我收集了一些我覺得好的設(shè)計原則。這里面不會包括基本的平面設(shè)計原理或設(shè)計流程,但我把設(shè)計系統(tǒng)的準(zhǔn)則也加在里面了,因為它與產(chǎn)品的設(shè)計原則有重合的地方。


 


 

撒花!開始吧:


 


 


 


 

927f58a52ca7a801219c775f7457.jpg

Airbnb


統(tǒng)一的

每一個部分都是為更好的整體提供積極的貢獻。不應(yīng)該有分離或局外的功能。


全球化的

Airbnb是一個會被全球用戶使用的產(chǎn)品。我們的產(chǎn)品和視覺語言對全球用戶都要是友好的和可用的。


清晰聚焦的

當(dāng)我們呈現(xiàn)設(shè)計和功能時,都應(yīng)該是十分聚焦的。圍繞聚焦的內(nèi)容,我們的設(shè)計應(yīng)該清晰和大膽的傳達給用戶。


口語化的

我們的產(chǎn)品與用戶溝通時,應(yīng)該與現(xiàn)實生活一樣,輕松易懂。


作為“共同的朋友”

讓用戶在線上盡量減少不確定的內(nèi)容、可以方便設(shè)定好自己的期望,從而更好的匹配用戶需要的結(jié)果,真實生活中的線下體驗才會很棒。我們產(chǎn)品是為了房東、租客可以更好的互相認(rèn)識而設(shè)計的。我們還會不斷了解你的需求,通過好的產(chǎn)品設(shè)計,持續(xù)為用戶創(chuàng)造更好的新體驗。我們?yōu)橛脩艋ハ嗾J(rèn)識搭好舞臺,互相介紹,然后就離開,把空間留給用戶。就像好朋友的角色一樣,當(dāng)你需要我的時候,我就在你身邊。


為第一印象而設(shè)計

盡管airbnb在用戶下訂單的時候需要一些信息,但并不需要所有事情都開誠布公。所以我們需要客人告訴我們他是誰,但具體他是什么樣的人,由客人決定吧。


互相信任需要努力

就和現(xiàn)實生活中一樣,你在airbnb里投入什么,就會收獲到什么。airbnb里的信任是相互共享的。我們發(fā)現(xiàn)租客對房東越真誠,房東也會更愿意信任租客。


 

(譯者補充:剛好前陣子使用airbnb在美國租房子,在向房東提出申請的時候可以寫一封信介紹自己,寫得越詳細(xì)和真誠,房東的通過率越高,畢竟房東要拿出自己的房子給你住,總不愿意雜七雜八的人糟蹋自己的房子,所以大部分房東挑選房客都很謹(jǐn)慎。當(dāng)你住宿完離開后,可以互相打評價,你覺得房東的房子有什么優(yōu)缺點都可以寫到評論里作為下一個房客的依據(jù)。如果你很愛護房東的房子,他也會對你寫出很好的評價。下次你再向別的房東提出申請時,就像有推薦信一樣,更容易通過。所以這是個互相信任的過程。)

 


 


 


 

d43f58a52ccca801219c77651003.jpg

Facebook
 


全球化的

我們的使命是讓全世界更加開放,這意味著我們的產(chǎn)品要觸達世界每一個角落、每一個人。我們要為每一個人、每一種文化、每一種語言、每個生命階段而設(shè)計。這就是為什么我們的產(chǎn)品總是做90%用戶的功能,而不做少數(shù)人的功能,即使這樣意味著我們短期內(nèi)可能后退一點。


以人為中心

用戶使用我們產(chǎn)品是因為這里有他的朋友和他附近的人。 “你在乎的人都在這里“就是我們產(chǎn)品的核心價值。這就是為什么人的臉龐、人們發(fā)的消息比一切視覺設(shè)計都重要。


干凈的

我們的視覺設(shè)計干凈而素雅,就是為了給用戶提供一個干凈的畫布呈現(xiàn)他們的生活。一個極簡的、明亮的空間可以讓參與者真誠的交流。干凈并不是視覺設(shè)計最容易的方法。相反的,因為想極力減少視覺樣式,邊緣的距離、字體的比例,顏色的設(shè)計都變得尤其重要。


始終如一的

擁抱可重復(fù)使用的控件樣式。我們認(rèn)識到當(dāng)使用一致的交互控件后,可用性會大大提高,因為不需要重復(fù)的學(xué)習(xí)。我們保持用同一種聲音和用戶說話,建立信任。盡量做減法、重復(fù)的使用,不要什么都重新設(shè)計。


實際有用的

我們的產(chǎn)品不像娛樂類的產(chǎn)品,它會被每天重復(fù)使用,需要有效率的為用戶提供價值。這就是為什么我們用戶每天最主要的交互方式就是時間流,為用戶大大節(jié)省了要沒必要的點擊和空間的浪費。


快速

我們珍惜用戶的時間比自己的更甚。我們認(rèn)識到更快速的體驗可以讓人感覺更有效率和不費勁。網(wǎng)站性能不是用戶應(yīng)該關(guān)心和注意到的。我們的網(wǎng)站應(yīng)該盡我們所能的快。


透明

用戶把信任交給我們,他們的身份、照片、想法、對話都因為信任而交給了我們。我們要以最大程度的誠實和透明作為回報。對于現(xiàn)在發(fā)生了什么,為什么會這樣,我們都要對用戶如實告知。

 


 


 

a45958a52ceba801219c771bb7ac.jpg

Apple


整體的美學(xué)

整體的美學(xué)是指一個app應(yīng)該從外觀、行為與它的功能保持高度的一致性。例如,如果一個app要幫助用戶完成一個嚴(yán)肅的任務(wù),圖形的設(shè)計就應(yīng)該更微妙而不張揚,使用標(biāo)準(zhǔn)的控件,這樣用戶可以很輕松的預(yù)測操作后的反饋。如果一個app是沉浸式的如游戲,就應(yīng)該有一個抓人眼球的外觀,提供有趣、激動人心、鼓勵發(fā)現(xiàn)的體驗。


保持一致

通過使用系統(tǒng)提供的界面元素、大家熟知的icon、標(biāo)準(zhǔn)的文字樣式、統(tǒng)一的術(shù)語來可以使App保持一致。app所包含的功能和行為,都應(yīng)該與用戶期待的所一致。


直接的操作感

對屏幕內(nèi)容的直接操作,使用戶有參與感和容易理解。當(dāng)旋轉(zhuǎn)設(shè)備或使用手勢來控制屏幕上的內(nèi)容時,用戶應(yīng)該直接體驗到他操作后十分迅速的結(jié)果呈現(xiàn)。


反饋

用戶行為后的及時反饋可以讓用戶馬上知道操作的結(jié)果。iOS的原生app對所有的用戶行為都提供了容易感知的反饋。交互的元素在點擊后會有高亮的點擊態(tài),進程的指示器會在稍長時間的運行時提供狀態(tài)告知,動效和聲音的提示也可以幫助告知當(dāng)前行動的結(jié)果。

 

隱喻

當(dāng)app中虛擬物體的行為與現(xiàn)實生活中相似時,人們會學(xué)習(xí)得更快。iOS的隱喻使用得很棒的原因是人們真的在與屏幕交互。你可以拖動視圖來展示內(nèi)容的底部。你也可以拖拽或掃動內(nèi)容。你還可以打開切換按鍵,移動滑塊,滾動選擇器的數(shù)值。你甚至還可以對書籍和雜志進行翻頁的操作。


用戶的操控感

在iOS里,人才是控制者,而不是app。app可以在遇到危險結(jié)果時提出建議的操作,但如果app自作主張的幫用戶做決定就一定是錯的。好的app能在糾錯和讓用戶有操控感之間找到完美平衡點。好的app能通過熟悉的交互元素、再次確認(rèn)、容易取消之前的操作等來讓用戶覺得他們正在控制大局。

 


 


 

3a6058a52d05a801219c7716b67c.jpg

Google Material Design


實體感是一種隱喻

通過構(gòu)建科學(xué)合理化的空間和系統(tǒng)的動效,形成了實體感的隱喻。由于在研究紙和墨水的時候受到啟發(fā),實體感的營造靈感來源于可觸摸的實體,實體感的技術(shù)上很先進且充滿想象和魔力。 

界面元素的表面和邊緣提供了基于現(xiàn)實的視覺暗示,熟悉的觸感讓用戶可以快速地明白其功能可見性。界面元素的靈活變化甚至創(chuàng)造了超越物理世界的新的功能可見性,但又不會脫離客觀的物理規(guī)律。

光線、界面、運動是傳達物體在移動、交互和空間中相互關(guān)系的基礎(chǔ)。真實的光線會展現(xiàn)出兩個面之間交接線,劃分的空間以及移動的部分。


大膽,生動,有意為之

基于印刷設(shè)計的基本元素-字體、柵格、空間、比例、顏色、圖像的使用-是我們視覺處理的基礎(chǔ)。這些元素的作用遠(yuǎn)遠(yuǎn)不止養(yǎng)眼。他們創(chuàng)造了層次關(guān)系,意義和焦點。通過顏色選擇、圖像、大比例的字體,和有意的留白可以創(chuàng)造出一個讓用戶沉浸體驗的大膽的、圖形化的界面。

我們要為用戶突出當(dāng)前的核心功能操作以及路徑的關(guān)鍵節(jié)點。


動效提供意義

用戶才是操作后動效的原動力。因為用戶的行為才有了動效,這會改變整個設(shè)計。

所有動作都在同一個環(huán)境里產(chǎn)生。呈現(xiàn)給用戶的物體即使在變形或重新組織時,也不應(yīng)該打斷整個體驗的連續(xù)性。

為了讓用戶更好的聚焦和維持連續(xù)性,動效要富有意義和適宜的。反饋要微妙細(xì)膩且清晰。轉(zhuǎn)變要高效連貫。


 


 


 

3ace58a52d39a801219c776e3985.jpg

Microsoft


保持簡單

我們把簡潔作為統(tǒng)一的終極武器。當(dāng)設(shè)計是直觀的時候,我們都能感覺到。結(jié)果就會是一個真誠和永不過時的體驗。

 

個性化

下一步,我們希望能與每個個體都創(chuàng)造情感的聯(lián)系。我們?yōu)槊恳粋€人的真實生活、想法和行動而設(shè)計,結(jié)果就會感受到像是為每一個人設(shè)計。


更加全球化的思考

擁抱更人性化的設(shè)計。這遠(yuǎn)遠(yuǎn)不只是造物,而是讓生活更加美好。這樣技術(shù)就非常有包容性。


創(chuàng)造愉快

我們最后的準(zhǔn)則是關(guān)于設(shè)計所體現(xiàn)出的能量。你如何感受到這個體驗是由一個真實的人設(shè)計出來的。結(jié)果就會是讓人驚喜的體驗。

 


 


 


 

1c6d58a52d43a801219c77b80ad6.jpg


 

Medium


帶有引導(dǎo)性的而不是什么都讓用戶選擇

這個準(zhǔn)則主要應(yīng)用于當(dāng)我們設(shè)計medium的輸入編輯器時。我們有意的引導(dǎo)特定編排、字體和顏色選擇,是因為我們希望用戶把焦點放在寫作上,而不是被太多選擇所分散注意力。


合適比一致性重要

這個似乎很有爭議性,但當(dāng)應(yīng)用到不同的設(shè)備平臺時,理由就很充分了。我們愿意為了操作系統(tǒng)、平臺等環(huán)境的原因,打破一致性。


不斷進化的,而不是定稿不變的

這體現(xiàn)在Medium的草稿、給予段落的評論或贊,和留下備注的功能。在Medium上的內(nèi)容不應(yīng)該是脆弱的,應(yīng)該隨著使用不斷提高和進化。我們并不想把互聯(lián)網(wǎng)的Medium設(shè)計成像打印出來的一成不變的書。

 


 


 

88ed58a52d54a801219c77e3a9b8.jpg

Firefox Design Values


照顧你

Firefox就是你的捍衛(wèi)者-你的安全、隱私和上網(wǎng)的質(zhì)量。我們對你的時間、數(shù)據(jù)和注意力十分的尊重,因此我們會為你做出明智的選擇。

  • 用戶才是最高權(quán)威

  • 默認(rèn)就是隱私

  • 不要搞驚喜

  • 具有操作性的建議


你的參與才能使產(chǎn)品更好

Firefox是為了擁有最好的用戶體驗而設(shè)計,但只有當(dāng)它成為你的個人化產(chǎn)品后才會完美。

  • 在我們的社區(qū)里需要你的聲音

  • 讓人們從智能的默認(rèn)選項開始

  • 隱形和顯性的定制化。

  • 邀請用戶參與進來。


一起才好玩

Firefox的產(chǎn)品是那種你不是因為他的默認(rèn)設(shè)置有多好才選擇的產(chǎn)品。Firefox絕不會把你綁定在任何特定的服務(wù)或供應(yīng)商。相反的,它給你足夠的選擇權(quán)和獨立權(quán)(會提供很好的建議),讓你擁有最好的體驗。

  • 用戶的控制權(quán)和選擇權(quán)

  • 可以簡單的使用你所選的服務(wù)

  • 提供在web所能得到最好的服務(wù)


熱情洋溢

其他的瀏覽器可能追求極簡和平實,光亮或非個人化。Firefox會更人性化、有趣、異想天開的和快樂。我們都喜愛web,F(xiàn)irefox也不例外。

  • 讓用戶覺得與它溝通的就是一個真實的人

  • 有趣的工具會更容易使用

  • 幽默和有趣

  • 有觀點的

精雕細(xì)琢

Firefox是由非常關(guān)注細(xì)節(jié)的人創(chuàng)造的。一個漂亮的app在使用的過程會感覺到容易和清晰。這只有在不斷打磨和對細(xì)節(jié)的關(guān)注中達到。

  • 更多詳情請看我們的視覺設(shè)計指南

  • 不同平臺里外觀的延續(xù)性 

  • 可感知的質(zhì)量至關(guān)重要


全球化的

Firefox是由來自世界各地的人設(shè)計和使用的。針對不同地域的設(shè)計,不僅僅是翻譯過來。因為我們知道除了特定的一些需求是全世界都一致的以外, 全球各地的需求是會存在差異的,而Firefox非常在意這些差異。

  • 全球化意味著本土化、本土化、本土化


平衡的力量與簡潔

Firefox的設(shè)計簡單和容易使用,干凈直接。但簡潔是一個方法,并不是結(jié)果。結(jié)果是容易理解。

  • 80/20/2:默認(rèn)是最簡潔的界面,但需要的時候,很容易可以自己定制。

  • 不一味追求簡潔,而是追求用戶容易理解


讓網(wǎng)頁在情理之中

網(wǎng)頁是大而復(fù)雜的。Firefox會從幫助用戶聚焦在真實的人類目標(biāo)和活動,用工具幫助你完成所需要的任務(wù)。

  • 聚焦在人的任務(wù)和環(huán)境

  • 提供任務(wù)所需的工具

  • 到達網(wǎng)頁和你想要內(nèi)容的快捷入口

  • 不要用專業(yè)術(shù)語,說人話


高性能

速度仍然是評估一個瀏覽器好壞的最重要因素。除了技術(shù)上的性能,用戶是否感覺響應(yīng)快速也是非常重要。

  • 性能是客觀的,但是否響應(yīng)迅速是主觀的。

  • 一個快樂的用戶會操作得更好

 


 


 


 

576258a52d89a801219c77246100.jpg

IBM UX


探索、嘗試、購買

主動的找到目標(biāo)用戶。給用戶展現(xiàn)實際的產(chǎn)品和服務(wù),不要光用嘴巴說。把用戶從“嘗試”無縫連接到“購買”

  • 發(fā)現(xiàn)

一個最完美的發(fā)現(xiàn)體驗是,用戶以為是自己找到這個答案的。

  • 嘗試

嘗試一個產(chǎn)品就應(yīng)該和試駕一輛新車那樣有趣愉快。

  • 購買

一個軟件類的產(chǎn)品或數(shù)碼的服務(wù)應(yīng)該就和購買咖啡一樣簡單直接。產(chǎn)品功能的使用的步驟和細(xì)節(jié)都應(yīng)該非常明顯。要給用戶一種購買完就非常興奮的感受。如何開始

把用戶邀請進來,給他們展示產(chǎn)品可以完成什么事情。最初的體驗會留下第一印象。

  • 人們在接觸到新鮮事物是,會很快的形成一些看法,尤其是在那些會影響他們生活的東西。

  • 通過用戶操作與他個人化相關(guān)的任務(wù)來展示產(chǎn)品。量身定制的為每個用戶講解那些產(chǎn)品改變他們生活的驚喜時刻點。永遠(yuǎn)不要低估一些小細(xì)節(jié)。當(dāng)你給以為他們節(jié)省時間、免去麻煩、甚至是節(jié)省桌面的空間時,用戶都會馬上感覺到喜悅。

  • 第一次的使用一定要在個人或商業(yè)價值被展完整的示和傳達出來后,才算結(jié)束。


每天使用

用戶應(yīng)該在每次使用你的產(chǎn)品時,都感覺到獨特的價值。

無論是每天還是一年一次,用戶都應(yīng)該感覺到控制感,可以隨時從上次他結(jié)束的地方重新開始。用戶應(yīng)該第一時間就明白你產(chǎn)品的用處。系統(tǒng)也應(yīng)該清楚的給用戶傳達出他該期待什么、可操作什么和得到什么。

  • 讓用戶明白如何達到自己的目標(biāo)

  • 允許用戶按照自己的需求個性化產(chǎn)品

  • 為錯誤的發(fā)生創(chuàng)造一個寬容的環(huán)境,即使錯了也可以輕松回退

  • 隨時為用戶準(zhǔn)備好正確的操作和工具,鼓勵用戶的積極性

  • 當(dāng)用戶完成任務(wù)時,給他一個大大的鼓勵,讓用戶為自己驕傲。


管理和升級

在每天使用產(chǎn)品時,保養(yǎng)和收取最新升級應(yīng)該盡可能的優(yōu)雅和可預(yù)見。

  • 管理

管理容易的產(chǎn)品才會被經(jīng)常使用。用戶只有在不用老擔(dān)心怎么管理的時候才會是一個開心的用戶。無論是對為整個組織負(fù)責(zé)的管理員還是終端普通用戶,都要盡可能的把管理任務(wù)設(shè)計好。無論對于哪個用戶群,都會是“不要拿管理來煩我”的態(tài)度。

  • 升級

升級的過程盡可能不要打擾用戶和減少用戶的參與。當(dāng)有一些重要的用戶體驗改變了的時候,不要讓用戶去猜什么是新的或猜移除了哪些功能。要明確的告訴用戶發(fā)生了什么改變,和這對他而言有什么影響。


獲得幫助

用用戶希望的方式來幫助用戶。告訴他們更多的知識和鼓勵他們的分享。

“幫助”體驗由始至終都會貫穿。幫助應(yīng)該是積極主動的、愉快的,和有多種形式的。

  • 在一些用戶論壇里(例如,網(wǎng)頁搜索結(jié)果和TechCrunch這類網(wǎng)站)

  • 貫穿在發(fā)現(xiàn)、嘗試、購買的階段當(dāng)中

  • 每天使用的過程中都要容易獲得幫助

  • 在命令行界面的Leverage和Extend里

當(dāng)用戶需要幫助,要為用戶找到最容易解決的辦法。要了解用戶的使用習(xí)慣和教用戶它最順手的解決辦法。

通過貼心的交互方式,引導(dǎo)用戶在邊操作的過程中邊學(xué)習(xí),知道下次自己該怎么操作、掌握成功的技能。要盡可能的幫用戶避免錯誤。

當(dāng)你的產(chǎn)品或服務(wù)不可用或者壞了的時候,要明確告訴用戶狀態(tài)且在什么時候服務(wù)才會恢復(fù)。要找到最好的通知用戶的方式。

 幫助的體驗應(yīng)該讓用戶感覺到自己學(xué)到東西并且知識淵博。鼓勵用戶成為專家。對你的目標(biāo)用戶使用平實的語言。給他們反饋和分享學(xué)習(xí)成果的機會。用戶通常會更愿意從同輩人中聽取建議,所以社區(qū)的學(xué)習(xí)也是值得推行的。


 


 


 

370658a52d9aa801219c77c750a2.jpg

Bing

  • 為探索者而設(shè)計

  • 讓用戶感到愉快和驚喜

  • 贏得信任

  • 符合品牌價值

  • 賺錢

  • 展示我們最好的一面

  • 通過相關(guān)性組織頁面

  • 尊重速度的需求

  • 給足夠的并提供更多

  • 提供無縫的體驗

 


 


 


 

717358a52da5a801219c7719df7d.jpg

BBC GEL

BBC的全球體驗語言


 

全球化的

我們必須通過簡單、有用、直覺的界面來傳達的清晰的信息。我們的服務(wù)是開放和容易獲得的。


引人入勝的

我們廣播的聲音從嚴(yán)肅、官方的到詼諧幽默的。我們可靠、有價值、溫暖人心和有人情味。我們是通過引人入勝的故事讓觀眾著迷。


可靠的

我們非常重視用戶給予的信任和親近。我們通過微妙的延續(xù)以往BBC標(biāo)志性的設(shè)計來延續(xù)這種感覺。


先驅(qū)的

我們會做創(chuàng)新的先鋒,以此給用戶愉悅和驚喜。我們會帶著觀眾一起享受新鮮的探索。


當(dāng)下的

我們管理著英國的時間線,除了反映當(dāng)下發(fā)生的,還提供過往相關(guān)的上下文。


獨特的

我們不只是按照當(dāng)下的設(shè)計趨勢去做,我們會看到未來的趨勢。在中規(guī)中矩符合潮流和新探索中取得平衡。


聯(lián)合的

我們的所有服務(wù)和平臺都是相互連接的。我們提供內(nèi)在和外在都相連的體驗路徑。


本土化與全球化

我們在全球化的同時,也非常重視本土化。我們的信息是可擴展和本土化的。


現(xiàn)代英國的

我們的服務(wù)已經(jīng)是英國民眾日常生活必不可少的一部分了。它必須擁抱現(xiàn)代的英國設(shè)計審美,我們的形象應(yīng)該是生機勃勃甚至有點小古怪的。


最好的

最后但是同樣重要的,質(zhì)量第一。


 


 


 


 

b5a458a52db1a801219c77c8789d.jpg

Pinterest


清晰易懂的

  • 直覺的,不需要學(xué)習(xí)的


不需要解釋就能明白怎么操作

  • 讓用戶覺得自己很厲害

不要有讓你覺得不信任或不舒服的東西。系統(tǒng)給你提供了正確的控件和接下來的做什么的選項。

  • 讓內(nèi)容更出彩

界面的框架是完全無縫且隱藏的。在你不需要的時候根本不用注意到。由用戶決定要使用什么,我們不會強迫用戶。


生機勃勃的

  • 多彩

人物性格大膽出挑

  • 視覺上響應(yīng)很快的

交互體驗?zāi)M物理世界的

  • 意料之外

體驗是好玩有趣的,但絕不會壓倒一切。


牢不可破的

  • 為了探索而設(shè)計

就像小孩的玩具,你會想要玩弄它各種嘗試看看會發(fā)生什么。越多的探索,就越快學(xué)會且得到越多。

  • 幾乎不可能會按錯

所有的設(shè)計都為了幫助你容易找到想要的內(nèi)容。

  • 可逆轉(zhuǎn)的

如果萬一你真的操作錯了什么,改正過來會非常簡單。

 


 


 


 

eb8b58a52dc3a801219c771780ff.jpg

Lyft Design Principles


打好基礎(chǔ)

清晰的選擇和上下文


建立信心

一如既往和透明

 

獨特

可擁有且愉悅的

 


 


 


 

d85058a52dcfa801219c7710fedc.jpg

Foursquare


個性化的推薦和體驗

當(dāng)我們想地方吃飯、喝東西、購物時,沒理由給每個人都推薦相同的內(nèi)容。在2006年的時候給所有人都相同的列表推薦可能是可以接受的,但現(xiàn)在看就太過時了。各人的品味都不相同,為何我們要看到相同的結(jié)果?


持續(xù)的數(shù)據(jù)收集并在情境中使用

我們的手機應(yīng)該越來越了解我們的口味、社交關(guān)系和偏好。這樣可以幫助我們更好的探索周圍的世界。例如你喜歡復(fù)古風(fēng)格的衣服,就應(yīng)該告訴你附近有一個很好的小店。如果你來到一個新城市,就應(yīng)該告訴你你的朋友Katy推薦了當(dāng)?shù)氐囊粋€小餐廳。如果你特別愛吃辣,就應(yīng)該在你坐下點菜的時候給出合適的建議。


好玩的視覺語言

 應(yīng)該在城市探索的過程中設(shè)計好玩、輕松、娛樂的視覺體驗:例如大膽的icon設(shè)計,明亮純度高的顏色,結(jié)合超級英雄的地圖中的定位錨點logo等。


 


 


 


 

a95758a52de0a801219c7734439b.jpg

Asana’s Design Principles


讓用戶可以聚焦在自己的工作上免除干擾

用戶的精力應(yīng)該由自己控制,只有與個人密切相關(guān)的改變時才打擾用戶。


通過清晰明確來增加信心

在應(yīng)用里,團隊中,正在發(fā)生什么和為什么發(fā)生都應(yīng)該毫不含糊。


從人際技巧中獲得高效的產(chǎn)出和情感的滿足

當(dāng)用戶感覺與同伴可以相互依賴、各司其事、往同一個目標(biāo)努力時,會感覺自己是團隊的一部分。


為了更快、不費力和有目的的交互而設(shè)計

簡單和日常的任務(wù)應(yīng)該毫無障礙和顯而易見的。復(fù)雜的任務(wù)應(yīng)該感覺到高效和愉快。但不能因為速度快而耽誤準(zhǔn)確度。


通過一步一步探索讓每個人都越來越厲害

使用Asana的人,無論是否有經(jīng)驗、使用多少功能,都應(yīng)該感覺到掌控感,清楚怎么使用。


保持統(tǒng)一和標(biāo)準(zhǔn),但在值得的時候創(chuàng)新

用戶應(yīng)該感覺到Asana很熟悉但也很現(xiàn)代。


 


 

參考和來源

  1. Design Principles FTW?—?biggest collection of design principles

  2. A Matter of Principle by Julie Zhuo—product design VP @ Facebook describes what good design principles are

  3. Design a Better Product with Product Principles by Ste Grainer?—?somebeautiful diving into the process of choosing the principles

  4. A matter of design principle(s) byC?t?lin Bridinel?—?some principles from a Booking.com designer, with examples

  5. Why design principles shape stronger products by Jessie Chen—more process of defining principles for your product

  6. Aligning your team through design principles by Stephanie Hornung

設(shè)計原則

  1. Airbnb “Building a Visual Language Behind the scenes of our new design system’’

  2. Airbnb “Designing For Trust”

  3. Google Material Design

  4. Apple iOS Human Design Guidelines

  5. Microsoft Design Language Principles

  6. Facebook Design Principles

  7. Salesforce “Defining Principles to Drive Design Decisions”

  8. IBM Design Language

  9. Bing “Designing Bing: Heart and Science”

  10. Medium “Creating useful design principles”

  11. Firefox Design Values

  12. BBC GEL Design Philosophy

  13. Lyft Tips from Lyft: Let Your Brand Drive Your UX Decisions

  14. Foursquare “Introducing the all-new Foursquare, which learns what you like and leads you to places you’ll love”

  15. Foursquare “Designing the new Foursquare”

  16. Pinterest “Redesigning Pinterest, block by block”

  17. Asana “Developing our design principles”


     

--------------------------------    END   --------------------------------


 


 



 


 


 


 


 


26
評論區(qū)(0)
正在加載評論...