譯文 | 交互設(shè)計(jì)基本原則

2 評(píng)論 18710 瀏覽 150 收藏 73 分鐘

前言:

下面的原則對(duì)于有效的用戶界面的設(shè)計(jì)和實(shí)現(xiàn)都是最基本的,不管是針對(duì)傳統(tǒng)的圖形用戶界面還是針對(duì)任意的可聯(lián)網(wǎng)的智能電子設(shè)備都是有用的。

有效的用戶界面是視覺明顯的并且寬容的,會(huì)帶給用戶一種控制感。用戶能很快明白他們可以做的事,知道如何實(shí)現(xiàn)他們的目標(biāo),并且可以不受打擾的完成他們的工作;有效的界面不會(huì)讓用戶知道系統(tǒng)的內(nèi)部是怎么運(yùn)轉(zhuǎn)的,用戶的工作被仔細(xì)連續(xù)不斷的保存下來,并且可以允許用戶在任何時(shí)間重做他們的工作;有效的應(yīng)用和服務(wù)自己做大量的幕后工作,只讓用戶做少量的事。

我喜愛蘋果公司及產(chǎn)品,但它并不完美

在這篇文章里我用了很多的蘋果公司產(chǎn)品的例子,大多是反面的例子。蘋果公司在交互設(shè)計(jì)領(lǐng)域已經(jīng)做出了很多的革新,我希望他們繼續(xù)下去。但是他們也會(huì)犯錯(cuò)誤,雖然沒有其他的產(chǎn)品錯(cuò)誤多,但是因?yàn)槲翌l繁使用蘋果的產(chǎn)品,導(dǎo)致一直看到那些錯(cuò)誤。在寫這篇文章的時(shí)候我用了好多的蘋果產(chǎn)品,從iMac到iPad,因此我很容易立即就能找到那些反面的例子。

但是不要因?yàn)檫@篇文章就認(rèn)為我對(duì)蘋果懷恨在心。事實(shí)上在1978年,在被喬布斯雇傭后我設(shè)計(jì)了蘋果的第一個(gè)人機(jī)界面。之后超過14年我一直在這個(gè)公司工作,新產(chǎn)品發(fā)布后我會(huì)第一時(shí)間買幾乎所有的蘋果產(chǎn)品,并且投資了很多的蘋果公司的股票。我喜歡蘋果,支持蘋果,但同時(shí)希望它變得更好。

美學(xué):

原則:美術(shù)設(shè)計(jì)應(yīng)該留給那些受過正規(guī)訓(xùn)練的有足夠技術(shù)能力的圖形或視覺設(shè)計(jì)師

原則:設(shè)計(jì)潮流應(yīng)該先考慮可用性

從衣服到汽車出于商業(yè)的目的為了賣出更多的產(chǎn)品公司會(huì)人為地推出新設(shè)計(jì)來使舊產(chǎn)品過時(shí)。但是新的設(shè)計(jì)潮流不應(yīng)該對(duì)產(chǎn)品的可用性不利。

原則:像測(cè)試交互設(shè)計(jì)一樣也要對(duì)視覺設(shè)計(jì)進(jìn)行測(cè)試

在美學(xué)風(fēng)格變化之后進(jìn)行用戶測(cè)試,要確保產(chǎn)品的可學(xué)性,用戶的滿意度和工作效率等會(huì)提高或至少不會(huì)降低。如果不是的話,新變化的美學(xué)風(fēng)格所造成的問題需要重新考慮。

原則(譯者補(bǔ)充):保持一致性

一致性也是非常重要的,不一致的設(shè)計(jì)不但會(huì)讓用戶迷惑,而且會(huì)讓他們覺得設(shè)計(jì)很丑。一致性包括很多內(nèi)容,1)與平臺(tái)設(shè)計(jì)語言的一致,比如iOS7+系統(tǒng)都變得扁平了,如果某個(gè)應(yīng)用仍然是十分?jǐn)M物的,單獨(dú)看可能會(huì)不錯(cuò),但如果與其他的應(yīng)用比較用戶可能就會(huì)覺得這個(gè)設(shè)計(jì)很丑;2)自身版本更新時(shí)前后一致,不要突然大幅度變化設(shè)計(jì)風(fēng)格讓用戶難以接受;3)應(yīng)用的當(dāng)前版本內(nèi)部各個(gè)設(shè)計(jì)也要一致,比如圖標(biāo)風(fēng)格一致,顏色一致,不要隨便選擇按鈕的顏色,圓角的角度

預(yù)知需求:

原則:在用戶達(dá)成目標(biāo)的每一步都把所有必要的信息和工具帶給用戶

不管是軟件還是硬件都要盡力去預(yù)知用戶的需求。不要期待用戶離開當(dāng)前的頁(yè)面去尋找他所需要的信息。所需的信息和工具必須放在合適的位置并且要明顯可見。

預(yù)知要求設(shè)計(jì)師對(duì)于用戶和用戶的目標(biāo)有一個(gè)很深的理解,它也請(qǐng)求有效的可用性測(cè)試來保證達(dá)成了目標(biāo):如果所需的工具和信息已經(jīng)在屏幕上了,但是用戶卻不能發(fā)現(xiàn)他,可能預(yù)知地不是很準(zhǔn)確。

設(shè)計(jì)師沒能預(yù)知用戶的需求所帶來的損失經(jīng)常是很快并且長(zhǎng)久的,特別是如果你還沒有忠實(shí)用戶,對(duì)于大眾服務(wù)類網(wǎng)站或應(yīng)用,這些用戶可能就不會(huì)再重新使用你的產(chǎn)品了。甚至是如果你已經(jīng)有了一些忠實(shí)用戶,但是你也很難將他們轉(zhuǎn)為為忠實(shí)的付費(fèi)客戶,這時(shí)往往是你的競(jìng)爭(zhēng)對(duì)手超越你的機(jī)會(huì)。

用戶自主:

原則:不管是硬件環(huán)境還是軟件環(huán)境都應(yīng)該屬于用戶,但是這不是說用戶自主控制就意味著我們要放任這個(gè)規(guī)則

給我們的用戶一些“呼吸”的空間(自由)。用戶可以快速學(xué)習(xí)并且掌握我們的產(chǎn)品。然而,有時(shí)候人們?cè)跊]有邊界的自由中也會(huì)感到不自由,掌握好這個(gè)度。一個(gè)小孩子被放在一個(gè)小的空間中或者放在一個(gè)特別大的倉(cāng)庫(kù)中他都會(huì)感到不舒服甚至哭。我們成年人也一樣,在一個(gè)既不會(huì)受限也不會(huì)太放任的環(huán)境中會(huì)感到更舒適,這個(gè)環(huán)境可以留給人們探索的空間但是沒有危險(xiǎn)。

原則:讓人們自主做出決定,盡管有些用戶沒有好的審美或者行為并不高效

用戶自主意味著用戶來決定他們使用鍵盤的哪個(gè)按鍵,他們把他們的電腦桌面弄成什么樣子(盡管可能會(huì)很丑),或者他們用哪個(gè)APP。當(dāng)開發(fā)者從用戶的手中帶走控制權(quán)時(shí),用戶會(huì)感到挫敗和生氣。

原則:一步步實(shí)踐來提供給用戶恰當(dāng)?shù)目刂?/strong>

留給用戶自主控制并不意味著設(shè)計(jì)師要放任所有的控制,相反的,設(shè)計(jì)師必須采用有必要的控制。“用戶不應(yīng)該被給一把槍來自殺”。目前,很多設(shè)計(jì)師們不但采用了過多的控制,而且在這些過程中犯了很多人機(jī)交互的基本錯(cuò)誤,比如限制人們閱讀普通人眼難以閱讀的文字大小和字體。他們甚至讓用戶用“肥胖的”手指定位到像素級(jí)別的文本輸入框中,卻不用必要的箭頭按鍵,僅僅是因?yàn)樵O(shè)計(jì)師覺得好看。這些都損失了易用性。

設(shè)計(jì)師們?cè)O(shè)定一個(gè)武斷的時(shí)間長(zhǎng)度和移動(dòng)距離來判斷一個(gè)用戶是否故意點(diǎn)擊一個(gè)鏈接,但是用戶很可能就只是在上下滑動(dòng)的過程中想暫停一下不小心就觸發(fā)了那個(gè)鏈接(譯者對(duì)移動(dòng)端medium的鏈接已經(jīng)討厭死了)。設(shè)計(jì)師沒有提供用戶改變那個(gè)觸發(fā)門檻的方式,因此很多用戶發(fā)現(xiàn)他們每天很多次很多次觸發(fā)了他們并不想要打開的鏈接。這就是應(yīng)用不負(fù)責(zé)任控制的例子。我們30年前發(fā)現(xiàn)用戶使用滑塊所需的努力相當(dāng)于需要鼠標(biāo)倆次點(diǎn)擊所需要的努力。觸摸屏的用戶對(duì)于鏈接的處理也需要如此:

每次完美的鏈接觸發(fā)機(jī)制

在思考如何解決像偶然的鏈接觸發(fā)問題的時(shí)候,我們必須考慮用戶偶然觸發(fā)鏈接和用戶有意觸發(fā)鏈接的區(qū)別。

當(dāng)我們考慮后這倆者的區(qū)別是顯而易見的:當(dāng)我看那個(gè)鏈接時(shí)我是下意識(shí)想打開那個(gè)鏈接的,當(dāng)我不看那個(gè)鏈接時(shí)那么我就是偶然觸發(fā)的那個(gè)鏈接。打開設(shè)備的攝像頭或者使用內(nèi)置的專用眼動(dòng)追蹤儀去查看用戶的眼睛軌跡。如果用戶長(zhǎng)時(shí)間恰好在看那個(gè)鏈接,那么就是用戶想要打開那個(gè)鏈接;相反,如果用戶沒有看那個(gè)鏈接,他就是不小心觸碰到了那個(gè)鏈接。當(dāng)你已經(jīng)能決定用戶是不是有意識(shí)的觸碰鏈接了,這個(gè)問題 就很好解決了。如果用戶不小心觸碰鏈接,不理睬那個(gè)事件就可以了。

為了節(jié)省電量,采用這個(gè)方法的時(shí)候只在用戶按壓鏈接的時(shí)候打開攝像機(jī)或者內(nèi)置眼動(dòng)儀。這個(gè)技術(shù)和算法可能需要對(duì)時(shí)間進(jìn)行微調(diào),但是一旦成功就是相當(dāng)精確地。

這個(gè)方法可能已經(jīng)被發(fā)明了,它叫做:“用眼動(dòng)追蹤來減少偶然的鏈接喚起錯(cuò)誤”。我在這里將它公之于眾。

原則:設(shè)備狀態(tài)讓用戶可知

用戶自主需要讓用戶有控制權(quán),這就需要讓用戶清楚地知道有效的設(shè)備狀態(tài)信息,比如電量,網(wǎng)絡(luò)情況等。狀態(tài)機(jī)制為用戶響應(yīng)產(chǎn)品使用過程中狀況的改變提供了必要的信息。

原則:讓狀態(tài)信息保持及時(shí)更新并且容易看到

用戶不應(yīng)該去尋找那些狀態(tài)信息。而應(yīng)該如此:他們應(yīng)該能夠輕易看到他們的工作狀況并且能夠收集到最重要的狀態(tài)信息。

原則:確保狀態(tài)信息是精確的

狀態(tài)信息不但應(yīng)該及時(shí)更新,更應(yīng)該是準(zhǔn)確無誤的。截止目前,當(dāng)一個(gè)用戶更新iPhone或者iPad的系統(tǒng)時(shí),一個(gè)進(jìn)度指示條將會(huì)出現(xiàn)告知完成更新過程大概會(huì)用5分鐘。但是實(shí)際上,它可能會(huì)花費(fèi)1個(gè)多小時(shí)(新的系統(tǒng)可能5分鐘確實(shí)就弄好了,但是其他的很多內(nèi)容信息必須被重新加載才能使用)。用戶,被欺騙了,他不知道設(shè)備什么時(shí)候可以正常使用,沒有自主控制感。

顏色:

原則:在用戶界面設(shè)計(jì)中你想通過顏色傳達(dá)信息時(shí),你應(yīng)該也要使用第二個(gè)線索來給那些不能準(zhǔn)確看清楚顏色的用戶傳達(dá)清楚信息。

目前大多數(shù)人沒有顏色問題,然而,大約10%的男性用戶,少于1%的女性用戶,有不同程度的色盲。其中很多男性用戶對(duì)細(xì)微的顏色差別不是很敏感。

原則:測(cè)試一下你的網(wǎng)站去看一看色盲用戶眼中你的網(wǎng)站是什么樣子

通過谷歌搜索一些這樣的模擬工具。比如,對(duì)于網(wǎng)站,你可以嘗試http://enably.com/chrometric/

對(duì)于圖片,你可以嘗試這個(gè):http://www.color-blindness.com/coblis-color-blindness-simulator/

原則:不要因?yàn)椴皇敲總€(gè)用戶都能看清楚每個(gè)顏色而避免在界面中使用顏色

對(duì)于我們?cè)O(shè)計(jì)師,顏色是一個(gè)重要的交流工具。對(duì)于色盲用戶拿走他們不能看到的顏色無異于完全沒有視力的人們看不清楚任何東西。即使對(duì)于色盲用戶顏色也是一個(gè)重要的線索。

原則:在用戶界面中不要因?yàn)橐粫r(shí)的時(shí)尚潮流完全不用顏色或者使用大量的顏色線索

從服裝到汽車領(lǐng)域人為地制造一些時(shí)尚來使產(chǎn)品過時(shí)從而獲得利潤(rùn)是一個(gè)有效的方式,然而時(shí)尚不應(yīng)該也不需要讓用戶使用軟件時(shí)有所不便。在軟件的美學(xué)改變后進(jìn)行用戶測(cè)試,標(biāo)記那些新的設(shè)計(jì)變化。確保整個(gè)軟件的可學(xué)性,滿意度并且確保整個(gè)產(chǎn)品已經(jīng)提高了那些指標(biāo)或者至少保持不變。如果不是的話,新增加的美學(xué)風(fēng)格正在引起一些需要重新被考慮的問題。

一致性:

下面所說的四個(gè)一致性原則,在產(chǎn)品的更新過程中提供給交互設(shè)計(jì)師一些參考。具有一致性的產(chǎn)品對(duì)于用戶來說是重要的。

(1)一致性的不同等級(jí)

原則:按照等級(jí)的不同維持嚴(yán)格的一致性

下面的清單是根據(jù)苛求最少的連續(xù)性到苛求最多的連續(xù)性排序的(很多人們認(rèn)為下面的一致性順序應(yīng)該按照相反的順序排序,那真的才會(huì)導(dǎo)致用戶對(duì)看起來熟悉,但是交互完全不同的界面迷惑):

1,平臺(tái)一致性和內(nèi)部產(chǎn)品的一致性:

讓產(chǎn)品與所在的平臺(tái)規(guī)范盡量保持一致。在你公司的不同產(chǎn)品或服務(wù)之間維持一個(gè)普遍的樣子或感覺。傳播你的品牌可以使你的其他產(chǎn)品更快更容易被用戶接受。

2,系列產(chǎn)品的一致性:比如微軟的office

3,應(yīng)用的的歡迎屏,首頁(yè)等設(shè)計(jì)元素的總體的視覺一致性:

視覺設(shè)計(jì)師應(yīng)該建立一個(gè)有目的的經(jīng)過思考的視覺語言,并通過可用性測(cè)試。用戶的行為應(yīng)該能在不同的版本的產(chǎn)品之間一致。

4,小的可見的結(jié)構(gòu)元素一致性,比如icons,按鈕,滾動(dòng)條等

這些元素的視覺設(shè)計(jì)應(yīng)該需要被嚴(yán)格的控制。他們的位置雖然沒有視覺設(shè)計(jì)重要,但依然需要認(rèn)真考慮,如果標(biāo)準(zhǔn)化他們的位置是有意義的,那就這么做吧。(譯者注:元素的位置應(yīng)該遵守用戶的習(xí)慣,建議看下面這篇文章:http://uxmovement.com/buttons/how-button-placement-standards-reinforce-user-habits/

5,不可見的產(chǎn)品元素的一致性:

比如Word的“聰明的小左邊框”(譯者注:不知道這里指的什么,原文是:clever little left border)有各種各樣的神奇的屬性。如果你曾經(jīng)在某個(gè)地方發(fā)現(xiàn)了他,他可能在你的Word中又沒有了。如果你真的找不到了,你可能再也不確定她是不是在那里。這真的就是不可見的元素的錯(cuò)誤,如果你堅(jiān)持用他們,務(wù)必要保證他們的一致性。

蘋果公司也很明顯地認(rèn)為不可見的元素是一個(gè)好主意,然后開始模仿微軟,到處在它的產(chǎn)品中增加不可見的控制,從滾動(dòng)條到按鈕。在mac上這種情況很糟糕,在2010年之前,一個(gè)用戶知道怎么在電腦上使用那些最基本的功能唯一的方式就是通過谷歌搜索(了解更多,看之后的“可見性”)

一些元素,嚴(yán)格的說,明顯沒有表現(xiàn)出用戶可以控制他們,因此用戶,即使離開他們的設(shè)備后,可能也不會(huì)發(fā)現(xiàn)他們可以被操控。如果你堅(jiān)持要隱藏一些控制,一定要保證對(duì)于用戶來說那些規(guī)則是簡(jiǎn)單的,比如:“你能通過點(diǎn)擊和拖動(dòng)當(dāng)前窗口的邊緣來縮放窗口”,不應(yīng)該是:“你能通過點(diǎn)擊和拖動(dòng)有時(shí)候是一個(gè)物體來實(shí)現(xiàn)他們,有時(shí)候又是另外一個(gè)物體”。因此嘗試觀察一些用戶看他們是怎么做的。

物體是傳達(dá)信息的,而不是用來產(chǎn)生信息的,很少應(yīng)該保持不可見。蘋果公司在mac上讓用戶只有把鼠標(biāo)放到特定的地方才能讓滾動(dòng)條出現(xiàn),這已經(jīng)違反了這些原則。

6,用戶行為的響應(yīng)

改變你的用戶已經(jīng)習(xí)慣的某個(gè)行為的系統(tǒng)響應(yīng)是你對(duì)你的用戶做的最差勁的事情之一??旖萱I必須維持他們的意義。一個(gè)用戶已經(jīng)習(xí)得的手勢(shì)動(dòng)作必須被系統(tǒng)以標(biāo)準(zhǔn)的方式響應(yīng)。比如說如果某一個(gè)把用戶帶到下一個(gè)頁(yè)面的按鈕30年來一直是放在右下角,你就不要突然把他移到右上角,除非你有足夠的理由。請(qǐng)求用戶忘記已經(jīng)學(xué)會(huì)了的動(dòng)作重新學(xué)習(xí)新的動(dòng)作會(huì)令用戶及其沮喪。用戶甚至可能不知道在發(fā)生什么從而猜想他的硬件或者軟件發(fā)生了錯(cuò)誤。

如果你想吸引新的用戶使用你的產(chǎn)品,你應(yīng)該設(shè)計(jì)你的系統(tǒng)以用戶熟悉的方式響應(yīng)用戶的命令。比如,允許他們重新用他們已經(jīng)學(xué)會(huì)的相同的快捷鍵。

案例研究:蘋果的“Command”修飾鍵

很多年前蘋果最終給Windows用戶一個(gè)簡(jiǎn)單地方式來使用“Control”鍵,而不是“command”鍵。對(duì)于鍵盤的快捷鍵,新使用Mac的Windows用戶有很大的困難去放棄重新學(xué)習(xí)如此根深蒂固的習(xí)慣。當(dāng)用戶在家里或辦公室里必須在倆種不同的操作系統(tǒng)之間轉(zhuǎn)換,他們必須每天學(xué)習(xí)使用倆種不同的鍵盤快捷鍵,可想而知他們會(huì)經(jīng)常犯錯(cuò)誤或思考到底按哪個(gè)修飾鍵,而我們說不要讓用戶思考。在使用倆種不同的操作系統(tǒng)間的用戶會(huì)面臨著很大的困難由于缺失轉(zhuǎn)換的才能,而這一切在開始時(shí)都是完全沒有必要的。

(2)不一致性

原則:就像當(dāng)元素行為一樣時(shí)視覺一致一樣當(dāng)元素行為不同時(shí)保持視覺不一致也是極其重要的

讓那些行為不同的元素看起來也要不同。比如,一個(gè)垃圾桶應(yīng)該是用戶可以把文件放進(jìn)去然后又可以拿出來。如果你想要一個(gè)功能只允許用戶刪除文件而不能恢復(fù),這是可以的。但是要保證它看起來不是一個(gè)垃圾桶,你可以讓他是一個(gè)焚化爐或者碎紙機(jī)甚至其他東西。

讓已經(jīng)變化的頁(yè)面看起來也變化。如果用戶遇到一個(gè)已經(jīng)更新的網(wǎng)站頁(yè)面或者APP,他們知道四處看看找出哪里有不同,如果他們找不到不同,他們會(huì)嘗試像之前使用的方式去使用你的產(chǎn)品,但那可能會(huì)失效。

(3)連續(xù)性

原則:經(jīng)過一段時(shí)間,追求連續(xù)性而不是一致性

如果你們想出一個(gè)你們產(chǎn)品完全重新變化的區(qū)域或者甚至一個(gè)完全新的產(chǎn)品,讓用戶一眼就能知道大的變化已經(jīng)發(fā)生了是重要的。否則,他們將會(huì)無視那些變化像往常一樣使用你的產(chǎn)品但是產(chǎn)品卻不正常工作。“不變性”是指你的下一版本的產(chǎn)品和你的上一個(gè)版本是完全一樣的,明顯這樣不合適,但“一致性”允許在產(chǎn)品的版本更新中不斷成長(zhǎng)進(jìn)化。我們的目標(biāo)是連續(xù)性,就像有一根線把我們的不斷更新的產(chǎn)品串聯(lián)起來,引導(dǎo)我們的用戶,而不是把我們綁在過去。

(4)用戶期待的一致性

最重要的一致性是用戶期待的一致性

如果用戶期待某些事以不同的方式運(yùn)作,你會(huì)發(fā)現(xiàn)去改變這些期待時(shí)你無法取勝。如果你的方式?jīng)]有明確的優(yōu)點(diǎn),那就按照你的用戶期待的方式來吧。比如下面這個(gè)例子:

案例研究:“The Xerox Star”的拖動(dòng)規(guī)則(譯者注:“The Xerox Star”是一款早期的電腦名字)

1,被提議的規(guī)則:從一個(gè)地方(比如文件夾或硬盤)拖動(dòng)一個(gè)文檔圖標(biāo)到另一個(gè)地方將會(huì)移動(dòng)文檔

容易學(xué)習(xí),容易理解,合邏輯的。然而,也是很糟的。這個(gè)規(guī)則,公正的說,在大多數(shù)時(shí)間工作的很好,這甚至比我們目前為止所用的復(fù)雜的規(guī)則工作的更好。舉個(gè)例子來說明這個(gè)規(guī)則:在你工作用的電腦上,如果你拖動(dòng)一個(gè)文檔到你的移動(dòng)硬盤上,這將移動(dòng)那個(gè)文檔,而不是在你的移動(dòng)硬盤上復(fù)制一份。如果你在家里通過移動(dòng)硬盤對(duì)那個(gè)文檔做出一點(diǎn)改變,當(dāng)你明天早上把那個(gè)文檔再放到你的工作用的電腦上時(shí),這時(shí)候你的工作用的電腦上的那個(gè)文檔就只有新的已經(jīng)變化的那個(gè)文檔,舊的文檔就沒有了。因?yàn)檫@個(gè)規(guī)則是 移動(dòng) 文檔。

這個(gè)規(guī)則一直工作的都非常好但是遇到下面這個(gè)情況時(shí)就很糟糕了:當(dāng)你打印文檔時(shí),你將會(huì)把文檔拖動(dòng)到打印機(jī)的圖標(biāo)上來打印。這時(shí)文檔被傳輸?shù)酱蛴C(jī)并且從原來的位置永遠(yuǎn)刪除那個(gè)文檔。于是你辛辛苦苦的工作就沒有了。對(duì)于這個(gè)規(guī)則設(shè)計(jì)師和工程師討論了倆周,最終設(shè)計(jì)師贏了,改為我們今天使用的規(guī)則:

2,從一個(gè)地方拖動(dòng)一個(gè)文檔到另一個(gè)地方有時(shí)會(huì)移動(dòng)它,有時(shí)會(huì)復(fù)制它。

就像上面說的,拖動(dòng)到移動(dòng)硬盤上會(huì)移動(dòng)它,拖動(dòng)到打印機(jī)上會(huì)復(fù)制它。99%以上的用戶可能都不能告訴你這個(gè)規(guī)則具體是什么,然而他們明白規(guī)則不用我們教他們。為什么?因?yàn)檫@是用戶期待的一致性,他們期待做一些事時(shí)不會(huì)讓他們的工作成果損失。

默認(rèn):

原則:輸入框中字段的默認(rèn)行為

當(dāng)用戶激活一個(gè)輸入框中的字段時(shí)(比如谷歌瀏覽器的網(wǎng)址輸入框),當(dāng)前的字段應(yīng)該被自動(dòng)全部選中,而且按“Backspace或Delete”鍵或者開始輸入字符都會(huì)刪除當(dāng)前的選中。用戶也可以點(diǎn)擊字段的某個(gè)位置來取消選擇所有,或者移動(dòng)鼠標(biāo)光標(biāo)來把那些字段移到相應(yīng)的位置。這個(gè)規(guī)則一直被沿用至今。(然而有時(shí)候很糟糕的編碼會(huì)導(dǎo)致把文本拖動(dòng)到不可預(yù)測(cè)的位置)

原則:默認(rèn)應(yīng)該是智能的,被大多數(shù)人采用的

不是每個(gè)東西都應(yīng)該有一個(gè)默認(rèn)。如果確實(shí)不知道應(yīng)該采用哪個(gè)選項(xiàng)作為默認(rèn)的選項(xiàng),那么就考慮一下不要采用默認(rèn)了。用戶會(huì)花費(fèi)寶貴的認(rèn)知負(fù)擔(dān)來找到默認(rèn)設(shè)置項(xiàng)并且有大概25%的情況用戶會(huì)決定不使用默認(rèn)選項(xiàng)。如果沒有足夠的理由提供默認(rèn)項(xiàng)還不如讓用戶去選自己想要的選項(xiàng)。

原則:用一個(gè)更有意義的術(shù)語來代替“默認(rèn)”這個(gè)單詞

在一個(gè)給定的場(chǎng)景中用戶經(jīng)常不知道“默認(rèn)”到底指的是什么?(當(dāng)然他們肯定知道字面上的意思)用“使用標(biāo)準(zhǔn)設(shè)置”,“自定義設(shè)置”,“儲(chǔ)存初始設(shè)置”或其他的更有意義的能描述會(huì)發(fā)生什么的術(shù)語來代替“默認(rèn)”這個(gè)單詞。進(jìn)行小的用戶測(cè)試來發(fā)現(xiàn)那個(gè)術(shù)語會(huì)不會(huì)讓你的用戶精確地預(yù)測(cè)你的軟件將會(huì)做什么。

原則:你的用詞和視覺設(shè)計(jì)都必須傳達(dá)出系統(tǒng)能恢復(fù)(復(fù)位)的范圍

要確保通過用戶測(cè)試來看用戶是否明白系統(tǒng)能恢復(fù)的范圍或程度:恢復(fù)系統(tǒng)僅僅通過用戶簡(jiǎn)單地注冊(cè)幾步還是他們將會(huì)花費(fèi)幾天的時(shí)間來給每個(gè)應(yīng)用重新輸入用戶名密碼登錄進(jìn)去。

測(cè)試你的恢復(fù)選項(xiàng)來發(fā)現(xiàn)用戶覺得點(diǎn)擊按鈕之后會(huì)導(dǎo)致什么結(jié)果。如果你做的是對(duì)用戶來說是很方便的,但是用戶覺得那會(huì)有潛在的破壞性的影響,他們就不會(huì)用那些默認(rèn)選項(xiàng)。

當(dāng)設(shè)計(jì)選項(xiàng)卡的控件時(shí),比如屬性和優(yōu)先級(jí)窗口,確保視覺設(shè)計(jì)能使復(fù)位按鈕所影響的范圍清晰。單獨(dú)的選項(xiàng)卡片應(yīng)該與周圍的窗口視覺上明顯隔離因此放在單獨(dú)選項(xiàng)卡內(nèi)部的按鈕或者放在周圍窗口的按鈕應(yīng)該能指示那個(gè)按鈕將會(huì)影響是當(dāng)前選項(xiàng)卡的還是所有選項(xiàng)卡的。設(shè)計(jì)師從來都不應(yīng)該做出模糊不清的設(shè)計(jì)。(這一部分感覺翻譯的不太好,建議大家看原文

可發(fā)現(xiàn)性:

原則:任何隱藏復(fù)雜性的嘗試都會(huì)增加復(fù)雜性

功能性軟件不需要看起來像一個(gè)拖拉機(jī),他可以看起來像一輛保時(shí)捷。然而真的是這樣嗎?很明顯不是,看起來像保時(shí)捷往往會(huì)使他缺失必要的輪子,剎車閘,或加速器。然而很多公司自上世界90年代后開始有目的的隱藏他們最基本的控制項(xiàng),往往帶給他們的用戶嚴(yán)重的傷害。為什么他們這樣做呢?因?yàn)樗麄冋J(rèn)為給潛在的買家展現(xiàn)軟件的表面簡(jiǎn)單要比給真實(shí)用戶展現(xiàn)那一堆復(fù)雜性要更重要。

由于利益驅(qū)動(dòng)軟件公司會(huì)隱藏復(fù)雜性因?yàn)樗軒矶唐诘睦妫捍蠖鄶?shù)潛在的軟件買家是根據(jù)售貨員展示的幾分鐘軟件demo來判斷軟件是不是容易學(xué)會(huì)的,而不是通過坐在那好長(zhǎng)時(shí)間上手試驗(yàn)來判斷。拿走滾動(dòng)條,隱藏必要的按鈕,這可能會(huì)增加短期利益,但是是短期的。

案例研究:隱藏的Mac滾動(dòng)條

滾動(dòng)條被用來指引信息,用戶通過點(diǎn)擊或拖動(dòng)滾動(dòng)條來通知軟件他希望移動(dòng)到文檔或頁(yè)面的某個(gè)位置。然而,經(jīng)常性的,用戶也會(huì)一撇滾動(dòng)條僅僅是看他們?cè)陧?yè)面的哪個(gè)位置。用戶會(huì)努力維持倆種水平上的位置感:第一:他們的位置恰好在可見頁(yè)面的哪個(gè)部分;第二:他們?cè)谡麄€(gè)文檔的哪個(gè)位置。用戶為了讓滾動(dòng)條可見來知道在整個(gè)文檔的哪個(gè)位置卻被強(qiáng)迫把鼠標(biāo)指針從他們的當(dāng)前位置點(diǎn)移開卻忘了在可見頁(yè)面的哪個(gè)部分。

讓復(fù)雜的控制項(xiàng)隱藏比如隱藏滾動(dòng)條也會(huì)讓用戶使用滾動(dòng)條的速度慢下來:滾動(dòng)條不可見時(shí),他無法知道滾動(dòng)條上的控制點(diǎn)在哪里,他必須嘗試找出。首先他必須把指針放在滾動(dòng)條的某個(gè)位置(步驟一),然后再往上或往下移動(dòng)到控制點(diǎn)(步驟二)。根據(jù)菲茨定律就知道這很糟糕。讓我們假定額外一步需要額外一秒,一個(gè)非常保守的估計(jì),每人每天10次滾動(dòng),6千6百萬Mac的用戶(截止原作者寫的時(shí)候)=每天浪費(fèi)21個(gè)人的生命。這僅僅是因?yàn)闉榱俗屔痰曛械漠a(chǎn)品看起來簡(jiǎn)單。

原則:如果你選擇隱藏復(fù)雜性,只在陳列室隱藏

你從不需要決定是支持潛在的買家還是最終的用戶。我們不是和固定的硬件打交道,而是和純粹的軟件或者軟件驅(qū)動(dòng)的硬件。一個(gè)設(shè)計(jì)師能容易得創(chuàng)造出一個(gè)系統(tǒng)完美的支持買家或者用戶,只需要依據(jù)當(dāng)前的需要轉(zhuǎn)換軟件的樣子就可以了。比如,你可以為操作系統(tǒng)設(shè)計(jì)一個(gè)軟件,將會(huì)在商店中展示一個(gè)簡(jiǎn)單地形式;而對(duì)于真實(shí)用戶提供更必要的功能項(xiàng),使他們更有技巧效率更高。

做一個(gè)看起來簡(jiǎn)單地界面可能會(huì)幫助短期的銷售,但是長(zhǎng)期來看,他會(huì)導(dǎo)致你遭遇銷售瓶椎,你的存在的消費(fèi)者,不只會(huì)離開你,也會(huì)告送你潛在的買家離你越遠(yuǎn)越好。

原則:軟件中一個(gè)功能如果用戶不能發(fā)現(xiàn)他,就表示沒有這個(gè)功能

并不是所有的買家都很天真,甚至是天真的買家有一天也會(huì)變。只有最堅(jiān)持的的買家、用戶才會(huì)在你的網(wǎng)站到處瀏覽查找你為他們隱藏的數(shù)據(jù)。大多數(shù)用戶如果發(fā)現(xiàn)不了功能就很簡(jiǎn)單的轉(zhuǎn)向你的競(jìng)爭(zhēng)者,告訴你你的軟件沒有那個(gè)功能。

案例研究:Mac上的Safari瀏覽器

我發(fā)現(xiàn)Safari并不支持對(duì)PDF文件另存為時(shí)我拋棄了Safari轉(zhuǎn)向了火狐瀏覽器。2年后,我再一次嘗試Safari,猜想蘋果可能修訂了這個(gè)bug。但是仍然存在,但是我這次堅(jiān)持了下來,花了20分鐘谷歌了一下解決方法。我發(fā)現(xiàn)了什么?不要用另存為來保存PDF文件,而是:鼠標(biāo)從窗口的頂部移開(通常這一般是文件操作工具的地方),移到窗口的底部(通常這一塊什么也沒有,除了存在的內(nèi)容)。突然,一個(gè)灰色的背景條上出現(xiàn)了一個(gè)磁盤圖標(biāo),點(diǎn)擊那個(gè)圖標(biāo),Safari會(huì)保存你的PDF文件。

原則:使用“主動(dòng)地發(fā)現(xiàn)”來引導(dǎo)人們進(jìn)入更高級(jí)的內(nèi)容

主動(dòng)發(fā)現(xiàn),你不需要等待用戶去發(fā)現(xiàn)數(shù)據(jù),代替的是,向他們提供。理想的情況下,你的系統(tǒng)意識(shí)到他們現(xiàn)在需要什么并且提供給他們。但是在大多數(shù)情況下,我們還遠(yuǎn)不能做到這些,一個(gè)妥協(xié)的方法是:

  1. 在用戶需要數(shù)據(jù)之前提醒用戶那個(gè)數(shù)據(jù)存在;
  2. 智能的間隔周期來提醒用戶,而不是一遍又一遍的重復(fù);
  3. 一旦用戶已經(jīng)發(fā)現(xiàn)了功能或數(shù)據(jù)就不要再去提及它;

在開始的時(shí)候你展示的提示信息可能是這樣的形式:“你知道……?”。如果你看到很大比例的用戶關(guān)閉了你的那些提示,這反映了你正在過早的提示信息,給他們過于頻繁的提示或者提示信息已經(jīng)被用戶知道了你還在告訴他們。當(dāng)用戶打開你的應(yīng)用的時(shí)候不必要每次都要給出一個(gè)幫助信息。用戶更可能會(huì)在必要的上下文環(huán)境中讀那些信息

案例研究:iPhone上的GroceryIQ APP

GroceryIQ能使用戶掃描他們廚房中的食品的條形碼或打上物品的關(guān)鍵字來提醒用戶去雜貨店買哪些東西。這個(gè)工具是有效的,快速的,設(shè)計(jì)適合的。這個(gè)工具沒有刻意去隱藏復(fù)雜性。然而,用戶如果需求擴(kuò)大,比如多設(shè)備同步可以花幾分鐘去探索這個(gè)軟件的更遠(yuǎn)一步的復(fù)雜性。GroceryIQ也有這個(gè)功能不過需要探索。一個(gè)新的類似APP發(fā)布了也能使用戶在不同的設(shè)備之間同步信息,比如,妻子新加了一個(gè)項(xiàng)目:一份牛奶,然后在幾秒鐘之后丈夫的購(gòu)物列表里那個(gè)項(xiàng)目就會(huì)出現(xiàn),于是很多人結(jié)果就拋棄了GroceryIQ轉(zhuǎn)而去用那個(gè)新的APP。這個(gè)例子哪里有趣呢?因?yàn)镚roceryIQ比那個(gè)新的APP早有這個(gè)多設(shè)備同步的功能已經(jīng)5年了,那很容易設(shè)置并且很可靠,也沒有被有目的地隱藏,確實(shí)只是沒有被直接顯示,問題是那是在“更多”的子菜單中,而不是直接展示在手機(jī)的底部。

一個(gè)主動(dòng)發(fā)現(xiàn)的提醒,在APP被安裝之后一些天提醒用戶有那個(gè)功能,甚至是很長(zhǎng)時(shí)間之后如果用戶不經(jīng)常用那個(gè)功能再給用戶一些提示就可以有效的避免在5年后新APP發(fā)布后大量的消費(fèi)者損失。

原則:為了用戶能成功的使用軟件必要的對(duì)象應(yīng)該時(shí)刻可進(jìn)入

對(duì)象應(yīng)該要么可見要么在一個(gè)可見的對(duì)象里面(比如文件夾里的文檔,菜單里面的菜單項(xiàng)),換句話說,應(yīng)該時(shí)刻易進(jìn)入。

對(duì)于一個(gè)日常的軟件系統(tǒng)例外也是有的,比如手機(jī)瀏覽器或閱讀器:

  1. 由于屏幕大小有限展示當(dāng)前不需要的項(xiàng)目是不實(shí)際的
  2. 為了防止用戶偶然的喚起一個(gè)控制項(xiàng),只要確保用戶可以發(fā)現(xiàn)他們的存在就可以了。

在手機(jī)設(shè)備上標(biāo)準(zhǔn)的廣泛使用的操作系統(tǒng)會(huì)包含這些例外,只要用戶能被給一個(gè)簡(jiǎn)單地明顯的引導(dǎo)就行了。

原則:對(duì)于不可見沒有“優(yōu)雅的”例外

一些設(shè)計(jì)師,愛上了智能手機(jī)里面的干凈的線條,認(rèn)為在手機(jī)屏幕里使用同樣干凈的線條是好的。大錯(cuò)特錯(cuò)!隱藏功能性來創(chuàng)造出一個(gè)視覺上的簡(jiǎn)單是一個(gè)降低用戶效率的方法,會(huì)給產(chǎn)品的競(jìng)爭(zhēng)對(duì)手可乘之機(jī)。

原則:即使在小的手機(jī)設(shè)備中存在例外 控制項(xiàng)也不應(yīng)該在內(nèi)容區(qū)域的中間

智能手機(jī)中的控制項(xiàng)有時(shí)候被強(qiáng)迫放進(jìn)內(nèi)容區(qū)域中因?yàn)槠聊粚?shí)在太小了。盡管這樣,你也需要提供一個(gè)標(biāo)準(zhǔn)的喚起,比如在內(nèi)容區(qū)域中點(diǎn)擊一下,這將讓隱藏的icons和按鈕出現(xiàn)因此用戶不需要到處找這些控制項(xiàng)。

原則:用視覺的線框圖傳達(dá)你的手勢(shì)用詞

包含一個(gè)展示手勢(shì)如何使用的幫助頁(yè)面是可以理解的。當(dāng)用戶第一次打開APP的時(shí)候展現(xiàn)那個(gè)頁(yè)面并且清晰地告訴用戶如何之后再次找到那個(gè)幫助頁(yè)面。對(duì)于雜志和相似的類型的APP,讓幫助頁(yè)面在第一次打開一本雜志的時(shí)候出現(xiàn)。

1

原則:尋求平衡

這不是1980年,那時(shí)候大多數(shù)人都沒有見過電腦,我們有必要讓每件東西都保持高度可見。而現(xiàn)在你可以在設(shè)計(jì)中使用一些微妙的東西:不要在一個(gè)頁(yè)面上每個(gè)單獨(dú)的項(xiàng)目旁邊都放一個(gè)信息的icon,可以是用上像Google+snapseed的遮蓋圖層一樣一次解釋每個(gè)形狀或手勢(shì):

2

把遮蓋層放在那里很難看清,但是開發(fā)者通過標(biāo)簽和箭頭優(yōu)雅地強(qiáng)調(diào)了他們的各個(gè)選項(xiàng)。你如何發(fā)現(xiàn)這種強(qiáng)調(diào)是不是必要的?你怎么發(fā)現(xiàn)用戶是不是知道點(diǎn)擊什么?

看下面的那個(gè)原則:

原則:通過用戶測(cè)試看具不具有發(fā)現(xiàn)性

為了發(fā)現(xiàn)你需要提供給用戶什么信息并且確保你成功的傳達(dá)出這些信息,你必須做貫穿整個(gè)項(xiàng)目的可用性測(cè)試。看用戶是不是能找到,學(xué)會(huì)使用你期待你的用戶執(zhí)行任務(wù)時(shí)所需要的工具。如果他們不能找到,通過迭代設(shè)計(jì)知道他們可以找到。利用主動(dòng)發(fā)現(xiàn)等方法確保你的用戶能發(fā)現(xiàn)和使用你的產(chǎn)品所提供的功能。

上面我所提到的那些錯(cuò)誤在推向市場(chǎng)時(shí)都沒有經(jīng)過可用性測(cè)試,基于測(cè)試結(jié)果變更設(shè)計(jì)。

用戶效率:

原則:看用戶的生產(chǎn)效率,而不是軟件的花費(fèi)成本

為了評(píng)判一套系統(tǒng)的效率,不只是要看機(jī)器的花費(fèi)成本。人們花比機(jī)器更多的錢,同時(shí)增加機(jī)器的使用效率一定會(huì)導(dǎo)致增加人們的工作效率,反之亦然。舉一個(gè)例子,強(qiáng)迫用戶在不合理的按鍵間隔和功能的電話機(jī)上鍵入電話號(hào)碼可能會(huì)節(jié)省代碼量(節(jié)省開發(fā)軟件的時(shí)間和花費(fèi)),但是也會(huì)導(dǎo)致人們不能正確的輸入電話號(hào)碼,并且容易出現(xiàn)錯(cuò)誤。單個(gè)用戶浪費(fèi)的時(shí)間可能就會(huì)抵消開發(fā)蹩腳軟件節(jié)省的時(shí)間。容易出錯(cuò)的電話號(hào)碼也會(huì)導(dǎo)致流失的銷售,丟失的銷售所帶來的利潤(rùn)損失可能就開發(fā)出很多高質(zhì)量的軟件了。

原則:讓用戶能不間斷使用軟件

可以說到目前為止最高的花費(fèi)仍然是勞工花費(fèi)。任何雇員任何時(shí)間因?yàn)橄到y(tǒng)問題等待系統(tǒng)響應(yīng)時(shí),錢財(cái)就丟失了。

原則:為了最大化一個(gè)公司的效率,你必須最大化每個(gè)人的效率,不僅僅是IT部門的效率

大的公司趨向于把部門進(jìn)行劃分,每個(gè)部門只做自己的事,有時(shí)候從整體來看這并不總是有利的。信息技術(shù)部門經(jīng)常掉入陷阱導(dǎo)致增加自己的開發(fā)效率和降低信息資源部門的花費(fèi),但是整體上這會(huì)導(dǎo)致公司的較低的生產(chǎn)率。設(shè)計(jì)師們必須花時(shí)間研究新的設(shè)計(jì)是不是能增加或者減少受影響的雇員的生產(chǎn)率,如果能增加的話,需要花費(fèi)多少IT部門的投入。

作為設(shè)計(jì)師應(yīng)該和HR去查找受影響的雇員的平均每小時(shí)的花費(fèi),看新設(shè)計(jì)是不是整體上能提升公司的效益,要考慮新設(shè)計(jì)開發(fā)時(shí)所需的開發(fā),設(shè)計(jì)代價(jià),同時(shí)考慮新設(shè)計(jì)所能提升的公司效益,把倆者比較看哪個(gè)高一些。如果提升的效益高,那么可以說服公司采用新的設(shè)計(jì)。

原則:在軟件中提升效率的最大的突破是系統(tǒng)信息架構(gòu)的變化,而不是界面的表面設(shè)計(jì)

這個(gè)簡(jiǎn)單的真相解釋了為什么對(duì)于軟件項(xiàng)目中的人應(yīng)該意識(shí)到把用戶工作目標(biāo)放在第一位是重要的,如果用戶目標(biāo)能被實(shí)現(xiàn)也需要軟件開發(fā)人員和人機(jī)交互設(shè)計(jì)師的密切合作。

看一看iPad和筆記本的不同吧,這不同與打開郵箱時(shí)具體按哪個(gè)鍵無關(guān),關(guān)鍵是iPad根本就不需要按任何的按鍵。

原則:錯(cuò)誤信息應(yīng)該有幫助

錯(cuò)誤信息應(yīng)該被有思考的寫出:

  1. 解釋哪里出錯(cuò)了
  2. 告訴用戶關(guān)于那個(gè)錯(cuò)誤應(yīng)該做什么
  3. 千萬不要讓錯(cuò)誤信息由于系統(tǒng)故障被不合適的生成(比如出現(xiàn)亂碼錯(cuò)誤)

“error-1264”這條信息對(duì)于用戶沒有任何鳥用。甚至很少有錯(cuò)誤信息能遵守上面的第一條,而你應(yīng)該遵守上面三條。你們的測(cè)試小組應(yīng)該能向你反饋哪里有錯(cuò)誤信息沒有遵守那些標(biāo)準(zhǔn)。

可探索的界面:

原則:給用戶清楚標(biāo)記的路徑,并且讓他們能夠快速使用軟件

對(duì)于一個(gè)服務(wù)不要只給用戶提供一條路徑,但也保證能讓他們順利使用。這讓新用戶和就想以最快的方式讓工作完成的用戶來說是一個(gè)不費(fèi)腦子的活動(dòng),仍然也能使想要探索軟件的高級(jí)用戶得到滿足。

原則:提供給用戶預(yù)知線索

穩(wěn)固的視覺元素不僅能讓用戶快速導(dǎo)航,他們也扮演著一個(gè)獨(dú)立的標(biāo)志角色,給用戶一種家的意識(shí)。在網(wǎng)站的每個(gè)頁(yè)面上,固定的放置一個(gè)公司logo,都能使用戶到達(dá)主頁(yè),讓用戶感到安全。矛盾的是,如此的安全的線索能讓用戶不會(huì)輕易返回主頁(yè),因?yàn)樗麄冎乐黜?yè)就在那。

原則:讓動(dòng)作可逆

用戶以各種各樣的方式在導(dǎo)航中探索,有時(shí)候他們想知道如果他們點(diǎn)擊潛在危險(xiǎn)的動(dòng)作會(huì)發(fā)生什么,有時(shí)候他們沒有刻意發(fā)現(xiàn),就只是偶然點(diǎn)了。通過讓動(dòng)作可逆,用戶可以安心的探索界面不必?fù)?dān)心發(fā)生危險(xiǎn)。

原則:給用戶提供“撤銷”

不支持撤銷操作不可避免的結(jié)果是你必須給用戶提供一大堆的對(duì)話框:“你真的想……,你確定嗎?”毫無疑問,這會(huì)讓用戶工作變慢。

如果你不提供對(duì)話框,但又不提供撤銷操作,這只會(huì)讓用戶的行為更慢。幾年前的一個(gè)研究表明在危險(xiǎn)的環(huán)境中人們比在安全的環(huán)境中犯更少的錯(cuò)誤,但同時(shí)他們的工作效率極慢,他們總是小心的避免出錯(cuò)。這對(duì)生產(chǎn)率是一個(gè)極大地打擊。

我們通常會(huì)認(rèn)為不提供撤銷操作是因?yàn)殚_發(fā)工程師太懶了,但是有時(shí)候設(shè)計(jì)師們也有目的的這樣做——不提供撤銷操作。比如,一旦你把東西放到購(gòu)物車?yán)铮恍╇娮由虅?wù)網(wǎng)站讓你很難的才能把你不想買的物品取出,他們認(rèn)為這會(huì)增加購(gòu)買率,但這被證明是愚蠢的策略:一個(gè)我們?cè)趎ngroup做的電商研究表明,當(dāng)網(wǎng)站讓用戶很容易的能從購(gòu)物車取消不想買的物品時(shí),像期待的那樣,人們更愿意往購(gòu)物車?yán)锩嫒麞|西,反正很容易取啊。同時(shí)這些用戶也會(huì)買更多的東西。

原則:總是允許用戶以一種方式出去

用戶不應(yīng)該感到在迷宮中出不去,他們應(yīng)該有一個(gè)清楚的路徑出去,比如引導(dǎo)頁(yè)面提供一個(gè)“skip”的按鈕操作。

向?qū)Ш腿∠?/p>

在向?qū)е腥∠翘貏e重要的,讓人們?cè)谌魏螘r(shí)間可以離開,但是確保告訴他們能在之后重新找到向?qū)А?/p>

原則:讓用戶很容易沉浸到一個(gè)過程中

一個(gè)清楚的,可見的工作流能讓人們理解他們?cè)谀睦?,他們要到哪里去,或者向前向后移?dòng),這會(huì)鼓勵(lì)用戶堅(jiān)持完成一個(gè)任務(wù)??紤]下面的一個(gè)例子,一個(gè)多步驟的支付過程。通過把每一步都清楚地標(biāo)記在Tab上使導(dǎo)航可見將會(huì)讓用戶知道他們?cè)谡麄€(gè)過程的哪一步。點(diǎn)擊一個(gè)更早的Tab應(yīng)該允許用戶跳到那一步修正錯(cuò)誤或者僅僅改變他們的想法,比如,選擇一個(gè)不同的收貨地址。當(dāng)你禁止用戶這樣做的時(shí)候,或者不保留用戶的數(shù)據(jù),用戶可能會(huì)很失望并不會(huì)用你的軟件。

菲茨定律:

原則:到達(dá)一個(gè)目標(biāo)(通常指的是按鈕)的時(shí)間與目標(biāo)的大小、與目標(biāo)的距離有一個(gè)函數(shù)關(guān)系

為重要的功能安排一個(gè)大的按鈕,可以讓用戶更快點(diǎn)擊。為你不想要用戶執(zhí)行的功能安排一個(gè)較小的按鈕。

在你的系統(tǒng)的展示窗口里,側(cè)邊、底部、頂部、或者四個(gè)角上適當(dāng)使用固定動(dòng)作(“pinning actions”,比如Windows系統(tǒng)的開始菜單放在左下角),可以讓點(diǎn)擊的速度變快:Mac系統(tǒng)里軟件的菜單欄總在頂部。

初看這條定律,似乎是非常明顯的,然而在設(shè)計(jì)中設(shè)計(jì)師經(jīng)常忽略這個(gè)定律。菲茨定律可以計(jì)算出Mac系統(tǒng)的下拉菜單使用的速度要比使用Windows系統(tǒng)的軟件的下拉菜單速度快大約五倍(因?yàn)镸ac系統(tǒng)下軟件的菜單都放在顯示屏幕頂部,Windows系統(tǒng)的軟件的菜單跟隨軟件的位置變化)這個(gè)已經(jīng)被實(shí)驗(yàn)證明了。

菲茨定律指出Windows的開始菜單展開后,最常使用的應(yīng)用與左下角比較遠(yuǎn),因此消耗時(shí)間長(zhǎng)。菲茨定律也指出在任何屏幕里最快捷的操作目標(biāo)總是在屏幕的四個(gè)角落里,因?yàn)樗麄儭盁o限延伸”,然而,至今為止,他們似乎很少被設(shè)計(jì)師注意到。

原則:到達(dá)多個(gè)目標(biāo)的時(shí)間之和是到達(dá)每個(gè)單個(gè)目標(biāo)的所需時(shí)間的總和

在嘗試使用菲茨定律時(shí),不只是要注意目標(biāo)的距離和大小,也要注意完成一個(gè)任務(wù)時(shí)一共需要多少個(gè)點(diǎn)擊目標(biāo)。記住一共有倆類目標(biāo):

  1. 在屏幕里面的目標(biāo)——按鈕,菜單,滑塊……
  2. 真實(shí)世界中的目標(biāo)——鍵盤和上面的按鍵,鼠標(biāo)……。所有的這些對(duì)于菲茨定律都適用。

原則:無論是定點(diǎn)設(shè)備還是觸控設(shè)備菲茨定律都適用

菲茨定律不會(huì)對(duì)智能手機(jī)和平板電腦失效。菲茨,在20世界40年代提出了這個(gè)定律,當(dāng)時(shí)他在飛機(jī)駕駛艙針對(duì)物理的控制按鈕做設(shè)計(jì),這與直接的觸控界面更類似而不是和有鼠標(biāo)的定點(diǎn)設(shè)備更類似。在觸控設(shè)備中,在屏幕的四周和邊緣放置按鈕沒什么效果,但是目標(biāo)的大小和距離原則依然適用。

原則:根據(jù)菲茨定律所得的設(shè)計(jì)依然需要可用性測(cè)試

像人機(jī)交互領(lǐng)域的大多數(shù)法則一樣,你必須還要做及時(shí)的可用性測(cè)試來證明菲茨定律對(duì)你的設(shè)計(jì)是有幫助的。

更多關(guān)于菲茨定律的文章,可以看:http://www.asktog.com/columns/022DesignedToGiveFitts.html

人機(jī)交互對(duì)象:

人機(jī)交互對(duì)象不同于面向?qū)ο笙到y(tǒng)(有一些程序語言是面向?qū)ο蟮模┲械膶?duì)象,我們的對(duì)象包括文件夾,文檔,按鈕,菜單以及垃圾桶。用戶所要面對(duì)的對(duì)象可能會(huì)也可能不會(huì)與面向?qū)ο蟪绦蛑械膶?duì)象相對(duì)應(yīng),倆者沒有關(guān)系,實(shí)質(zhì)上,早期的圖形用戶界面完全不是在面向?qū)ο笙到y(tǒng)上建立起來的。(譯者猜測(cè)作者是怕學(xué)過面向?qū)ο蟪绦虻淖x者把當(dāng)中的對(duì)象與交互設(shè)計(jì)中的對(duì)象混淆)

原則:人機(jī)交互中的對(duì)象應(yīng)該能被看到,聽到,或感覺到

能被看到的人機(jī)交互對(duì)象在圖形用戶界面中是非常常見的。能被其他感官比如聽覺和觸覺覺察到的對(duì)象不是那么的熟悉,也不必要被我們認(rèn)知到。比如鈴聲是音頻對(duì)象,但是我們思考他就只是把它當(dāng)做鈴聲,不會(huì)把它當(dāng)做更高水平的數(shù)據(jù)。

原則:人機(jī)交互對(duì)象應(yīng)該有一種標(biāo)準(zhǔn)的操控方式

比如按鈕是被點(diǎn)擊的,滑塊是被拖動(dòng)的。

原則:人機(jī)交互對(duì)象有一種標(biāo)準(zhǔn)的行為

把一個(gè)文檔拖到一個(gè)垃圾桶并不會(huì)刪除它,只是把它儲(chǔ)存到垃圾桶中了。用戶可以恢復(fù)。選擇“清空垃圾桶”才會(huì)真的刪除那個(gè)文檔。

原則:人機(jī)交互對(duì)象應(yīng)該能被理解,保持一致性,并且是穩(wěn)固的。

原則:當(dāng)你希望用戶以一種不同的方式與已有的標(biāo)準(zhǔn)對(duì)象交互時(shí)或交互后出現(xiàn)不同的結(jié)果那就使用一種新的不同的對(duì)象。

如果拖動(dòng)一個(gè)文檔到你的刪除文件的icon中將會(huì)立即永久刪除它,就不要讓那個(gè)icon對(duì)象看起來像一個(gè)垃圾桶。人們對(duì)之前遇到的對(duì)象有預(yù)知。不要讓用戶迷惑這樣的預(yù)知是十分重要的。舉個(gè)例子,如果你用一個(gè)垃圾桶的icon,但是一旦用戶立即把文檔拖動(dòng)到那里就刪除了文檔,他拓寬了垃圾桶的標(biāo)準(zhǔn)規(guī)則。標(biāo)準(zhǔn)規(guī)則是這樣的:“拖動(dòng)一個(gè)文檔到垃圾桶里并不會(huì)刪除文檔。他只是把文件從原來的地方儲(chǔ)存到垃圾桶里了。選擇清空垃圾桶才會(huì)真正的刪除那個(gè)文檔”。而你拓寬了的垃圾桶規(guī)則是這樣的:“拖動(dòng)一個(gè)文檔到垃圾桶里要么立即刪除那個(gè)文檔要么保留6個(gè)月之后刪除”這樣做不僅讓你的用戶疑惑,而且對(duì)其他合理的使用垃圾桶的程序不利,因?yàn)橛脩魧?duì)垃圾桶的預(yù)知已經(jīng)變了。

較少延遲:

原則:無論什么時(shí)候,用多線程技術(shù)把系統(tǒng)延遲放到背景中

延遲經(jīng)常通過多線程技術(shù)對(duì)用戶隱藏,把用戶傳輸數(shù)據(jù)或者系統(tǒng)計(jì)算的過程放到背景中,以便讓用戶繼續(xù)他們的工作?,F(xiàn)代的網(wǎng)頁(yè)瀏覽器都能預(yù)先抓取所需的數(shù)據(jù),當(dāng)用戶完成當(dāng)前任務(wù)準(zhǔn)備到下一個(gè)頁(yè)面的時(shí)候不需等待很長(zhǎng)時(shí)間。

原則:降低用戶對(duì)延遲的感知

  1. 在50毫秒內(nèi)對(duì)任何按鈕的點(diǎn)擊給用戶視覺或聽覺的反饋
  2. 避免用戶對(duì)同一個(gè)對(duì)象的多次點(diǎn)擊

因?yàn)榫W(wǎng)絡(luò)速度還不夠快,在按鈕沒有反饋的時(shí)候人們經(jīng)常重復(fù)的點(diǎn)擊同一個(gè)按鈕,造成事情變得更慢。

原則:當(dāng)用戶面對(duì)延遲的時(shí)候讓他們知道

3

易學(xué)性:

理想的情況下,產(chǎn)品應(yīng)該沒有學(xué)習(xí)曲線:用戶第一次使用的時(shí)候能很快學(xué)會(huì)并且立即精通軟件的操作,然而,在實(shí)際情況中,所有的應(yīng)用和服務(wù),無論設(shè)計(jì)的多么簡(jiǎn)單,都會(huì)顯示一個(gè)學(xué)習(xí)曲線。

原則:考慮易學(xué)性與可用性

易學(xué)性與可用性是相關(guān)的,要決定哪個(gè)是最重要的,然后把焦點(diǎn)放在那上面。

你如何決定易學(xué)性和可用性哪個(gè)更重要呢?你需要做的第一件事是定義使用頻率:你的產(chǎn)品使用人群使用你的產(chǎn)品時(shí)是僅僅一次或者不頻繁的,還是要經(jīng)常使用它?如果是不頻繁的使用,答案是明顯的,易學(xué)性更重要一些。如果用戶使用你的產(chǎn)品幾乎每天都用,應(yīng)該先考慮可用性更好一些。

接下來,考慮買家是誰?如果使用產(chǎn)品的人也是做出購(gòu)買決定的人,易學(xué)性可能會(huì)是一個(gè)更重要的因素導(dǎo)致他購(gòu)買,但同時(shí)可用性會(huì)決定他會(huì)不會(huì)向其他人推薦你的產(chǎn)品。

原則:避免只測(cè)試易學(xué)性

大多數(shù)可用性測(cè)試是進(jìn)行一些列的測(cè)試:你和你招募的志愿者固定的花費(fèi)20分鐘到一個(gè)小時(shí),你最終知道用戶開始用你的產(chǎn)品的學(xué)習(xí)曲線,但是你不知道長(zhǎng)期的產(chǎn)品學(xué)習(xí)曲線,用戶最終把你的產(chǎn)品掌握到什么程度你也不知道。

如果你設(shè)計(jì)的一個(gè)應(yīng)用是用戶經(jīng)常會(huì)使用的,就要改變一下可用性測(cè)試的方法:和HR在一起招募一些臨時(shí)的志愿者,然后,讓他們花費(fèi)一到倆周去用你的產(chǎn)品,通過測(cè)試研究一下你的產(chǎn)品的總體的學(xué)習(xí)曲線是什么樣子,以及最終的產(chǎn)品的工作效率。

隱喻:

原則:選擇能使用戶立即抓住概念模型細(xì)節(jié)的隱喻

好的隱喻能在用戶的大腦中把過去的真實(shí)世界的體驗(yàn)或之前的使用軟件的體驗(yàn)與你的產(chǎn)品連接起來,能快速的并且精確地讓用戶形成一個(gè)你的系統(tǒng)能干什么不能干什么的意識(shí)。

原則:通過喚起用戶的認(rèn)知(視力,聲音,觸摸,甚至他們的記憶等)來設(shè)計(jì)好的隱喻

在軟件中盡力使你的概念視覺明顯。如果有困難,通過插圖的形式。插圖應(yīng)該是簡(jiǎn)潔的并且有意義的。測(cè)試它是否有效,然后應(yīng)用它。

案例研究:蘋果的超級(jí)卡片瀏覽器

4

對(duì)于網(wǎng)頁(yè),有三層結(jié)構(gòu)。每個(gè)網(wǎng)頁(yè)上都有的公共部分叫做背景層;一個(gè)前景層:擁有與每個(gè)單獨(dú)的卡片有關(guān)的元素;還有一個(gè)邏輯控制層,帶有各種各樣的按鈕等元素。如果你不明白這個(gè)概念,你就不能使用這個(gè)東西。幾乎沒有人能明白這個(gè)概念除了一個(gè)圖形設(shè)計(jì)師,Kristee Kreitman,畫了一個(gè)分層的圖片展示了這三層。當(dāng)我們測(cè)試的時(shí)候,每個(gè)人立即明白了他。他的發(fā)明者用了20頁(yè)的文字說明它,沒有任何效果。一個(gè)圖片完全搞定。

原則:不必完全照抄真實(shí)世界的東西

好的隱喻能使用戶感到熟悉,但是通常也能增加新的功能。比如電子報(bào)刊可能與傳統(tǒng)的報(bào)紙非常相似,但是增加超鏈接可以讓用戶點(diǎn)擊自己更關(guān)注的文章里面去,用傳統(tǒng)報(bào)紙是不可能的。不需要完全照抄真實(shí)世界的對(duì)象(擬物設(shè)計(jì)),那會(huì)限制軟件的功能,通常完美的模仿經(jīng)常是一個(gè)糟糕的設(shè)計(jì)。

擬物設(shè)計(jì)的相反一面是抽象,我們現(xiàn)在叫他扁平化設(shè)計(jì),自2013年開始慢慢流行,把有意義的icons和其他對(duì)象轉(zhuǎn)化為無意義的抽象甚至是錯(cuò)誤的符號(hào)。(比如,iPhone上面的瀏覽器圖標(biāo)是一個(gè)指南針,只是通過很模糊的抽象與網(wǎng)頁(yè)有關(guān)聯(lián)。iPhone事實(shí)上還有一個(gè)指南針,因此蘋果設(shè)計(jì)師把那個(gè)指南針畫成一個(gè)……另一個(gè)指南針。倆個(gè)指南針的icons:一個(gè)能告訴你南北區(qū)分方向,另一個(gè)能告訴你如何寫論文。設(shè)置的圖標(biāo)看起來像鐘表內(nèi)部的結(jié)構(gòu),清楚的傳達(dá)了這是一個(gè)能讓你看到并且影響到iPhone內(nèi)部如何工作的APP。這個(gè)抽象的表明了他真的是一個(gè)大的工業(yè)迷。

原則:如果隱喻不會(huì)幫助你,就拋棄隱喻

通常隱喻有利于你的用戶理解軟件,然而,有可能它也會(huì)起相反的效果。(譯者注:記得之前錘子系統(tǒng)的京東圖標(biāo)是一個(gè)紙箱子,灰色的,第一張圖,用戶一眼一看根本就無法第一時(shí)間找到,因?yàn)榕c原紅色的京東圖標(biāo)差距很大,雖然很漂亮,但是實(shí)用性不好。之后他們把圖標(biāo)改了,如第二張圖,這樣效果好多了)

5

保存用戶的工作:

原則:確保用戶從不會(huì)丟失他們的工作

這個(gè)原則很重要。用戶不應(yīng)該由于一些錯(cuò)誤而丟失他們未保存的工作,除了不可避免的原因,比如突然系統(tǒng)沒電了(譯者注:其實(shí)軟件完全可以檢測(cè)電量沒電時(shí)提醒用戶注意信息保存)。我們已經(jīng)經(jīng)常成為數(shù)據(jù)丟失的罪犯甚至我們自己都沒有注意到,因此考慮到盡可能多的情況:

你進(jìn)入你們那的一家商店,在做出選擇后,你被讓填完一個(gè)四頁(yè)的表格。然后一個(gè)紳士進(jìn)來了,看了看那個(gè)表格,然后盯到第三頁(yè)的你寫的電話號(hào)碼的位置,“對(duì)不起”,他說“看這里,看你怎么用電話號(hào)碼的格式的,這不對(duì)???”當(dāng)你點(diǎn)頭,他繼續(xù)說,“我們不期待你那樣做?!比缓?,他重新拿起了一份四頁(yè)的空表格讓你重新寫完。

你可能從不會(huì)遇到過這樣的情況,但我確實(shí)在互聯(lián)網(wǎng)世界中遇到過類似的情況:有一次我被讓填寫一個(gè)緊急的聯(lián)系信息,每次我填寫完表格中的那八個(gè)輸入框,總會(huì)有至少一個(gè)輸入框顯示輸入錯(cuò)誤,而這同時(shí)把所有的輸入框都清空了。同時(shí)我并不知道網(wǎng)站到底需要什么信息,我嘗試了20分鐘后放棄了,我確信很多人也會(huì)像我一樣放棄的。

上面所說的那種情況只是冰山一角,普遍存在的很多網(wǎng)站和應(yīng)用對(duì)于用戶的辛苦工作一直保持傲慢的態(tài)度,并沒有停下來的趨勢(shì)。傳統(tǒng)網(wǎng)站和應(yīng)用經(jīng)常崩潰還總是以系統(tǒng)崩潰為由。目前桌面電腦系統(tǒng)已經(jīng)很穩(wěn)定了,上面的很多軟件還不支持自動(dòng)保存功能真的很難讓人接受。

可讀性:

原則:易讀的文本必須要有高的對(duì)比度

最好把黑色文本放到白色的背景上,避免放到灰色背景

原則:用上足夠大的字體保證可讀性

你需要讓你們的市場(chǎng)部門告訴你你們的顧客大體的顯示器大小。然后和你們的圖形設(shè)計(jì)師以及工程師合作來確保字體在那顯示屏上會(huì)顯示合適的大小。這不需要一個(gè)字體大小適配所有顯示器,比如,CSS可以根據(jù)顯示屏的大小來找到合適的字體大小。

原則:與標(biāo)簽比起來為你想要展示的數(shù)據(jù)用大的字符

比如,標(biāo)簽“用戶名”,能被顯示的較小一些。大多數(shù)用戶會(huì)知道那幾個(gè)字就是指“用戶名”,甚至是對(duì)于新用戶,基于表格的上下文,會(huì)很容易猜測(cè)那指的就是“用戶名”。然而用戶真正輸入的用戶名比如“張三”應(yīng)該保證清晰可讀。這個(gè)對(duì)于數(shù)字來說更重要,人類語言,是高度過剩的,即使不給展示足夠的信息,也大體能猜到大致的意思,然而對(duì)于數(shù)字就不一樣,錯(cuò)一個(gè)字符就全錯(cuò)了,因此人們需要理解閱讀每個(gè)單獨(dú)的字符的意思。

原則:菜單和按鈕應(yīng)該首先有關(guān)鍵字,形成獨(dú)一無二的形式

有經(jīng)驗(yàn)的用戶只讀菜單項(xiàng)的部分文字來區(qū)分不同的菜單項(xiàng)。更有經(jīng)驗(yàn)的專家用戶甚至只看那些標(biāo)簽的外部的輪廓來區(qū)分不同,他們根本不讀任何東西。

原則:針對(duì)你的年齡大的目標(biāo)用戶進(jìn)行測(cè)試

年齡超過45歲的用戶可能會(huì)有一些視力上的問題,比如老花眼或其他的,不要信任你自己的眼睛來確定字體的大小,你不能夠代表他們。

原則:字體的漂亮與否與可讀性經(jīng)常有相反的關(guān)系

特別的,抗鋸齒會(huì)柔化字體的邊緣,給電子屏幕上的字一個(gè)更流利的外表。可是問題是人類的視覺系統(tǒng)會(huì)對(duì)尖銳的邊緣更敏感。因此,對(duì)于小的字號(hào),一個(gè)抗鋸齒的字體,經(jīng)??雌饋砀哂形?,但是理解起來會(huì)有困難?,F(xiàn)在有抗鋸齒技術(shù)能特定地增大邊緣的銳利程度。在使用特殊的字體時(shí)可以考慮進(jìn)行閱讀速度的測(cè)試。

簡(jiǎn)化:

原則:平衡易于使用和設(shè)置

作為一個(gè)設(shè)計(jì)師,我們需要努力簡(jiǎn)化用戶的生活。這經(jīng)常需要做出一個(gè)對(duì)于產(chǎn)品更容易安裝設(shè)置和產(chǎn)品更容易使用之間的微妙平衡。

考慮一下瀏覽器的自動(dòng)填充數(shù)據(jù):用戶可以選擇瀏覽器保存賬戶名和密碼。但是一旦任何東西變化了,瀏覽器就多了一條記錄,用戶就需要再次選擇。另外,瀏覽器經(jīng)常還不能正常工作,不會(huì)響應(yīng)或者把數(shù)據(jù)填在了錯(cuò)誤的地方。

蘋果已經(jīng)簡(jiǎn)化了設(shè)置過程,它能讓用戶把Safari的自動(dòng)填充數(shù)據(jù)和用戶的聯(lián)系人以及他的地址聯(lián)系起來,然而,Safari自動(dòng)填充表單的能力依然是非常有限的,很大程度上是因?yàn)镠TML并沒有標(biāo)準(zhǔn)的標(biāo)簽,定位等表單特性。

我用了一個(gè)更技術(shù)復(fù)雜的解決方法:有一個(gè)應(yīng)用叫做Keyboard Maestro,能根據(jù)使用場(chǎng)景尋找特定的組合按鍵。當(dāng)它發(fā)現(xiàn)我已經(jīng)設(shè)置好了時(shí),它自動(dòng)的把我輸入的文字替換成我之前儲(chǔ)存的與之對(duì)應(yīng)的文字。設(shè)置過程是有些復(fù)雜,但是當(dāng)我現(xiàn)在輸入一個(gè)表單時(shí),我能用“bbbb”代替我的名字或地址等其他東西。這會(huì)花費(fèi)大概30秒填充一個(gè)表單,比自動(dòng)填充表單的功能花費(fèi)的時(shí)間略長(zhǎng),但是這個(gè)方法每次為一個(gè)單獨(dú)的表單項(xiàng)有效,這不但節(jié)省時(shí)間,而且還有效,不會(huì)讓我迷惑。

原則:避免只是“視覺簡(jiǎn)單”

在這個(gè)世紀(jì)的早期,蘋果公司太過于關(guān)注于為潛在的買家設(shè)計(jì)視覺的簡(jiǎn)單的東西,但這些已經(jīng)嚴(yán)重降低了生產(chǎn)的效率。他們認(rèn)為這樣做有一個(gè)好的原因:他們想要給潛在的買家生產(chǎn)看起來漂亮的,簡(jiǎn)單地東西。這是一個(gè)極好的目標(biāo),但是真正的簡(jiǎn)約性是通過簡(jiǎn)化事情,而不是隱藏復(fù)雜性。

讓你的展示產(chǎn)品看起來簡(jiǎn)單是沒問題的,但是,你想要隱藏復(fù)雜性的目的是擔(dān)心嚇跑買家,在展示的時(shí)候這樣做就可以了,而不是在家里或工作的地方,因?yàn)橄M(fèi)者要在那里完成任務(wù)。我在1978年開始進(jìn)入蘋果公司后推廣這種特別的銷售模式,因此產(chǎn)品將會(huì)在家里和展覽室里看起來不同,計(jì)算機(jī)允許這樣做,人們買回家的時(shí)候就會(huì)忘得,只要他們能很好地完成工作。

原則:用漸進(jìn)的啟示讓學(xué)習(xí)曲線變平

當(dāng)用戶學(xué)習(xí)的時(shí)候通過隱藏高級(jí)的功能讓軟件簡(jiǎn)單一些是合適的,在用戶需要他們并且知道如何處理的時(shí)候再把那些功能逐漸展示給用戶。這不同于上面提到的只是視覺的簡(jiǎn)單。漸進(jìn)的啟示能讓用戶更快的學(xué)習(xí)如何使用軟件。

原則:不要通過去除必要的功能來簡(jiǎn)化軟件

蘋果在它的移動(dòng)設(shè)備發(fā)布之后犯了這個(gè)錯(cuò)誤,2014年的時(shí)候mac上,你能設(shè)置一個(gè)日歷事件并設(shè)置提醒在之前90分鐘提醒你。在iPad上,你能設(shè)置在1個(gè)小時(shí)或2個(gè)小時(shí)提醒你,但是不是90分鐘。如果一個(gè)用戶需要一個(gè)在事件之前90分鐘提醒你,就需要另外麻煩的方法。蘋果簡(jiǎn)化了見面,不讓用戶設(shè)置任意的時(shí)間,但這不能滿足一些場(chǎng)景的需求。

同樣的,蘋果對(duì)用戶查找照片有一個(gè)非常簡(jiǎn)單地界面:你瀏覽你所有的照片,一次只能一張,直到你發(fā)現(xiàn)你正在尋找的照片。蘋果沒有讓你通過標(biāo)題,備注,關(guān)鍵字來過濾,搜索照片,你必須小心的一張一張查找。用戶會(huì)指責(zé)那界面太簡(jiǎn)單了:如果你想要在20000個(gè)照片里找一張照片,你就一張一張找吧,會(huì)累死你。你不需要學(xué)會(huì)搜索,不需要記得那標(biāo)題名字,就需要20分鐘來花時(shí)間滾動(dòng)屏幕就可以了。

幸運(yùn)的是,一段時(shí)間后,有一些應(yīng)用如“Photo Shack HD”能讓你通過搜索一些條件來更容易的找到照片。確實(shí)搜索也算是一個(gè)高級(jí)功能了,但是幾乎所有的用戶都知道如何搜索。

狀態(tài):

原則:我們可以利用那些能幫助改善用戶體驗(yàn)的數(shù)據(jù)

我們的系統(tǒng)應(yīng)該知道:這是不是用戶第一次使用?當(dāng)用戶離開的時(shí)候他上次是在什么位置?用戶現(xiàn)在在哪里在干什么?……以及其他的細(xì)節(jié)。只要簡(jiǎn)單的知道我們的用戶在哪里,我們就能好好利用這個(gè)信息幫助他們更快完成任務(wù)。

一個(gè)好的例子是亞馬遜,他們會(huì)根據(jù)我們的瀏覽歷史給我們做出推薦,他們知道我們?cè)谶^去重復(fù)購(gòu)買過什么東西等等。

原則:當(dāng)用戶注銷后用戶的狀態(tài)信息應(yīng)該加密后儲(chǔ)存在服務(wù)器上

用戶應(yīng)該能夠在辦公室退出,回家,然后在從他們退出的地方在家里繼續(xù)他們的操作。遵循保存用戶工作的原則,無論他們上次進(jìn)行到哪里下次繼續(xù)操作時(shí)應(yīng)該能夠回到那個(gè)位置。

對(duì)于醫(yī)生這樣的私人服務(wù),“Physicians on Line”,做了一個(gè)極好的工作。醫(yī)生會(huì)95%的情況做一個(gè)復(fù)雜的工作,然后退出軟件,幾周后又從另一個(gè)地方重新登錄,程序會(huì)問他們是否從他們之前工作的地方繼續(xù)。

原則:把你從用戶那得到并保存的數(shù)據(jù)信息明確的告訴用戶

狀態(tài)數(shù)據(jù)不能說好也不能說壞,但是他可以用來做壞事也可以用來做好事。在你的私有政策中你應(yīng)該陳述清楚你將保存信息,如何使用它。任何從用戶那得到的數(shù)據(jù),應(yīng)該被加密并安全保管。

可見導(dǎo)航:

原則:讓導(dǎo)航可見

大多數(shù)用戶不會(huì)盡力去記住你的網(wǎng)站的站點(diǎn)地圖,如果你們期待他們這樣做他們可能會(huì)很累或者在網(wǎng)站中迷失。

萬維網(wǎng)聯(lián)盟,它的所有的屏幕和按鈕設(shè)計(jì)都很完美,但是,卻沒有可見的導(dǎo)航。事實(shí)上,你可以看到你具體在哪個(gè)頁(yè)面上,但是你無法看到其他的頁(yè)面內(nèi)容。一個(gè)用戶到達(dá)我們的網(wǎng)站上,我們必須小心的安排導(dǎo)航確保導(dǎo)航是清楚的自然地。

原則:限制頁(yè)面數(shù)量

在設(shè)計(jì)復(fù)雜的應(yīng)用時(shí),努力設(shè)計(jì)出最小數(shù)量的頁(yè)面,每個(gè)頁(yè)面表示一個(gè)獨(dú)立的用戶將要完成的任務(wù)。當(dāng)用戶執(zhí)行一個(gè)子任務(wù)時(shí),設(shè)計(jì)一個(gè)比全屏幕小的覆蓋層,因此用戶仍然可以看到變黑的主任務(wù)的屏幕(譯者注:比如手機(jī)支付寶輸入密碼時(shí)并不是在新的頁(yè)面上)。因此用戶并不需要記住當(dāng)前在哪里。

已完。

原文鏈接:http://asktog.com/atc/principles-of-interaction-design/

#專欄作家#

法海,微信公眾號(hào):uxd_design。人人都是產(chǎn)品經(jīng)理專欄作家。熱愛交互設(shè)計(jì),熱愛用戶體驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. MAC隱藏滾動(dòng)條是因?yàn)樵趍ac的交互中,滾動(dòng)條的作用不大,mac的上下滾動(dòng)操作不管是用鼠標(biāo)還是觸控板都是非常方便的,根本不需要使用滾動(dòng)條,如果使用滾動(dòng)條,反而會(huì)降低操作的效率。用windows的陳舊交互來評(píng)判MAC的先進(jìn)體驗(yàn),這個(gè)怕是難以令人信服。

    來自重慶 回復(fù)
  2. 在別的地方看到是這個(gè)標(biāo)題“史上最完整交互設(shè)計(jì)基本原則”,果然還是找到來源看舒服一些,辛苦辛苦。

    來自北京 回復(fù)