漲姿勢(shì)!全球頂尖的設(shè)計(jì)團(tuán)隊(duì)都有哪些設(shè)計(jì)原則?

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è)概念。

設(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.

1. 從用戶(hù)的需求著手。

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

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

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

5. 迭代,再迭代。

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

7. 深刻的理解用戶(hù)的使用場(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ù)、理解用戶(hù)場(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ì)原則寫(xiě)在網(wǎng)上,我有時(shí)候會(huì)看到諸如”人性化“”樂(lè)意溝通“這樣的話(huà)。我深信這樣的話(huà)完全不值得作為準(zhǔn)則掛在墻上,除非你團(tuán)隊(duì)里充滿(mǎn)了垃圾設(shè)計(jì)師,從一開(kāi)始你就不應(yīng)該雇傭這樣的人。

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

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

無(wú)障礙設(shè)計(jì)是好的。所有我們創(chuàng)造的產(chǎn)品都應(yīng)該是盡可能清晰、易讀。如果我們需要為此犧牲優(yōu)雅,那就犧牲吧,我們是為了滿(mǎn)足需求而設(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),你的用戶(hù)在其中應(yīng)該感受到什么樣的體驗(yàn)。

你肯定聽(tīng)說(shuō)過(guò)蘋(píng)果的人機(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)是最最最基本的了。

總結(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)該帶給用戶(hù)什么感覺(jué),帶來(lái)什么情緒,如何和競(jìng)爭(zhēng)產(chǎn)品區(qū)別開(kāi)

系統(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ì)決策
  • 反映著你的品牌

收集

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

Airbnb

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

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

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

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

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

為第一印象而設(shè)計(jì)
盡管airbnb在用戶(hù)下訂單的時(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í)候可以寫(xiě)一封信介紹自己,寫(xiě)得越詳細(xì)和真誠(chéng),房東的通過(guò)率越高,畢竟房東要拿出自己的房子給你住,總不愿意雜七雜八的人糟蹋自己的房子,所以大部分房東挑選房客都很謹(jǐn)慎。當(dāng)你住宿完離開(kāi)后,可以互相打評(píng)價(jià),你覺(jué)得房東的房子有什么優(yōu)缺點(diǎn)都可以寫(xiě)到評(píng)論里作為下一個(gè)房客的依據(jù)。如果你很愛(ài)護(hù)房東的房子,他也會(huì)對(duì)你寫(xiě)出很好的評(píng)價(jià)。下次你再向別的房東提出申請(qǐng)時(shí),就像有推薦信一樣,更容易通過(guò)。所以這是個(gè)互相信任的過(guò)程。)

Facebook

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

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

干凈的
我們的視覺(jué)設(shè)計(jì)干凈而素雅,就是為了給用戶(hù)提供一個(gè)干凈的畫(huà)布呈現(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í)。我們保持用同一種聲音和用戶(hù)說(shuō)話(huà),建立信任。盡量做減法、重復(fù)的使用,不要什么都重新設(shè)計(jì)。

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

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

透明

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

Apple

整體的美學(xué)
整體的美學(xué)是指一個(gè)app應(yīng)該從外觀、行為與它的功能保持高度的一致性。例如,如果一個(gè)app要幫助用戶(hù)完成一個(gè)嚴(yán)肅的任務(wù),圖形的設(shè)計(jì)就應(yīng)該更微妙而不張揚(yáng),使用標(biāo)準(zhǔn)的控件,這樣用戶(hù)可以很輕松的預(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)該與用戶(hù)期待的所一致。

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

反饋
用戶(hù)行為后的及時(shí)反饋可以讓用戶(hù)馬上知道操作的結(jié)果。iOS的原生app對(duì)所有的用戶(hù)行為都提供了容易感知的反饋。交互的元素在點(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ì)書(shū)籍和雜志進(jìn)行翻頁(yè)的操作。

用戶(hù)的操控感

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

Google Material Design

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

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

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

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

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

動(dòng)效提供意義
用戶(hù)才是操作后動(dòng)效的原動(dòng)力。因?yàn)橛脩?hù)的行為才有了動(dòng)效,這會(huì)改變整個(gè)設(shè)計(jì)。

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

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

Microsoft

保持簡(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)。

Medium

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

合適比一致性重要
這個(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)的一成不變的書(shū)。

Firefox Design Values

照顧你
Firefox就是你的捍衛(wèi)者-你的安全、隱私和上網(wǎng)的質(zhì)量。我們對(duì)你的時(shí)間、數(shù)據(jù)和注意力十分的尊重,因此我們會(huì)為你做出明智的選擇。
用戶(hù)才是最高權(quán)威,默認(rèn)就是隱私,不要搞驚喜,具有操作性的建議。

你的參與才能使產(chǎn)品更好
Firefox是為了擁有最好的用戶(hù)體驗(yàn)而設(shè)計(jì),但只有當(dāng)它成為你的個(gè)人化產(chǎn)品后才會(huì)完美。
在我們的社區(qū)里需要你的聲音,讓人們從智能的默認(rèn)選項(xiàng)開(kāi)始,隱形和顯性的定制化。
邀請(qǐng)用戶(hù)參與進(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)。
用戶(hù)的控制權(quán)和選擇權(quán),可以簡(jiǎn)單的使用你所選的服務(wù),提供在web所能得到最好的服務(wù)。

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

讓用戶(hù)覺(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)潔,而是追求用戶(hù)容易理解

讓網(wǎng)頁(yè)在情理之中
網(wǎng)頁(yè)是大而復(fù)雜的。Firefox會(huì)從幫助用戶(hù)聚焦在真實(shí)的人類(lèi)目標(biāo)和活動(dòng),用工具幫助你完成所需要的任務(wù)。
聚焦在人的任務(wù)和環(huán)境,提供任務(wù)所需的工具,到達(dá)網(wǎng)頁(yè)和你想要內(nèi)容的快捷入口。
不要用專(zhuān)業(yè)術(shù)語(yǔ),說(shuō)人話(huà)

高性能

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

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

IBM UX

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

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

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

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

如何開(kāi)始
把用戶(hù)邀請(qǐng)進(jìn)來(lái),給他們展示產(chǎn)品可以完成什么事情。最初的體驗(yàn)會(huì)留下第一印象。
人們?cè)诮佑|到新鮮事物是,會(huì)很快的形成一些看法,尤其是在那些會(huì)影響他們生活的東西。

通過(guò)用戶(hù)操作與他個(gè)人化相關(guān)的任務(wù)來(lái)展示產(chǎn)品。量身定制的為每個(gè)用戶(hù)講解那些產(chǎn)品改變他們生活的驚喜時(shí)刻點(diǎn)。永遠(yuǎn)不要低估一些小細(xì)節(jié)。當(dāng)你給以為他們節(jié)省時(shí)間、免去麻煩、甚至是節(jié)省桌面的空間時(shí),用戶(hù)都會(huì)馬上感覺(jué)到喜悅。
第一次的使用一定要在個(gè)人或商業(yè)價(jià)值被展完整的示和傳達(dá)出來(lái)后,才算結(jié)束。

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

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

讓用戶(hù)明白如何達(dá)到自己的目標(biāo)
允許用戶(hù)按照自己的需求個(gè)性化產(chǎn)品
為錯(cuò)誤的發(fā)生創(chuàng)造一個(gè)寬容的環(huán)境,即使錯(cuò)了也可以輕松回退
隨時(shí)為用戶(hù)準(zhǔn)備好正確的操作和工具,鼓勵(lì)用戶(hù)的積極性

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

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

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

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

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

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

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

通過(guò)貼心的交互方式,引導(dǎo)用戶(hù)在邊操作的過(guò)程中邊學(xué)習(xí),知道下次自己該怎么操作、掌握成功的技能。要盡可能的幫用戶(hù)避免錯(cuò)誤。當(dāng)你的產(chǎn)品或服務(wù)不可用或者壞了的時(shí)候,要明確告訴用戶(hù)狀態(tài)且在什么時(shí)候服務(wù)才會(huì)恢復(fù)。要找到最好的通知用戶(hù)的方式。

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

Bing

為探索者而設(shè)計(jì)
讓用戶(hù)感到愉快和驚喜
贏得信任
符合品牌價(jià)值
賺錢(qián)
展示我們最好的一面
通過(guò)相關(guān)性組織頁(yè)面
尊重速度的需求
給足夠的并提供更多
提供無(wú)縫的體驗(yàn)

BBC GEL

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

全球化的
我們必須通過(guò)簡(jiǎn)單、有用、直覺(jué)的界面來(lái)傳達(dá)的清晰的信息。我們的服務(wù)是開(kāi)放和容易獲得的。

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

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

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

當(dāng)下的
我們管理著英國(guó)的時(shí)間線(xiàn),除了反映當(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ì)量第一。

Pinterest

清晰易懂的
直覺(jué)的,不需要學(xué)習(xí)的

不需要解釋就能明白怎么操作
讓用戶(hù)覺(jué)得自己很厲害
不要有讓你覺(jué)得不信任或不舒服的東西。系統(tǒng)給你提供了正確的控件和接下來(lái)的做什么的選項(xiàng)。
讓內(nèi)容更出彩
界面的框架是完全無(wú)縫且隱藏的。在你不需要的時(shí)候根本不用注意到。由用戶(hù)決定要使用什么,我們不會(huì)強(qiáng)迫用戶(hù)。

生機(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)單。

Lyft Design Principles

打好基礎(chǔ)
清晰的選擇和上下文

建立信心
一如既往和透明

獨(dú)特

可擁有且愉悅的

Foursquare

個(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)系和偏好。這樣可以幫助我們更好的探索周?chē)氖澜?。例如你喜歡復(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等。

Asana’s Design Principles

讓用戶(hù)可以聚焦在自己的工作上免除干擾
用戶(hù)的精力應(yīng)該由自己控制,只有與個(gè)人密切相關(guān)的改變時(shí)才打擾用戶(hù)。

通過(guò)清晰明確來(lái)增加信心
在應(yīng)用里,團(tuán)隊(duì)中,正在發(fā)生什么和為什么發(fā)生都應(yīng)該毫不含糊。

從人際技巧中獲得的產(chǎn)出和情感的滿(mǎn)足
當(dāng)用戶(hù)感覺(jué)與同伴可以相互依賴(lài)、各司其事、往同一個(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)新
用戶(hù)應(yīng)該感覺(jué)到Asana很熟悉但也很現(xiàn)代。

原文地址:medium.muz.li

 藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔