本系列譯自GoodUI.org,文章索引
31. 區(qū)分視覺層次
好的視覺層次能夠區(qū)分頁面中哪些元素重要杨幼,哪些次要颜骤。要做到層次分明,可以從對齊呆躲、間距异逐、顏色、色調(diào)插掂、縮進灰瞻、字體大小凡纳、元素大小等視覺語言入手期虾,將它們運用得當,用戶就能順暢閱讀楼入。層次分明的頁面璃弄,能讓用戶放慢速度要销,從上到下細細瀏覽。雖然這樣他們要花較多時間在頁面上夏块,但能獲取到更多信息蕉陋。就像一場旅行捐凭,你可以走高速路,更快地到達目的地凳鬓,也可以放慢腳步欣賞沿途風景茁肠。
32. 將相似的功能放在一起
將相似的功能放在一起是非常基本的原則缩举。大部分人都知道垦梆,刀和叉、打開文件和關(guān)閉文件要放在一起仅孩。將相似功能放在一起符合邏輯托猩,也尊重人類的認知習慣。
33. 及時校驗
在處理表單時辽慕,最好及時檢測是否存在錯誤京腥,并顯示檢測結(jié)果。這樣用戶可以立即通過提示的錯誤信息(一般放在字段右邊)調(diào)整內(nèi)容溅蛉。反之公浪,等到表單提交后才驗證并反饋錯誤信息,就需要用戶做一些額外的記憶和操作船侧。
34. 放寬對輸入的要求
對用戶輸入的數(shù)據(jù)欠气,盡量放寬限制。這樣做程序會顯得更人性化镜撩,頁面也更友好预柒。比如程序可以支持多種格式的電話號碼,帶擴號袁梗、帶破折號宜鸯、帶空格,帶區(qū)號或不帶區(qū)號等等遮怜。開發(fā)起來會復雜一點淋袖,但對用戶來說能減少很多工作。
35. 適當營造緊迫氛圍
Datastories Issue #3測試奈泪,提高了49%的注冊轉(zhuǎn)化率适贸。
如果我們希望用戶立即行動,可以營造一種緊迫的氛圍涝桅。這種方法暗示著資源緊張拜姿,或活動時間有限,今天可以買冯遂,明天就沒了蕊肥。這種策略也許有一些爭議,但仍然可用,只要它是誠實壁却、有效的批狱。但不要為了營銷而制造緊迫的假象,因為有可能會弄巧成拙展东,帶來負面影響赔硫。
36. 適當嘗試饑餓營銷
物以稀為貴。通過這種方式盐肃,用戶會感覺東西再不買就沒有了爪膊。想想批發(fā)和限量版商品的價格差距有多大。還有一些批發(fā)商或大型零售商一開始只提供有限數(shù)量的商品砸王,直到賣外后才再生產(chǎn)新的一批推盛。但是在軟件行業(yè),我們經(jīng)常忽視這種策略谦铃,因為軟件產(chǎn)品容易拷貝復制耘成,不會缺貨。其實軟件產(chǎn)品也可以采用這種策略驹闰,比如限制網(wǎng)絡研討會的門票數(shù)量瘪菌,或者限制產(chǎn)品每月服務的人數(shù)上限等等。
37. 讓用戶選擇疮方,而不是填寫
心理學研究表明控嗜,用戶更擅長從一堆東西中識別出某樣東西茧彤,而不是靠記憶來回想骡显。前者只要我們稍微回憶,并通過一些線索就能完成曾掂,后者則需要我們?nèi)鏅z索自己的大腦惫谤。這就是為什么客觀題比主觀題更好答。所以在頁面上提供選項讓用戶選擇珠洗,比讓他們想半天后自己填寫要好溜歪。
38. 增大點擊區(qū)域
把鏈接、按鈕许蓖、窗體的尺寸做大蝴猪,更容易點擊。根據(jù)費茨定律膊爪,使用鼠標等設備來點擊一個特定區(qū)域需要點時間自阱,如果元素比較小,就更費勁了米酬。因此最好還是把表單字段沛豌、按鈕和鏈接做大點≡叨睿或者可以大小不變加派,但可點擊區(qū)域增大叫确。一個典型的例子就是手機設備上的文本鏈接和導航菜單,在很寬范圍內(nèi)點擊都有效芍锦。
39. 優(yōu)化頁面加載速度竹勉,不要讓用戶等待
速度很重要。頁面加載速度和響應用戶操作的速度對用戶是否繼續(xù)使用有決定性的影響娄琉。有人提出饶米,每增加一秒等待都可能導致用戶放棄,降低轉(zhuǎn)化率车胡。因此一種辦法是通過優(yōu)化代碼和圖像來減少加載時間檬输,還有一種辦法是運用心理學原理讓用戶覺得時間沒有那么長。使用進度條就是一個例子匈棘,或者在加載數(shù)據(jù)時讓用戶做點什么事(比如把傳送帶的位置設計遠一點丧慈,讓用戶多走一段距離,也好過讓用戶在傳送帶旁邊抖腳等待)主卫。
40. 支持快捷鍵
高頻率使用的程序應該為高級用戶以及那些長時間使用的用戶多做考慮逃默。人們需要更高效地執(zhí)行重復任務,而快捷鍵是其中一種方法簇搅,它能大大提高工作效率完域。比如使用J鍵和K鍵來前進和后退的方法已經(jīng)被諸如Gmail、Google閱讀器瘩将、Twitter吟税、Tumblr等產(chǎn)品廣泛使用。按鈕固然好姿现,但快捷鍵能錦上添花肠仪。
41. 利用錨定效應
Datastories Issue #4測試,提高了48%的購買率备典。
人類認知充滿偏見异旧。卡尼曼研究發(fā)現(xiàn),錨定效應是人類難以抗拒的偏見提佣。它是指當人們考慮一個未知數(shù)量時吮蛹,會受一開始獲得數(shù)值的影響。一開始給出高價拌屏,再給出稍低點的價格潮针,會比直接給出后面的價格更容易被接受。而且錨定值不一定是價格槐壳,還有可能是其它內(nèi)容然低。營銷人員向顧客展示廠家建議零售價,再提供一個更低的價格,就是利用錨定效應的很好案例雳攘。
42. 盡早激勵用戶
我們越接近完成越有動力带兜。在設計程序時,可以把注冊作為新手任務的一個環(huán)節(jié)吨灭,否則等到注冊完才開始新手任務刚照,用戶看到的是自己一個任務都還沒完成的空白狀態(tài)。所以盡早激勵用戶喧兄,讓他們更有動力前進无畔。
43. 逐步顯示
將信息逐步顯示,用戶不用看到一堆不相干的信息吠冤。這種模式經(jīng)常用在會根據(jù)上下文變化的表單上浑彰,每次只顯示對用戶有用的內(nèi)容。它通常會和擴展動畫或滑出動畫同時使用拯辙。表單中內(nèi)容很多時郭变,也可以使用這種方法,避免用戶填寫不必要的信息涯保。
44. 降低使用門檻
告訴用戶使用產(chǎn)品做什么時诉濒,不要把餅畫得太大,容易把用戶嚇跑夕春。研究表明未荒,相比完成一個大任務,人們普遍更容易完成一系列相互關(guān)聯(lián)的小任務及志。所以程序可以將一個大任務分成一系列小任務片排,并引導用戶一步步達成。以約會網(wǎng)站為例困肩,可以先讓用戶看看周圍都有誰在使用划纽,再讓用戶介紹自己脆侮,再為他提供約會的建議等等锌畸,不要一開始就讓用戶聯(lián)想到婚姻和人生幸福。再以定價舉例靖避,用戶更容易接受按月支付而不是按年支付潭枣。這種策略也是在暗示用戶「沒有約束」,用戶會覺得他們可以在任何時間離開幻捏,讓用戶更容易接受產(chǎn)品盆犁。
45. 提供非模態(tài)的反饋
模態(tài)窗口或彈框會帶給用戶許多困擾。首先篡九,模態(tài)窗口會阻止用戶執(zhí)行其他任務谐岁,也會遮擋窗口后的信息。其次,如果用戶在執(zhí)行某個任務過程中離開電腦伊佃,彈框會停止正在執(zhí)行的任務窜司。最后,模態(tài)窗口會打斷那些正沉浸在任務中的用戶航揉。使用非模態(tài)的反饋方法塞祈,同樣能抓住用戶注意力,也不會帶來其他問題帅涂。