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

2018-06-15 1893 0


 

小編注:

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

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


 


 

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


 


 


 

9c7458a52bcaa801219c7777302c.jpg


 

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

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


 


 


 

設(shè)計(jì)原則的范圍


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


 

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

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


 

12a258a52c1da801219c7708fac8.jpg

1.從用戶的需求著手。


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


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


4.盡最大的努力讓事情變簡(jiǎn)單。


5.迭代,再迭代。


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


7.深刻的理解用戶的使用場(chǎng)景。


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


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


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


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


 

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


 


 


 

74bc58a52c2fa801219c7706dfb8.jpg


 

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


 

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

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


 

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


 

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


 

如果你的產(chǎn)品存在于不同的平臺(tái),你就應(yīng)該考慮設(shè)立一個(gè)設(shè)計(jì)系統(tǒng)或設(shè)計(jì)原則。因?yàn)槟慵刃枰屪约旱漠a(chǎn)品與競(jìng)爭(zhēng)對(duì)手的區(qū)分開,又需要在不同的平臺(tái)系統(tǒng)內(nèi)符合他們的設(shè)計(jì)原則。


 

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


 

總結(jié)一下


 

  • 好的設(shè)計(jì)原則

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


 

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

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


 

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

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


 

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

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

 


 


 

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

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


 


 


 

什么才是好的原則?


  • 簡(jiǎn)潔的


 

  • 有真實(shí)的案例


 

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


 

  • 反映著你的品牌


 


 


 

收集


 

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


 


 

撒花!開始吧:


 


 


 


 

927f58a52ca7a801219c775f7457.jpg

Airbnb


統(tǒng)一的

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


全球化的

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


清晰聚焦的

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


口語化的

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


作為“共同的朋友”

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


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

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


互相信任需要努力

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


 

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

 


 


 


 

d43f58a52ccca801219c77651003.jpg

Facebook
 


全球化的

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


以人為中心

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


干凈的

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


始終如一的

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


實(shí)際有用的

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


快速

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


透明

用戶把信任交給我們,他們的身份、照片、想法、對(duì)話都因?yàn)樾湃味唤o了我們。我們要以最大程度的誠(chéng)實(shí)和透明作為回報(bào)。對(duì)于現(xiàn)在發(fā)生了什么,為什么會(huì)這樣,我們都要對(duì)用戶如實(shí)告知。

 


 


 

a45958a52ceba801219c771bb7ac.jpg

Apple


整體的美學(xué)

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


保持一致

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


直接的操作感

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


反饋

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

 

隱喻

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


用戶的操控感

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

 


 


 

3a6058a52d05a801219c7716b67c.jpg

Google Material Design


實(shí)體感是一種隱喻

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

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

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


大膽,生動(dòng),有意為之

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

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


動(dòng)效提供意義

用戶才是操作后動(dòng)效的原動(dòng)力。因?yàn)橛脩舻男袨椴庞辛藙?dòng)效,這會(huì)改變整個(gè)設(shè)計(jì)。

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

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


 


 


 

3ace58a52d39a801219c776e3985.jpg

Microsoft


保持簡(jiǎn)單

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

 

個(gè)性化

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


更加全球化的思考

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


創(chuàng)造愉快

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

 


 


 


 

1c6d58a52d43a801219c77b80ad6.jpg


 

Medium


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

這個(gè)準(zhǔn)則主要應(yīng)用于當(dāng)我們?cè)O(shè)計(jì)medium的輸入編輯器時(shí)。我們有意的引導(dǎo)特定編排、字體和顏色選擇,是因?yàn)槲覀兿M脩舭呀裹c(diǎn)放在寫作上,而不是被太多選擇所分散注意力。


合適比一致性重要

這個(gè)似乎很有爭(zhēng)議性,但當(dāng)應(yīng)用到不同的設(shè)備平臺(tái)時(shí),理由就很充分了。我們?cè)敢鉃榱瞬僮飨到y(tǒng)、平臺(tái)等環(huán)境的原因,打破一致性。


不斷進(jìn)化的,而不是定稿不變的

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

 


 


 

88ed58a52d54a801219c77e3a9b8.jpg

Firefox Design Values


照顧你

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

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

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

  • 不要搞驚喜

  • 具有操作性的建議


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

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

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

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

  • 隱形和顯性的定制化。

  • 邀請(qǐng)用戶參與進(jìn)來。


一起才好玩

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

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

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

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


熱情洋溢

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

  • 讓用戶覺得與它溝通的就是一個(gè)真實(shí)的人

  • 有趣的工具會(huì)更容易使用

  • 幽默和有趣

  • 有觀點(diǎn)的

精雕細(xì)琢

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

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

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

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


全球化的

Firefox是由來自世界各地的人設(shè)計(jì)和使用的。針對(duì)不同地域的設(shè)計(jì),不僅僅是翻譯過來。因?yàn)槲覀冎莱颂囟ǖ囊恍┬枨笫侨澜缍家恢碌囊酝猓?全球各地的需求是會(huì)存在差異的,而Firefox非常在意這些差異。

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


平衡的力量與簡(jiǎn)潔

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

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

  • 不一味追求簡(jiǎn)潔,而是追求用戶容易理解


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

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

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

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

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

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


高性能

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

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

  • 一個(gè)快樂的用戶會(huì)操作得更好

 


 


 


 

576258a52d89a801219c77246100.jpg

IBM UX


探索、嘗試、購(gòu)買

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

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

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

  • 嘗試

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

  • 購(gòu)買

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

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

  • 人們?cè)诮佑|到新鮮事物是,會(huì)很快的形成一些看法,尤其是在那些會(huì)影響他們生活的東西。

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

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


每天使用

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

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

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

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

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

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

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


管理和升級(jí)

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

  • 管理

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

  • 升級(jí)

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


獲得幫助

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

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

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

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

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

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

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

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

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

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


 


 


 

370658a52d9aa801219c77c750a2.jpg

Bing

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

  • 讓用戶感到愉快和驚喜

  • 贏得信任

  • 符合品牌價(jià)值

  • 賺錢

  • 展示我們最好的一面

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

  • 尊重速度的需求

  • 給足夠的并提供更多

  • 提供無縫的體驗(yàn)

 


 


 


 

717358a52da5a801219c7719df7d.jpg

BBC GEL

BBC的全球體驗(yàn)語言


 

全球化的

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


引人入勝的

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


可靠的

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


先驅(qū)的

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


當(dāng)下的

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


獨(dú)特的

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


聯(lián)合的

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


本土化與全球化

我們?cè)谌蚧耐瑫r(shí),也非常重視本土化。我們的信息是可擴(kuò)展和本土化的。


現(xiàn)代英國(guó)的

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


最好的

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


 


 


 


 

b5a458a52db1a801219c77c8789d.jpg

Pinterest


清晰易懂的

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


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

  • 讓用戶覺得自己很厲害

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

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

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


生機(jī)勃勃的

  • 多彩

人物性格大膽出挑

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

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

  • 意料之外

體驗(yàn)是好玩有趣的,但絕不會(huì)壓倒一切。


牢不可破的

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

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

  • 幾乎不可能會(huì)按錯(cuò)

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

  • 可逆轉(zhuǎn)的

如果萬一你真的操作錯(cuò)了什么,改正過來會(huì)非常簡(jiǎn)單。

 


 


 


 

eb8b58a52dc3a801219c771780ff.jpg

Lyft Design Principles


打好基礎(chǔ)

清晰的選擇和上下文


建立信心

一如既往和透明

 

獨(dú)特

可擁有且愉悅的

 


 


 


 

d85058a52dcfa801219c7710fedc.jpg

Foursquare


個(gè)性化的推薦和體驗(yàn)

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


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

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


好玩的視覺語言

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


 


 


 


 

a95758a52de0a801219c7734439b.jpg

Asana’s Design Principles


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

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


通過清晰明確來增加信心

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


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

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


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

簡(jiǎn)單和日常的任務(wù)應(yīng)該毫無障礙和顯而易見的。復(fù)雜的任務(wù)應(yīng)該感覺到高效和愉快。但不能因?yàn)樗俣瓤於⒄`準(zhǔn)確度。


通過一步一步探索讓每個(gè)人都越來越厲害

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


保持統(tǒng)一和標(biāo)準(zhǔn),但在值得的時(shí)候創(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è)計(jì)原則

  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
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦