交互設計技巧，創(chuàng)造好的用戶體驗（中）(4)

前言：原文比較長，共65條，我打算分三次翻譯完，這是21-40條。

21. 嘗試平滑過渡而不是突兀呈現(xiàn)

當用戶進行操作的時候，界面元素經(jīng)常會有出現(xiàn)、隱藏、移動、轉(zhuǎn)換以及大小調(diào)整的動作。作為對操作的回應，為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發(fā)生了什么。以動畫或者過渡的形式刻意制造的延時，給了用戶理解元素大小或者位置變化的必要的反應時間。當然了，你也要記住，我們應該將過渡的時間控制在0.5s之內(nèi)，時間太久的話，用戶可能就會感到不適。對于那些只想快點完成任務的用戶，太長時間的延時當然會成為一種負擔。

22. 嘗試循序漸進的引導而不是草率地讓用戶注冊

與其要求用戶立馬注冊，何不讓用戶先體驗一些已示范的有價值的操作呢？在最初的交互過程中，不僅能展現(xiàn)產(chǎn)品的價值，也能顯示出產(chǎn)品的個性。一旦用戶開始看到你的產(chǎn)品的價值，了解產(chǎn)品對自己的用處，他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法，同時還可以讓用戶使用和自定義你的應用或產(chǎn)品。

23. 不要讓過多的邊框來分散用戶的注意力

邊框會讓用戶從真正的內(nèi)容上分散注意力。注意力當然是寶貴的資源，因為我們只能在特定的時間內(nèi)抓住它。邊框也確實能清楚準確地劃分空間，但其鮮明的線條也會吸引用戶的注意力。為了清楚地劃分屏幕上的區(qū)域但又不至于太惹眼，可以將相似內(nèi)容的元素放在一塊，每一塊區(qū)域里的內(nèi)容通過對齊方式保持一致，使用不同的背景加以區(qū)分，甚至僅僅只是使用類似的排版風格。當使用抽象的UI工具進行設計時，很容易弄得到處都是邊框。通常邊框被用來排列和整理界面上的元素，但往往這樣做的結(jié)果是界面顯得混亂不堪。有時候在界面上加一些分隔線也是有幫助的，但是考慮盡量用不太顯眼的方式來替代，這樣你的內(nèi)容才會凸顯出來。

24. 嘗試銷售好處而不只是羅列功能

我想這就是市場營銷101。相比于產(chǎn)品的功能，用戶更關心產(chǎn)品能帶來的好處。好處更明確地定義了產(chǎn)品的價值�？死锼辜獱柌�在《從100美金開始創(chuàng)業(yè)》中寫道，人們真正關心的是：愛、金錢、認同和自由支配的時間，同時希望更少的壓力、沖突、麻煩和不確定性。當向用戶展示功能的時候，我覺得仍為客戶留有猶豫的空間，盡可能將用戶吸引到產(chǎn)品的好處上來。

25. 考慮界面上記錄為空的情況

在某些情況下，你可能會有0, 1, 10, 100，或10000+的數(shù)據(jù)結(jié)果需要以不同的方式進行展示。最常見的場景可能是第一次使用是0條數(shù)據(jù)到后來有非常大的數(shù)據(jù)量的中間過渡期。我們常常忘了設計什么都沒有時的初始狀態(tài)，而且這樣做讓我們有忽視用戶的風險。零數(shù)據(jù)世界是冰冷的。當用戶第一次登錄你的app，看到的是一個沒有任何引導的空白頁，那么你很有可能因此錯失機會。零數(shù)據(jù)狀態(tài)是向用戶展示接下來應該怎么做的最佳學習時間。好的事物就應該精益求精，用戶界面也不例外。

26. 嘗試默認選中，而不是待選

選中狀態(tài)意味著用戶或客戶不需要進行任何操作就已默認接受服務。另外，也有一些傳統(tǒng)的選擇策略要求用戶先進行操作然后才能參加或接受服務。默認選中與待選相比有兩個好處。一是減輕用戶的負擔，因為用戶不需要作任何操作。二是這也向用戶暗示了——“因為別人都需要這個，我也會這樣做”。當然了，這種默認選中策略通常被認為是有爭議的，因為某些居心不良的營銷者濫用的緣故。一種濫用表現(xiàn)在故意降低默認選中文字的可讀性，另一種是使用讓人混亂的文字，比如說雙重否定。這兩種情況都會導致用戶不太了解實情就稀里糊涂地注冊了。因此在保持道德的前提下，如果你決定采用這種默認選中的退出方式，保持其清晰可見，讓你的客戶知道他們被默認添加的操作。畢竟，這種策略曾在歐洲被用來拯救生命。

27. 嘗試保持一致性，而不是讓用戶重學習

因為唐納德?諾曼那些很棒的書，保持用戶界面設計的一致性可能是最廣為人知的原則之一了。當用戶使用界面或者產(chǎn)品時，一個一致的UI或者交互是減少用戶學習量的一種很好的方法。當我們按下按鈕，移動滑條的時候，我們希望這些交互元素看起來、用起來和被找到的方式是一樣的。一致性讓我們習慣了交互的方式，而一旦沒有了一致性，我們被迫進入反復的學習中。一致性的界面元素可以通過多種方式來實現(xiàn)，比如說：顏色，方向，行為，位置，大小，形狀，標簽以及語言。然而在我們保持所有元素的一致性之前，請記住，保持元素的不一致性仍然是有價值的。不一致的元素或者行為的出現(xiàn)能從我們的習慣性潛意識的深處喚起我們的注意力——當你有想要獲得關注的事情的時候，這是很有幫助的。試一試，但也要知道什么時候打破它。

28. 嘗試使用智能的默認值，而不是要求額外的操作

使用智能默認值，或者根據(jù)經(jīng)驗猜測預填表單字段能夠幫助用戶減少大量的工作量。這是一種節(jié)省用戶的寶貴時間，幫助用戶快速完成表單填寫的常用技巧。最糟糕的事情是從經(jīng)驗和轉(zhuǎn)化點出發(fā)要求用戶填寫的信息可能是他們在過去已經(jīng)反復多次提供過的。嘗試加載和顯示已經(jīng)驗證過的字段值，而不是每次都要求用戶填寫。用戶的工作量越少越好。

29. 嘗試遵守約定俗成的規(guī)則，而不是新建標準

統(tǒng)一的約定是一致性的好伙伴。如果我們在界面上保持元素的相似性，用戶使用起來就不會特別困難。另一方面，如果我們盡可能地保持多個界面上的元素的相似性，這就進一步降低了用戶的學習成本。有了統(tǒng)一的UI約定，我們就知道屏幕右上角的叉是用來關閉窗口的。當然這種約定隨著時間推移可能也會改變。不過記住，當需要打破這種約定的時候，明確自己的意圖，并保證出發(fā)點是好的。

30. 嘗試聲明免于受損，而不是強調(diào)收益

我們都想贏，并且討厭失敗。根據(jù)說服力心理學的規(guī)則，我們更希望避免損失而不是獲得收益。這種規(guī)則也可以應用于產(chǎn)品設計和宣傳中。宣傳產(chǎn)品能夠保護客戶現(xiàn)有的幸福、財富或社會地位，類似這種策略可能比嘗試向客戶提供客戶現(xiàn)在還沒有的、額外的東西要更有效。保險公司在宣傳的時候，是說我們可以在事故之后獲得賠償還是強調(diào)能保護我們現(xiàn)有珍視的東西呢？

31. 嘗試營造視覺層次，而不是平淡無奇

良好的視覺層次能區(qū)分重要的元素與不太重要的元素。視覺層次可以通過對齊、距離、顏色、色調(diào)、縮進、字體大小、元素大小、填充、間距等方式來體現(xiàn)。當這些視覺語言元素被正確運用，他們能在頁面上抓住用戶的注意力，提高頁面的可讀性。視覺層次結(jié)構(gòu)可以產(chǎn)生視覺摩擦，放慢我們從上到下瀏覽整個頁面的速度。通過一個好的視覺層次，我們可能會多花點時間在頁面上，最后的結(jié)果可能是我們注冊了更多的項目。就像是一次公路旅行，你可以走高速公路，很快地到達目的地（頁面底部）；你也可以走風景優(yōu)美的路線，放慢行程，沿路記住更多有趣的事物。給眼睛一個停留的地方。

32. 嘗試將相關的項目分組，而不是雜亂無序

將相關的項目分組在一起是增加產(chǎn)品可用性的一種基本方式。我們大多數(shù)人都知道刀和叉是放在一起的，同理打開和關閉功能通常也是在一起的。將相關的項目放在一起符合邏輯，也更符合用戶對產(chǎn)品的整體的認知。用戶通常都不太樂意浪費時間到處找東西。

33. 嘗試進行內(nèi)聯(lián)驗證，而不是提交后再報錯

當處理表單時，通常在驗證到字段填寫不正確時就立馬給出錯誤提示，比填完提交之后再報錯要好得多。這里強調(diào)的交互模式當然就是最著名的內(nèi)聯(lián)驗證了。當驗證到錯誤的時候，將其立馬顯示出來（在輸入框右邊顯示出來），這樣上下文中出現(xiàn)錯誤時就可以立即被更正。另一方面，如果在表單提交之后再提示錯誤，就會強迫用戶回憶之前的操作步驟而做額外的工作。

34. 嘗試放寬輸入的條件，而不是要求嚴格的數(shù)據(jù)格式

適當放寬對輸入數(shù)據(jù)的要求會使計算機看起來更人性化一點。放寬對輸入數(shù)據(jù)的要求，包括數(shù)據(jù)的內(nèi)容、格式，會讓你的用戶界面更加友好。最好的例子就是當我們要求用戶輸入電話號碼的時候，用戶輸入的方式有很多種——帶括號的，不帶括號的，帶破折號的，帶區(qū)號的等等。對你來說，就是稍微多寫幾行代碼，但你的用戶會因此省很多事。

35. 嘗試營造緊迫感，而不是毫無時間觀念

緊迫性是一種說服策略，通常被用來讓用戶立刻采取行動，而不是稍候再行動（或許壓根就不會采取行動）。這種策略會起作用是因為它意味著某種程度的短缺，因為這種產(chǎn)品或者服務可能現(xiàn)在還有，明天或許就沒有了。同樣地，它會起作用還因為它暗示了失去——我們都不喜歡失去機會。然而，刻意制造緊迫感對有些人來說是不可取的，這種做法被認為是不誠實的。不過如果這種策略被正確使用的話，它仍然是有效的。所以不要制造虛假的緊迫感，因為當你的用戶再次造訪的時候，它會適得其反。

36. 嘗試稀缺戰(zhàn)略

物以稀為貴。稀缺性表明商品或服務曾經(jīng)有很多，今天只有少部分了，明天可能會更少。你去比較一下批發(fā)市場和精品店的定價就知道了。再回過頭來看一下批發(fā)商，為了獲得更好的商品供應，他們也可能使用稀缺戰(zhàn)略。一些批發(fā)商或大型零售商銷售數(shù)量有限的商品，一旦售罄，就沒有補充供給。在軟件開發(fā)的過程中，我們經(jīng)常忘記稀缺，因為比特和字節(jié)都可以輕易被復制，而且還有這么豐富的資源幫忙復制粘貼。然而，在UI的世界里，稀缺仍然可以被用來顯示現(xiàn)實世界的限制和瓶頸�？紤]一下這些數(shù)據(jù)所暗示的限制——你可以出售的網(wǎng)絡會議的門票數(shù)，一個月內(nèi)你能服務的客戶數(shù)，或者你在下次批量生產(chǎn)前所能提供的成品數(shù)。所有這些事物的顯示都可以喚起用戶的行動。想想供應和需求，少即是多。

37. 嘗試顯式地羅列選項，而不是讓用戶自己邊回憶邊填寫

這是一條與心理學緊密相關的經(jīng)典原則，即人們很容易在一些已有的事物中進行辨識，而純粹從記憶中回憶則相對困難。辨識給我們提供的線索或提示，讓我們只需要稍微回憶一下就能完成。而回憶則要求人們完全靠自己從記憶深處進行搜索。這可能就是為什么在考試中有時多項選擇題比開放題能更快地完成。所以給用戶提供一些之前涉及到的信息作為選項，而不是讓他們完全靠自己回憶。

38. 嘗試設置更大的點擊區(qū)域

如果增加鏈接、表單以及按鈕的大小，它們將更容易被點擊。根據(jù)費茨定律，使用點設備，我們需要更長的時間的去點擊目標，尤其是距離更遠，或目標更小的時候。鑒于這個原因，考慮增加你表單字段文本框、行動口號以及鏈接區(qū)域的大小�；蛘�，也可以保持視覺元素的大小，而是只增加熱點或點擊區(qū)域的大小。應用最廣泛的例子就是在移動設備上的文本鏈接和導航菜單，將背景進行拉伸填充以增大點擊的有效區(qū)域。

39. 嘗試優(yōu)化加載時間，而不是讓用戶等待

速度很重要�，F(xiàn)在頁面的預加載速度，或者是對用戶操作的響應速度都會影響到用戶是否愿意等待。已經(jīng)證實，響應時間多一秒，項目或產(chǎn)品的轉(zhuǎn)化率和成交率就會減少一分。因此一種策略就是通過優(yōu)化代碼和圖片技術性地減少頁面的加載時間。另一種策略就是應用一些心理學因素來降低用戶對加載時間的感知。兩種策略都會使用戶感覺等待的時間沒有那么久。顯示進度條來管理預期就是方法之一。另一種方法是在頁面加載的時候讓用戶有事可做（就好比是你沿著傳送帶走，總好過你站在原地跺腳）。

40. 嘗試使用快捷鍵，而不只是按鈕

當你有一個較高使用率的產(chǎn)品時，考慮那些經(jīng)常光顧并在你的應用上花費大把時間的高級客戶總是好的。用戶往往會尋求各種讓他們更快地執(zhí)行重復任務的方法，這時快捷鍵就派上用場了。相比于用鼠標在圖形用戶界面上進行點擊，快捷鍵可以顯著提高工作效率。這方面的一個例子就在各大應用中被廣泛使用的快捷鍵J（前進）和K（后退），比如說Gmail，谷歌閱讀器，Twitter和Tumblr。按鈕也沒問題，但快捷鍵可以作為那些快手指的補充。