2015-6-12 藍藍設(shè)計的小編
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計
來源:http://www.woshipm.com/ucd/160195.html
一個好的用戶界面具有較高的轉(zhuǎn)化率和易用性。換句話說,它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。
上一篇:交互設(shè)計技巧:創(chuàng)造好的用戶體驗(1)(翻譯)
21. 嘗試平滑過渡而不是突兀呈現(xiàn)
當用戶進行操作的時候,界面元素經(jīng)常會有出現(xiàn)、隱藏、移動、轉(zhuǎn)換以及大小調(diào)整的動作。作為對操作的回應(yīng),為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發(fā)生了什么。以動畫或者過渡的形式刻意制造的延時,給了用戶理解元素大小或者位置變化的必要的反應(yīng)時間。當然了,你也要記住,我們應(yīng)該將過渡的時間控制在0.5s之內(nèi),時間太久的話,用戶可能就會感到不適。對于那些只想快點完成任務(wù)的用戶,太長時間的延時當然會成為一種負擔。
22. 嘗試循序漸進的引導而不是草率地讓用戶注冊
與其要求用戶立馬注冊,何不讓用戶先體驗一些已示范的有價值的操作呢?在最初的交互過程中,不僅能展現(xiàn)產(chǎn)品的價值,也能顯示出產(chǎn)品的個性。一旦用戶開始看到你的產(chǎn)品的價值,了解產(chǎn)品對自己的用處,他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法,同時還可以讓用戶使用和自定義你的應(yīng)用或產(chǎn)品。
23. 不要讓過多的邊框來分散用戶的注意力
邊框會讓用戶從真正的內(nèi)容上分散注意力。注意力當然是寶貴的資源,因為我們只能在特定的時間內(nèi)抓住它。邊框也確實能清楚準確地劃分空間,但其鮮明的線條也會吸引用戶的注意力。為了清楚地劃分屏幕上的區(qū)域但又不至于太惹眼,可以將相似內(nèi)容的元素放在一塊,每一塊區(qū)域里的內(nèi)容通過對齊方式保持一致,使用不同的背景加以區(qū)分,甚至僅僅只是使用類似的排版風格。當使用抽象的UI工具進行設(shè)計時,很容易弄得到處都是邊框。通常邊框被用來排列和整理界面上的元素,但往往這樣做的結(jié)果是界面顯得混亂不堪。有時候在界面上加一些分隔線也是有幫助的,但是考慮盡量用不太顯眼的方式來替代,這樣你的內(nèi)容才會凸顯出來。
24. 嘗試銷售好處而不只是羅列功能
我想這就是市場營銷101。相比于產(chǎn)品的功能,用戶更關(guān)心產(chǎn)品能帶來的好處。好處更明確地定義了產(chǎn)品的價值??死锼辜獱柌凇稄?00美金開始創(chuàng)業(yè)》中寫道,人們真正關(guān)心的是:愛、金錢、認同和自由支配的時間,同時希望更少的壓力、沖突、麻煩和不確定性。當向用戶展示功能的時候,我覺得仍為客戶留有猶豫的空間,盡可能將用戶吸引到產(chǎn)品的好處上來。
25. 考慮界面上記錄為空的情況
在某些情況下,你可能會有0, 1, 10, 100,或10000+的數(shù)據(jù)結(jié)果需要以不同的方式進行展示。最常見的場景可能是第一次使用是0條數(shù)據(jù)到后來有非常大的數(shù)據(jù)量的中間過渡期。我們常常忘了設(shè)計什么都沒有時的初始狀態(tài),而且這樣做讓我們有忽視用戶的風險。零數(shù)據(jù)世界是冰冷的。當用戶第一次登錄你的app,看到的是一個沒有任何引導的空白頁,那么你很有可能因此錯失機會。零數(shù)據(jù)狀態(tài)是向用戶展示接下來應(yīng)該怎么做的最佳學習時間。好的事物就應(yīng)該精益求精,用戶界面也不例外。
26. 嘗試默認選中,而不是待選
選中狀態(tài)意味著用戶或客戶不需要進行任何操作就已默認接受服務(wù)。另外,也有一些傳統(tǒng)的選擇策略要求用戶先進行操作然后才能參加或接受服務(wù)。默認選中與待選相比有兩個好處。一是減輕用戶的負擔,因為用戶不需要作任何操作。二是這也向用戶暗示了——“因為別人都需要這個,我也會這樣做”。當然了,這種默認選中策略通常被認為是有爭議的,因為某些居心不良的營銷者濫用的緣故。一種濫用表現(xiàn)在故意降低默認選中文字的可讀性,另一種是使用讓人混亂的文字,比如說雙重否定。這兩種情況都會導致用戶不太了解實情就稀里糊涂地注冊了。因此在保持道德的前提下,如果你決定采用這種默認選中的退出方式,保持其清晰可見,讓你的客戶知道他們被默認添加的操作。畢竟,這種策略曾在歐洲被用來拯救生命。
27. 嘗試保持一致性,而不是讓用戶重學習
因為唐納德?諾曼那些很棒的書,保持用戶界面設(shè)計的一致性可能是最廣為人知的原則之一了。當用戶使用界面或者產(chǎn)品時,一個一致的UI或者交互是減少用戶學習量的一種很好的方法。當我們按下按鈕,移動滑條的時候,我們希望這些交互元素看起來、用起來和被找到的方式是一樣的。一致性讓我們習慣了交互的方式,而一旦沒有了一致性,我們被迫進入反復(fù)的學習中。一致性的界面元素可以通過多種方式來實現(xiàn),比如說:顏色,方向,行為,位置,大小,形狀,標簽以及語言。然而在我們保持所有元素的一致性之前,請記住,保持元素的不一致性仍然是有價值的。不一致的元素或者行為的出現(xiàn)能從我們的習慣性潛意識的深處喚起我們的注意力——當你有想要獲得關(guān)注的事情的時候,這是很有幫助的。試一試,但也要知道什么時候打破它。
28. 嘗試使用智能的默認值,而不是要求額外的操作
使用智能默認值,或者根據(jù)經(jīng)驗猜測預(yù)填表單字段能夠幫助用戶減少大量的工作量。這是一種節(jié)省用戶的寶貴時間,幫助用戶快速完成表單填寫的常用技巧。最糟糕的事情是從經(jīng)驗和轉(zhuǎn)化點出發(fā)要求用戶填寫的信息可能是他們在過去已經(jīng)反復(fù)多次提供過的。嘗試加載和顯示已經(jīng)驗證過的字段值,而不是每次都要求用戶填寫。用戶的工作量越少越好。
29. 嘗試遵守約定俗成的規(guī)則,而不是新建標準
統(tǒng)一的約定是一致性的好伙伴。如果我們在界面上保持元素的相似性,用戶使用起來就不會特別困難。另一方面,如果我們盡可能地保持多個界面上的元素的相似性,這就進一步降低了用戶的學習成本。有了統(tǒng)一的UI約定,我們就知道屏幕右上角的叉是用來關(guān)閉窗口的。當然這種約定隨著時間推移可能也會改變。不過記住,當需要打破這種約定的時候,明確自己的意圖,并保證出發(fā)點是好的。
30. 嘗試聲明免于受損,而不是強調(diào)收益
我們都想贏,并且討厭失敗。根據(jù)說服力心理學的規(guī)則,我們更希望避免損失而不是獲得收益。這種規(guī)則也可以應(yīng)用于產(chǎn)品設(shè)計和宣傳中。宣傳產(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. 嘗試將相關(guān)的項目分組,而不是雜亂無序
將相關(guān)的項目分組在一起是增加產(chǎn)品可用性的一種基本方式。我們大多數(shù)人都知道刀和叉是放在一起的,同理打開和關(guān)閉功能通常也是在一起的。將相關(guān)的項目放在一起符合邏輯,也更符合用戶對產(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)品或者服務(wù)可能現(xiàn)在還有,明天或許就沒有了。同樣地,它會起作用還因為它暗示了失去——我們都不喜歡失去機會。然而,刻意制造緊迫感對有些人來說是不可取的,這種做法被認為是不誠實的。不過如果這種策略被正確使用的話,它仍然是有效的。所以不要制造虛假的緊迫感,因為當你的用戶再次造訪的時候,它會適得其反。
36. 嘗試稀缺戰(zhàn)略
物以稀為貴。稀缺性表明商品或服務(wù)曾經(jīng)有很多,今天只有少部分了,明天可能會更少。你去比較一下批發(fā)市場和精品店的定價就知道了。再回過頭來看一下批發(fā)商,為了獲得更好的商品供應(yīng),他們也可能使用稀缺戰(zhàn)略。一些批發(fā)商或大型零售商銷售數(shù)量有限的商品,一旦售罄,就沒有補充供給。在軟件開發(fā)的過程中,我們經(jīng)常忘記稀缺,因為比特和字節(jié)都可以輕易被復(fù)制,而且還有這么豐富的資源幫忙復(fù)制粘貼。然而,在UI的世界里,稀缺仍然可以被用來顯示現(xiàn)實世界的限制和瓶頸??紤]一下這些數(shù)據(jù)所暗示的限制——你可以出售的網(wǎng)絡(luò)會議的門票數(shù),一個月內(nèi)你能服務(wù)的客戶數(shù),或者你在下次批量生產(chǎn)前所能提供的成品數(shù)。所有這些事物的顯示都可以喚起用戶的行動。想想供應(yīng)和需求,少即是多。
37. 嘗試顯式地羅列選項,而不是讓用戶自己邊回憶邊填寫
這是一條與心理學緊密相關(guān)的經(jīng)典原則,即人們很容易在一些已有的事物中進行辨識,而純粹從記憶中回憶則相對困難。辨識給我們提供的線索或提示,讓我們只需要稍微回憶一下就能完成。而回憶則要求人們完全靠自己從記憶深處進行搜索。這可能就是為什么在考試中有時多項選擇題比開放題能更快地完成。所以給用戶提供一些之前涉及到的信息作為選項,而不是讓他們完全靠自己回憶。
38. 嘗試設(shè)置更大的點擊區(qū)域
如果增加鏈接、表單以及按鈕的大小,它們將更容易被點擊。根據(jù)費茨定律,使用點設(shè)備,我們需要更長的時間的去點擊目標,尤其是距離更遠,或目標更小的時候。鑒于這個原因,考慮增加你表單字段文本框、行動口號以及鏈接區(qū)域的大小?;蛘撸部梢员3忠曈X元素的大小,而是只增加熱點或點擊區(qū)域的大小。應(yīng)用最廣泛的例子就是在移動設(shè)備上的文本鏈接和導航菜單,將背景進行拉伸填充以增大點擊的有效區(qū)域。
39. 嘗試優(yōu)化加載時間,而不是讓用戶等待
速度很重要?,F(xiàn)在頁面的預(yù)加載速度,或者是對用戶操作的響應(yīng)速度都會影響到用戶是否愿意等待。已經(jīng)證實,響應(yīng)時間多一秒,項目或產(chǎn)品的轉(zhuǎn)化率和成交率就會減少一分。因此一種策略就是通過優(yōu)化代碼和圖片技術(shù)性地減少頁面的加載時間。另一種策略就是應(yīng)用一些心理學因素來降低用戶對加載時間的感知。兩種策略都會使用戶感覺等待的時間沒有那么久。顯示進度條來管理預(yù)期就是方法之一。另一種方法是在頁面加載的時候讓用戶有事可做(就好比是你沿著傳送帶走,總好過你站在原地跺腳)。
40. 嘗試使用快捷鍵,而不只是按鈕
當你有一個較高使用率的產(chǎn)品時,考慮那些經(jīng)常光顧并在你的應(yīng)用上花費大把時間的高級客戶總是好的。用戶往往會尋求各種讓他們更快地執(zhí)行重復(fù)任務(wù)的方法,這時快捷鍵就派上用場了。相比于用鼠標在圖形用戶界面上進行點擊,快捷鍵可以顯著提高工作效率。這方面的一個例子就在各大應(yīng)用中被廣泛使用的快捷鍵J(前進)和K(后退),比如說Gmail,谷歌閱讀器,Twitter和Tumblr。按鈕也沒問題,但快捷鍵可以作為那些快手指的補充。
本文為@謝爾魚 翻譯并授權(quán)人人都是產(chǎn)品經(jīng)理社區(qū)發(fā)布,轉(zhuǎn)載請注明來自人人都是產(chǎn)品經(jīng)理社區(qū)并保留作者信息。
原文地址:http://goodui.org/
未完待續(xù)...
藍藍設(shè)計的小編 http://sillybuy.com