小編注:
在我們進行產(chǎn)品設(shè)計的時,總會遇到一些很難決策的地方或者沒有頭緒的時候,例如兩個方案看上去都很不錯,究竟選使用哪個才是對的?在設(shè)計時該往哪個方向進行?
在表層設(shè)計之外,探索和制定更高層級的產(chǎn)品設(shè)計原則應(yīng)當(dāng)是需要我們努力的方向,這些設(shè)計原則能幫助產(chǎn)品設(shè)計保持更高的一致性。
------------------------------------------
最近我需要為我的產(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.
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)該雇傭這樣的人。
所以,我想找的是產(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è)計原則有重合的地方。
撒花!開始吧:
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ù)。如果你很愛護房東的房子,他也會對你寫出很好的評價。下次你再向別的房東提出申請時,就像有推薦信一樣,更容易通過。所以這是個互相信任的過程。)
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ā)生了什么,為什么會這樣,我們都要對用戶如實告知。
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)、容易取消之前的操作等來讓用戶覺得他們正在控制大局。
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)變要高效連貫。
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é)果就會是讓人驚喜的體驗。
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è)計成像打印出來的一成不變的書。
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)迅速是主觀的。
-
一個快樂的用戶會操作得更好
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í)也是值得推行的。
Bing
-
為探索者而設(shè)計
-
讓用戶感到愉快和驚喜
-
贏得信任
-
符合品牌價值
-
賺錢
-
展示我們最好的一面
-
通過相關(guān)性組織頁面
-
尊重速度的需求
-
給足夠的并提供更多
-
提供無縫的體驗
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ì)量第一。
清晰易懂的
-
直覺的,不需要學(xué)習(xí)的
不需要解釋就能明白怎么操作
-
讓用戶覺得自己很厲害
不要有讓你覺得不信任或不舒服的東西。系統(tǒng)給你提供了正確的控件和接下來的做什么的選項。
-
讓內(nèi)容更出彩
界面的框架是完全無縫且隱藏的。在你不需要的時候根本不用注意到。由用戶決定要使用什么,我們不會強迫用戶。
生機勃勃的
-
多彩
人物性格大膽出挑
-
視覺上響應(yīng)很快的
交互體驗?zāi)M物理世界的
-
意料之外
體驗是好玩有趣的,但絕不會壓倒一切。
牢不可破的
-
為了探索而設(shè)計
就像小孩的玩具,你會想要玩弄它各種嘗試看看會發(fā)生什么。越多的探索,就越快學(xué)會且得到越多。
-
幾乎不可能會按錯
所有的設(shè)計都為了幫助你容易找到想要的內(nèi)容。
-
可逆轉(zhuǎn)的
如果萬一你真的操作錯了什么,改正過來會非常簡單。
Lyft Design Principles
打好基礎(chǔ)
清晰的選擇和上下文
建立信心
一如既往和透明
獨特
可擁有且愉悅的
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等。
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)代。
參考和來源
-
Design Principles FTW?—?biggest collection of design principles
-
A Matter of Principle by Julie Zhuo—product design VP @ Facebook describes what good design principles are
-
Design a Better Product with Product Principles by Ste Grainer?—?somebeautiful diving into the process of choosing the principles
-
A matter of design principle(s) byC?t?lin Bridinel?—?some principles from a Booking.com designer, with examples
-
Why design principles shape stronger products by Jessie Chen—more process of defining principles for your product
-
Aligning your team through design principles by Stephanie Hornung
設(shè)計原則
-
Airbnb “Building a Visual Language Behind the scenes of our new design system’’
-
Airbnb “Designing For Trust”
-
Google Material Design
-
Apple iOS Human Design Guidelines
-
Microsoft Design Language Principles
-
Facebook Design Principles
-
Salesforce “Defining Principles to Drive Design Decisions”
-
IBM Design Language
-
Bing “Designing Bing: Heart and Science”
-
Medium “Creating useful design principles”
-
Firefox Design Values
-
BBC GEL Design Philosophy
-
Lyft Tips from Lyft: Let Your Brand Drive Your UX Decisions
-
Foursquare “Introducing the all-new Foursquare, which learns what you like and leads you to places you’ll love”
-
Foursquare “Designing the new Foursquare”
-
Pinterest “Redesigning Pinterest, block by block”
-
Asana “Developing our design principles”
-------------------------------- END --------------------------------