交互設計技巧:創(chuàng)造好的用戶體驗(2)(翻譯)

1 評論 10230 瀏覽 165 收藏 21 分鐘

一個好的用戶界面具有較高的轉化率和易用性。換句話說,它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現的一些想法清單。

上一篇:交互設計技巧:創(chuàng)造好的用戶體驗(1)(翻譯)

21. 嘗試平滑過渡而不是突兀呈現

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

30. 嘗試聲明免于受損,而不是強調收益

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

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

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

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

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

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

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

34. 嘗試放寬輸入的條件,而不是要求嚴格的數據格式

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

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

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

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

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

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

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

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

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

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

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

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

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

本文為@謝爾魚 翻譯并授權人人都是產品經理社區(qū)發(fā)布,轉載請注明來自人人都是產品經理社區(qū)并保留作者信息。

原文地址:http://goodui.org/

未完待續(xù)…

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這個到底是電腦界面設計的還是手機界面設計的。怎么還有按鍵的?又說是APP。

    來自廣東 回復