2017-2-17 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
想從美工變成真正的設(shè)計(jì)師，學(xué)習(xí)設(shè)計(jì)之上的原則很重要。這篇譯文收集了全球各個(gè)最優(yōu)秀的產(chǎn)品設(shè)計(jì)原則，讓我們了解這些產(chǎn)品設(shè)計(jì)背后更高的設(shè)計(jì)指導(dǎo)原則。
騰訊視頻TVD：在我們進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)，總會(huì)遇到一些很難決策的地方或者沒(méi)有頭緒的時(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ì)保持更高的一致性。
最近我需要為我的產(chǎn)品設(shè)定最高層級(jí)的原則。我尋找著那些簡(jiǎn)單卻有力量的設(shè)計(jì)準(zhǔn)則，那些可以在設(shè)計(jì)決策時(shí)引導(dǎo)我們，和在討論中打破僵局的準(zhǔn)則。
首先，對(duì)于設(shè)計(jì)原則，我發(fā)現(xiàn)需要先理清一些誤會(huì)，在開(kāi)始前我們先明確一下這個(gè)概念。
如果你嘗試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.
1. 從用戶的需求著手。
2. 少做。多考慮可復(fù)用性和共享，做政府部門應(yīng)該做的事。
3. 通過(guò)數(shù)據(jù)來(lái)做設(shè)計(jì)決策。
4. 盡最大的努力讓事情變簡(jiǎn)單。
5. 迭代，再迭代。
6. 為所有人設(shè)計(jì)。
7. 深刻的理解用戶的使用場(chǎng)景。
8. 創(chuàng)建電子服務(wù)，而不是網(wǎng)站。
9. 保持一致，但不是死板的一成不變。
10. 保持開(kāi)放，與全世界分享我們的代碼、設(shè)計(jì)、想法，這樣才會(huì)越來(lái)越好。
這十條準(zhǔn)則看上去很合理，但我認(rèn)為這已經(jīng)是業(yè)界的基本標(biāo)準(zhǔn)，誰(shuí)不是通過(guò)數(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ì)看到諸如”人性化“”樂(lè)意溝通“這樣的話。我深信這樣的話完全不值得作為準(zhǔn)則掛在墻上，除非你團(tuán)隊(duì)里充滿了垃圾設(shè)計(jì)師，從一開(kāi)始你就不應(yīng)該雇傭這樣的人。
所以，我想找的是產(chǎn)品設(shè)計(jì)的準(zhǔn)則。英國(guó)政府的設(shè)計(jì)原則至少有一條是我認(rèn)為好的：
無(wú)障礙設(shè)計(jì)是好的。所有我們創(chuàng)造的產(chǎn)品都應(yīng)該是盡可能清晰、易讀。如果我們需要為此犧牲優(yōu)雅，那就犧牲吧，我們是為了滿足需求而設(shè)計(jì)，不是要設(shè)計(jì)出擺在那里的花瓶。我們?yōu)槿珖?guó)的人設(shè)計(jì)，而不是為某一個(gè)人。那些最需要我們服務(wù)的人，通常都是覺(jué)得我們服務(wù)最難用的人。讓我們一開(kāi)始就考慮到他們，為他們?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ū)別開(kāi)，你的用戶在其中應(yīng)該感受到什么樣的體驗(yàn)。
你肯定聽(tīng)說(shuō)過(guò)蘋果的人機(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ū)分開(kāi)，又需要在不同的平臺(tái)系統(tǒng)內(nèi)符合他們的設(shè)計(jì)原則。
這會(huì)導(dǎo)致同一個(gè)問(wèn)題：一些團(tuán)隊(duì)會(huì)設(shè)定一些顯而易見(jiàn)的設(shè)計(jì)原則：清晰、簡(jiǎn)潔、可用。但缺少這些你根本不可能創(chuàng)造出一個(gè)好產(chǎn)品，這已經(jīng)是最最最基本的了。
好的設(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)該帶給用戶什么感覺(jué)，帶來(lái)什么情緒，如何和競(jìng)爭(zhēng)產(chǎn)品區(qū)別開(kāi)
系統(tǒng)的設(shè)計(jì)原則
為你的產(chǎn)品在不同環(huán)境不同平臺(tái)體驗(yàn)保持一致的原則。
有很好的設(shè)計(jì)原則并不代表著你的產(chǎn)品也可以笑到最后。顯然，好的產(chǎn)品需要在所有層面上優(yōu)秀的執(zhí)行，而設(shè)計(jì)準(zhǔn)則只是其中很小的一部分，他能幫助你在有分歧的時(shí)候打破僵局，節(jié)省時(shí)間，讓團(tuán)隊(duì)有一致的目標(biāo)。
什么才是好的原則？
我收集了一些我覺(jué)得好的設(shè)計(jì)原則。這里面不會(huì)包括基本的平面設(shè)計(jì)原理或設(shè)計(jì)流程，但我把設(shè)計(jì)系統(tǒng)的準(zhǔn)則也加在里面了，因?yàn)樗c產(chǎn)品的設(shè)計(jì)原則有重合的地方。
統(tǒng)一的
每一個(gè)部分都是為更好的整體提供積極的貢獻(xiàn)。不應(yīng)該有分離或局外的功能。
全球化的
Airbnb是一個(gè)會(huì)被全球用戶使用的產(chǎn)品。我們的產(chǎn)品和視覺(jué)語(yǔ)言對(duì)全球用戶都要是友好的和可用的。
清晰聚焦的
當(dāng)我們呈現(xiàn)設(shè)計(jì)和功能時(shí)，都應(yīng)該是十分聚焦的。圍繞聚焦的內(nèi)容，我們的設(shè)計(jì)應(yīng)該清晰和大膽的傳達(dá)給用戶。
口語(yǔ)化的
我們的產(chǎn)品與用戶溝通時(shí)，應(yīng)該與現(xiàn)實(shí)生活一樣，輕松易懂。
作為“共同的朋友”
讓用戶在線上盡量減少不確定的內(nèi)容、可以方便設(shè)定好自己的期望，從而更好的匹配用戶需要的結(jié)果，真實(shí)生活中的線下體驗(yàn)才會(huì)很棒。我們產(chǎn)品是為了房東、租客可以更好的互相認(rèn)識(shí)而設(shè)計(jì)的。我們還會(huì)不斷了解你的需求，通過(guò)好的產(chǎn)品設(shè)計(jì)，持續(xù)為用戶創(chuàng)造更好的新體驗(yàn)。我們?yōu)橛脩艋ハ嗾J(rèn)識(shí)搭好舞臺(tái)，互相介紹，然后就離開(kāi)，把空間留給用戶。就像好朋友的角色一樣，當(dāng)你需要我的時(shí)候，我就在你身邊。
為第一印象而設(shè)計(jì)
盡管airbnb在用戶下訂單的時(shí)候需要一些信息，但并不需要所有事情都開(kāi)誠(chéng)布公。所以我們需要客人告訴我們他是誰(shuí)，但具體他是什么樣的人，由客人決定吧。
互相信任需要努力
就和現(xiàn)實(shí)生活中一樣，你在airbnb里投入什么，就會(huì)收獲到什么。airbnb里的信任是相互共享的。我們發(fā)現(xiàn)租客對(duì)房東越真誠(chéng)，房東也會(huì)更愿意信任租客。
（譯者補(bǔ)充：剛好前陣子使用airbnb在美國(guó)租房子，在向房東提出申請(qǐng)的時(shí)候可以寫一封信介紹自己，寫得越詳細(xì)和真誠(chéng)，房東的通過(guò)率越高，畢竟房東要拿出自己的房子給你住，總不愿意雜七雜八的人糟蹋自己的房子，所以大部分房東挑選房客都很謹(jǐn)慎。當(dāng)你住宿完離開(kāi)后，可以互相打評(píng)價(jià)，你覺(jué)得房東的房子有什么優(yōu)缺點(diǎn)都可以寫到評(píng)論里作為下一個(gè)房客的依據(jù)。如果你很愛(ài)護(hù)房東的房子，他也會(huì)對(duì)你寫出很好的評(píng)價(jià)。下次你再向別的房東提出申請(qǐng)時(shí)，就像有推薦信一樣，更容易通過(guò)。所以這是個(gè)互相信任的過(guò)程。）
全球化的
我們的使命是讓全世界更加開(kāi)放，這意味著我們的產(chǎn)品要觸達(dá)世界每一個(gè)角落、每一個(gè)人。我們要為每一個(gè)人、每一種文化、每一種語(yǔ)言、每個(gè)生命階段而設(shè)計(jì)。這就是為什么我們的產(chǎn)品總是做90%用戶的功能，而不做少數(shù)人的功能，即使這樣意味著我們短期內(nèi)可能后退一點(diǎn)。
以人為中心
用戶使用我們產(chǎn)品是因?yàn)檫@里有他的朋友和他附近的人。 “你在乎的人都在這里“就是我們產(chǎn)品的核心價(jià)值。這就是為什么人的臉龐、人們發(fā)的消息比一切視覺(jué)設(shè)計(jì)都重要。
干凈的
我們的視覺(jué)設(shè)計(jì)干凈而素雅，就是為了給用戶提供一個(gè)干凈的畫布呈現(xiàn)他們的生活。一個(gè)極簡(jiǎn)的、明亮的空間可以讓參與者真誠(chéng)的交流。干凈并不是視覺(jué)設(shè)計(jì)最容易的方法。相反的，因?yàn)橄霕O力減少視覺(jué)樣式，邊緣的距離、字體的比例，顏色的設(shè)計(jì)都變得尤其重要。
始終如一的
擁抱可重復(fù)使用的控件樣式。我們認(rèn)識(shí)到當(dāng)使用一致的交互控件后，可用性會(huì)大大提高，因?yàn)椴恍枰貜?fù)的學(xué)習(xí)。我們保持用同一種聲音和用戶說(shuō)話，建立信任。盡量做減法、重復(fù)的使用，不要什么都重新設(shè)計(jì)。
實(shí)際有用的
我們的產(chǎn)品不像娛樂(lè)類的產(chǎn)品，它會(huì)被每天重復(fù)使用，需要有效率的為用戶提供價(jià)值。這就是為什么我們用戶每天最主要的交互方式就是時(shí)間流，為用戶大大節(jié)省了要沒(méi)必要的點(diǎn)擊和空間的浪費(fèi)。
快速
我們珍惜用戶的時(shí)間比自己的更甚。我們認(rèn)識(shí)到更快速的體驗(yàn)可以讓人感覺(jué)更有效率和不費(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í)告知。
整體的美學(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)。
保持一致
通過(guò)使用系統(tǒng)提供的界面元素、大家熟知的icon、標(biāo)準(zhǔn)的文字樣式、統(tǒng)一的術(shù)語(yǔ)來(lái)可以使App保持一致。app所包含的功能和行為，都應(yīng)該與用戶期待的所一致。
直接的操作感
對(duì)屏幕內(nèi)容的直接操作，使用戶有參與感和容易理解。當(dāng)旋轉(zhuǎn)設(shè)備或使用手勢(shì)來(lái)控制屏幕上的內(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)視圖來(lái)展示內(nèi)容的底部。你也可以拖拽或掃動(dòng)內(nèi)容。你還可以打開(kāi)切換按鍵，移動(dòng)滑塊，滾動(dòng)選擇器的數(shù)值。你甚至還可以對(duì)書籍和雜志進(jìn)行翻頁(yè)的操作。
用戶的操控感
在iOS里，人才是控制者，而不是app。app可以在遇到危險(xiǎn)結(jié)果時(shí)提出建議的操作，但如果app自作主張的幫用戶做決定就一定是錯(cuò)的。好的app能在糾錯(cuò)和讓用戶有操控感之間找到完美平衡點(diǎn)。好的app能通過(guò)熟悉的交互元素、再次確認(rèn)、容易取消之前的操作等來(lái)讓用戶覺(jué)得他們正在控制大局。
實(shí)體感是一種隱喻
通過(guò)構(gòu)建科學(xué)合理化的空間和系統(tǒng)的動(dòng)效，形成了實(shí)體感的隱喻。由于在研究紙和墨水的時(shí)候受到啟發(fā)，實(shí)體感的營(yíng)造靈感來(lái)源于可觸摸的實(shí)體，實(shí)體感的技術(shù)上很先進(jìn)且充滿想象和魔力。
界面元素的表面和邊緣提供了基于現(xiàn)實(shí)的視覺(jué)暗示，熟悉的觸感讓用戶可以快速地明白其功能可見(jiàn)性。界面元素的靈活變化甚至創(chuàng)造了超越物理世界的新的功能可見(jiàn)性，但又不會(huì)脫離客觀的物理規(guī)律。
光線、界面、運(yùn)動(dòng)是傳達(dá)物體在移動(dòng)、交互和空間中相互關(guān)系的基礎(chǔ)。真實(shí)的光線會(huì)展現(xiàn)出兩個(gè)面之間交接線，劃分的空間以及移動(dòng)的部分。
大膽，生動(dòng)，有意為之
基于印刷設(shè)計(jì)的基本元素-字體、柵格、空間、比例、顏色、圖像的使用-是我們視覺(jué)處理的基礎(chǔ)。這些元素的作用遠(yuǎn)遠(yuǎn)不止養(yǎng)眼。他們創(chuàng)造了層次關(guān)系，意義和焦點(diǎn)。通過(guò)顏色選擇、圖像、大比例的字體，和有意的留白可以創(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)變要連貫。
保持簡(jiǎn)單
我們把簡(jiǎn)潔作為統(tǒng)一的終極武器。當(dāng)設(shè)計(jì)是直觀的時(shí)候，我們都能感覺(jué)到。結(jié)果就會(huì)是一個(gè)真誠(chéng)和永不過(guò)時(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ì)出來(lái)的。結(jié)果就會(huì)是讓人驚喜的體驗(yàn)。
帶有引導(dǎo)性的而不是什么都讓用戶選擇
這個(gè)準(zhǔn)則主要應(yīng)用于當(dāng)我們?cè)O(shè)計(jì)medium的輸入編輯器時(shí)。我們有意的引導(dǎo)特定編排、字體和顏色選擇，是因?yàn)槲覀兿Ｍ脩舭呀裹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ì)成像打印出來(lái)的一成不變的書。
照顧你
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)開(kāi)始，隱形和顯性的定制化。
邀請(qǐng)用戶參與進(jìn)來(lái)。
一起才好玩
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ì)更人性化、有趣、異想天開(kāi)的和快樂(lè)。我們都喜愛(ài)web，F(xiàn)irefox也不例外。
讓用戶覺(jué)得與它溝通的就是一個(gè)真實(shí)的人，有趣的工具會(huì)更容易使用
Firefox是由非常關(guān)注細(xì)節(jié)的人創(chuàng)造的。一個(gè)漂亮的app在使用的過(guò)程會(huì)感覺(jué)到容易和清晰。這只有在不斷打磨和對(duì)細(xì)節(jié)的關(guān)注中達(dá)到。
不同平臺(tái)里外觀的延續(xù)性
全球化的
Firefox是由來(lái)自世界各地的人設(shè)計(jì)和使用的。針對(duì)不同地域的設(shè)計(jì)，不僅僅是翻譯過(guò)來(lái)。因?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)頁(yè)在情理之中
網(wǎng)頁(yè)是大而復(fù)雜的。Firefox會(huì)從幫助用戶聚焦在真實(shí)的人類目標(biāo)和活動(dòng)，用工具幫助你完成所需要的任務(wù)。
聚焦在人的任務(wù)和環(huán)境，提供任務(wù)所需的工具，到達(dá)網(wǎng)頁(yè)和你想要內(nèi)容的快捷入口。
不要用專業(yè)術(shù)語(yǔ)，說(shuō)人話
高性能
速度仍然是評(píng)估一個(gè)瀏覽器好壞的最重要因素。除了技術(shù)上的性能，用戶是否感覺(jué)響應(yīng)快速也是非常重要。
性能是客觀的，但是否響應(yīng)迅速是主觀的。
探索、嘗試、購(gòu)買
主動(dòng)的找到目標(biāo)用戶。給用戶展現(xiàn)實(shí)際的產(chǎn)品和服務(wù)，不要光用嘴巴說(shuō)。把用戶從“嘗試”無(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)買完就非常興奮的感受。
如何開(kāi)始
把用戶邀請(qǐng)進(jìn)來(lái)，給他們展示產(chǎn)品可以完成什么事情。最初的體驗(yàn)會(huì)留下第一印象。
人們?cè)诮佑|到新鮮事物是，會(huì)很快的形成一些看法，尤其是在那些會(huì)影響他們生活的東西。
通過(guò)用戶操作與他個(gè)人化相關(guān)的任務(wù)來(lái)展示產(chǎn)品。量身定制的為每個(gè)用戶講解那些產(chǎn)品改變他們生活的驚喜時(shí)刻點(diǎn)。永遠(yuǎn)不要低估一些小細(xì)節(jié)。當(dāng)你給以為他們節(jié)省時(shí)間、免去麻煩、甚至是節(jié)省桌面的空間時(shí)，用戶都會(huì)馬上感覺(jué)到喜悅。
第一次的使用一定要在個(gè)人或商業(yè)價(jià)值被展完整的示和傳達(dá)出來(lái)后，才算結(jié)束。
每天使用
用戶應(yīng)該在每次使用你的產(chǎn)品時(shí)，都感覺(jué)到獨(dú)特的價(jià)值。
無(wú)論是每天還是一年一次，用戶都應(yīng)該感覺(jué)到控制感，可以隨時(shí)從上次他結(jié)束的地方重新開(kāi)始。用戶應(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ù)見(jiàn)。
管理
管理容易的產(chǎn)品才會(huì)被經(jīng)常使用。用戶只有在不用老擔(dān)心怎么管理的時(shí)候才會(huì)是一個(gè)開(kāi)心的用戶。無(wú)論是對(duì)為整個(gè)組織負(fù)責(zé)的管理員還是終端普通用戶，都要盡可能的把管理任務(wù)設(shè)計(jì)好。無(wú)論對(duì)于哪個(gè)用戶群，都會(huì)是“不要拿管理來(lái)煩我”的態(tài)度。
升級(jí)
升級(jí)的過(guò)程盡可能不要打擾用戶和減少用戶的參與。當(dāng)有一些重要的用戶體驗(yàn)改變了的時(shí)候，不要讓用戶去猜什么是新的或猜移除了哪些功能。要明確的告訴用戶發(fā)生了什么改變，和這對(duì)他而言有什么影響。
獲得幫助
以用戶希望的方式來(lái)幫助用戶。告訴他們更多的知識(shí)和鼓勵(lì)他們的分享。
“幫助”體驗(yàn)由始至終都會(huì)貫穿。幫助應(yīng)該是積極主動(dòng)的、愉快的，和有多種形式的。
當(dāng)用戶需要幫助，要為用戶找到最容易解決的辦法。要了解用戶的使用習(xí)慣和教用戶它最順手的解決辦法。
通過(guò)貼心的交互方式，引導(dǎo)用戶在邊操作的過(guò)程中邊學(xué)習(xí)，知道下次自己該怎么操作、掌握成功的技能。要盡可能的幫用戶避免錯(cuò)誤。當(dāng)你的產(chǎn)品或服務(wù)不可用或者壞了的時(shí)候，要明確告訴用戶狀態(tài)且在什么時(shí)候服務(wù)才會(huì)恢復(fù)。要找到最好的通知用戶的方式。
幫助的體驗(yàn)應(yīng)該讓用戶感覺(jué)到自己學(xué)到東西并且知識(shí)淵博。鼓勵(lì)用戶成為專家。對(duì)你的目標(biāo)用戶使用平實(shí)的語(yǔ)言。給他們反饋和分享學(xué)習(xí)成果的機(jī)會(huì)。用戶通常會(huì)更愿意從同輩人中聽(tīng)取建議，所以社區(qū)的學(xué)習(xí)也是值得推行的。
為探索者而設(shè)計(jì)
讓用戶感到愉快和驚喜
贏得信任
符合品牌價(jià)值
賺錢
展示我們最好的一面
通過(guò)相關(guān)性組織頁(yè)面
尊重速度的需求
給足夠的并提供更多
提供無(wú)縫的體驗(yàn)
BBC的全球體驗(yàn)語(yǔ)言
全球化的
我們必須通過(guò)簡(jiǎn)單、有用、直覺(jué)的界面來(lái)傳達(dá)的清晰的信息。我們的服務(wù)是開(kāi)放和容易獲得的。
引人入勝的
我們廣播的聲音從嚴(yán)肅、官方的到詼諧幽默的。我們可靠、有價(jià)值、溫暖人心和有人情味。我們是通過(guò)引人入勝的故事讓觀眾著迷。
可靠的
我們非常重視用戶給予的信任和親近。我們通過(guò)微妙的延續(xù)以往BBC標(biāo)志性的設(shè)計(jì)來(lái)延續(xù)這種感覺(jué)。
先驅(qū)的
我們會(huì)做創(chuàng)新的先鋒，以此給用戶愉悅和驚喜。我們會(huì)帶著觀眾一起享受新鮮的探索。
當(dāng)下的
我們管理著英國(guó)的時(shí)間線，除了反映當(dāng)下發(fā)生的，還提供過(guò)往相關(guān)的上下文。
獨(dú)特的
我們不只是按照當(dāng)下的設(shè)計(jì)趨勢(shì)去做，我們會(huì)看到未來(lái)的趨勢(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ì)量第一。
清晰易懂的
直覺(jué)的，不需要學(xué)習(xí)的
不需要解釋就能明白怎么操作
讓用戶覺(jué)得自己很厲害
不要有讓你覺(jué)得不信任或不舒服的東西。系統(tǒng)給你提供了正確的控件和接下來(lái)的做什么的選項(xiàng)。
讓內(nèi)容更出彩
界面的框架是完全無(wú)縫且隱藏的。在你不需要的時(shí)候根本不用注意到。由用戶決定要使用什么，我們不會(huì)強(qiáng)迫用戶。
生機(jī)勃勃的
多彩
人物性格大膽出挑
視覺(jué)上響應(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)的，如果萬(wàn)一你真的操作錯(cuò)了什么，改正過(guò)來(lái)會(huì)非常簡(jiǎn)單。
打好基礎(chǔ)
清晰的選擇和上下文
建立信心
一如既往和透明
獨(dú)特
可擁有且愉悅的
個(gè)性化的推薦和體驗(yàn)
當(dāng)我們想地方吃飯、喝東西、購(gòu)物時(shí)，沒(méi)理由給每個(gè)人都推薦相同的內(nèi)容。在2006年的時(shí)候給所有人都相同的列表推薦可能是可以接受的，但現(xiàn)在看就太過(guò)時(shí)了。各人的品味都不相同，為何我們要看到相同的結(jié)果？
持續(xù)的數(shù)據(jù)收集并在情境中使用
我們的手機(jī)應(yīng)該越來(lái)越了解我們的口味、社交關(guān)系和偏好。這樣可以幫助我們更好的探索周圍的世界。例如你喜歡復(fù)古風(fēng)格的衣服，就應(yīng)該告訴你附近有一個(gè)很好的小店。如果你來(lái)到一個(gè)新城市，就應(yīng)該告訴你你的朋友Katy推薦了當(dāng)?shù)氐囊粋€(gè)小餐廳。如果你特別愛(ài)吃辣，就應(yīng)該在你坐下點(diǎn)菜的時(shí)候給出合適的建議。
好玩的視覺(jué)語(yǔ)言
應(yīng)該在城市探索的過(guò)程中設(shè)計(jì)好玩、輕松、娛樂(lè)的視覺(jué)體驗(yàn)：例如大膽的icon設(shè)計(jì)，明亮純度高的顏色，結(jié)合超級(jí)英雄的地圖中的定位錨點(diǎn)logo等。
讓用戶可以聚焦在自己的工作上免除干擾
用戶的精力應(yīng)該由自己控制，只有與個(gè)人密切相關(guān)的改變時(shí)才打擾用戶。
通過(guò)清晰明確來(lái)增加信心
在應(yīng)用里，團(tuán)隊(duì)中，正在發(fā)生什么和為什么發(fā)生都應(yīng)該毫不含糊。
從人際技巧中獲得的產(chǎn)出和情感的滿足
當(dāng)用戶感覺(jué)與同伴可以相互依賴、各司其事、往同一個(gè)目標(biāo)努力時(shí)，會(huì)感覺(jué)自己是團(tuán)隊(duì)的一部分。
為了更快、不費(fèi)力和有目的的交互而設(shè)計(jì)
簡(jiǎn)單和日常的任務(wù)應(yīng)該毫無(wú)障礙和顯而易見(jiàn)的。復(fù)雜的任務(wù)應(yīng)該感覺(jué)到和愉快。但不能因?yàn)樗俣瓤於⒄`準(zhǔn)確度。
通過(guò)一步一步探索讓每個(gè)人都越來(lái)越厲害
使用Asana的人，無(wú)論是否有經(jīng)驗(yàn)、使用多少功能，都應(yīng)該感覺(jué)到掌控感，清楚怎么使用。
保持統(tǒng)一和標(biāo)準(zhǔn)，但在值得的時(shí)候創(chuàng)新
用戶應(yīng)該感覺(jué)到Asana很熟悉但也很現(xiàn)代。
原文地址：medium.muz.li
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com