譯文|GoodUI設計技巧(三)

本系列譯自GoodUI.org,文章索引


31. 區(qū)分視覺層次

好的視覺層次能夠區(qū)分頁面中哪些元素重要杨幼,哪些次要颜骤。要做到層次分明,可以從對齊呆躲、間距异逐、顏色、色調(diào)插掂、縮進灰瞻、字體大小凡纳、元素大小等視覺語言入手期虾,將它們運用得當,用戶就能順暢閱讀楼入。層次分明的頁面璃弄,能讓用戶放慢速度要销,從上到下細細瀏覽。雖然這樣他們要花較多時間在頁面上夏块,但能獲取到更多信息蕉陋。就像一場旅行捐凭,你可以走高速路,更快地到達目的地凳鬓,也可以放慢腳步欣賞沿途風景茁肠。


idea031

32. 將相似的功能放在一起

將相似的功能放在一起是非常基本的原則缩举。大部分人都知道垦梆,刀和叉、打開文件和關(guān)閉文件要放在一起仅孩。將相似功能放在一起符合邏輯托猩,也尊重人類的認知習慣。


idea032

33. 及時校驗

在處理表單時辽慕,最好及時檢測是否存在錯誤京腥,并顯示檢測結(jié)果。這樣用戶可以立即通過提示的錯誤信息(一般放在字段右邊)調(diào)整內(nèi)容溅蛉。反之公浪,等到表單提交后才驗證并反饋錯誤信息,就需要用戶做一些額外的記憶和操作船侧。


idea033

34. 放寬對輸入的要求

對用戶輸入的數(shù)據(jù)欠气,盡量放寬限制。這樣做程序會顯得更人性化镜撩,頁面也更友好预柒。比如程序可以支持多種格式的電話號碼,帶擴號袁梗、帶破折號宜鸯、帶空格,帶區(qū)號或不帶區(qū)號等等遮怜。開發(fā)起來會復雜一點淋袖,但對用戶來說能減少很多工作。


idea034

35. 適當營造緊迫氛圍

Datastories Issue #3測試奈泪,提高了49%的注冊轉(zhuǎn)化率适贸。

如果我們希望用戶立即行動,可以營造一種緊迫的氛圍涝桅。這種方法暗示著資源緊張拜姿,或活動時間有限,今天可以買冯遂,明天就沒了蕊肥。這種策略也許有一些爭議,但仍然可用,只要它是誠實壁却、有效的批狱。但不要為了營銷而制造緊迫的假象,因為有可能會弄巧成拙展东,帶來負面影響赔硫。


idea035

36. 適當嘗試饑餓營銷

物以稀為貴。通過這種方式盐肃,用戶會感覺東西再不買就沒有了爪膊。想想批發(fā)和限量版商品的價格差距有多大。還有一些批發(fā)商或大型零售商一開始只提供有限數(shù)量的商品砸王,直到賣外后才再生產(chǎn)新的一批推盛。但是在軟件行業(yè),我們經(jīng)常忽視這種策略谦铃,因為軟件產(chǎn)品容易拷貝復制耘成,不會缺貨。其實軟件產(chǎn)品也可以采用這種策略驹闰,比如限制網(wǎng)絡研討會的門票數(shù)量瘪菌,或者限制產(chǎn)品每月服務的人數(shù)上限等等。


idea036

37. 讓用戶選擇疮方,而不是填寫

心理學研究表明控嗜,用戶更擅長從一堆東西中識別出某樣東西茧彤,而不是靠記憶來回想骡显。前者只要我們稍微回憶,并通過一些線索就能完成曾掂,后者則需要我們?nèi)鏅z索自己的大腦惫谤。這就是為什么客觀題比主觀題更好答。所以在頁面上提供選項讓用戶選擇珠洗,比讓他們想半天后自己填寫要好溜歪。


idea037

38. 增大點擊區(qū)域

把鏈接、按鈕许蓖、窗體的尺寸做大蝴猪,更容易點擊。根據(jù)費茨定律膊爪,使用鼠標等設備來點擊一個特定區(qū)域需要點時間自阱,如果元素比較小,就更費勁了米酬。因此最好還是把表單字段沛豌、按鈕和鏈接做大點≡叨睿或者可以大小不變加派,但可點擊區(qū)域增大叫确。一個典型的例子就是手機設備上的文本鏈接和導航菜單,在很寬范圍內(nèi)點擊都有效芍锦。

idea038

39. 優(yōu)化頁面加載速度竹勉,不要讓用戶等待

速度很重要。頁面加載速度和響應用戶操作的速度對用戶是否繼續(xù)使用有決定性的影響娄琉。有人提出饶米,每增加一秒等待都可能導致用戶放棄,降低轉(zhuǎn)化率车胡。因此一種辦法是通過優(yōu)化代碼和圖像來減少加載時間檬输,還有一種辦法是運用心理學原理讓用戶覺得時間沒有那么長。使用進度條就是一個例子匈棘,或者在加載數(shù)據(jù)時讓用戶做點什么事(比如把傳送帶的位置設計遠一點丧慈,讓用戶多走一段距離,也好過讓用戶在傳送帶旁邊抖腳等待)主卫。


idea039

40. 支持快捷鍵

高頻率使用的程序應該為高級用戶以及那些長時間使用的用戶多做考慮逃默。人們需要更高效地執(zhí)行重復任務,而快捷鍵是其中一種方法簇搅,它能大大提高工作效率完域。比如使用J鍵和K鍵來前進和后退的方法已經(jīng)被諸如Gmail、Google閱讀器瘩将、Twitter吟税、Tumblr等產(chǎn)品廣泛使用。按鈕固然好姿现,但快捷鍵能錦上添花肠仪。

idea040

41. 利用錨定效應

Datastories Issue #4測試,提高了48%的購買率备典。

人類認知充滿偏見异旧。卡尼曼研究發(fā)現(xiàn),錨定效應是人類難以抗拒的偏見提佣。它是指當人們考慮一個未知數(shù)量時吮蛹,會受一開始獲得數(shù)值的影響。一開始給出高價拌屏,再給出稍低點的價格潮针,會比直接給出后面的價格更容易被接受。而且錨定值不一定是價格槐壳,還有可能是其它內(nèi)容然低。營銷人員向顧客展示廠家建議零售價,再提供一個更低的價格,就是利用錨定效應的很好案例雳攘。

idea041

42. 盡早激勵用戶

我們越接近完成越有動力带兜。在設計程序時,可以把注冊作為新手任務的一個環(huán)節(jié)吨灭,否則等到注冊完才開始新手任務刚照,用戶看到的是自己一個任務都還沒完成的空白狀態(tài)。所以盡早激勵用戶喧兄,讓他們更有動力前進无畔。


idea042

43. 逐步顯示

將信息逐步顯示,用戶不用看到一堆不相干的信息吠冤。這種模式經(jīng)常用在會根據(jù)上下文變化的表單上浑彰,每次只顯示對用戶有用的內(nèi)容。它通常會和擴展動畫或滑出動畫同時使用拯辙。表單中內(nèi)容很多時郭变,也可以使用這種方法,避免用戶填寫不必要的信息涯保。

idea043

44. 降低使用門檻

告訴用戶使用產(chǎn)品做什么時诉濒,不要把餅畫得太大,容易把用戶嚇跑夕春。研究表明未荒,相比完成一個大任務,人們普遍更容易完成一系列相互關(guān)聯(lián)的小任務及志。所以程序可以將一個大任務分成一系列小任務片排,并引導用戶一步步達成。以約會網(wǎng)站為例困肩,可以先讓用戶看看周圍都有誰在使用划纽,再讓用戶介紹自己脆侮,再為他提供約會的建議等等锌畸,不要一開始就讓用戶聯(lián)想到婚姻和人生幸福。再以定價舉例靖避,用戶更容易接受按月支付而不是按年支付潭枣。這種策略也是在暗示用戶「沒有約束」,用戶會覺得他們可以在任何時間離開幻捏,讓用戶更容易接受產(chǎn)品盆犁。

idea044

45. 提供非模態(tài)的反饋

模態(tài)窗口或彈框會帶給用戶許多困擾。首先篡九,模態(tài)窗口會阻止用戶執(zhí)行其他任務谐岁,也會遮擋窗口后的信息。其次,如果用戶在執(zhí)行某個任務過程中離開電腦伊佃,彈框會停止正在執(zhí)行的任務窜司。最后,模態(tài)窗口會打斷那些正沉浸在任務中的用戶航揉。使用非模態(tài)的反饋方法塞祈,同樣能抓住用戶注意力,也不會帶來其他問題帅涂。

idea045

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末议薪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子媳友,更是在濱河造成了極大的恐慌斯议,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件醇锚,死亡現(xiàn)場離奇詭異捅位,居然都是意外死亡,警方通過查閱死者的電腦和手機搂抒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門艇搀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人求晶,你說我怎么就攤上這事焰雕。” “怎么了芳杏?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵矩屁,是天一觀的道長。 經(jīng)常有香客問我爵赵,道長吝秕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任空幻,我火速辦了婚禮烁峭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘秕铛。我一直安慰自己约郁,他們只是感情好,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布但两。 她就那樣靜靜地躺著鬓梅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谨湘。 梳的紋絲不亂的頭發(fā)上绽快,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天芥丧,我揣著相機與錄音,去河邊找鬼坊罢。 笑死娄柳,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的艘绍。 我是一名探鬼主播赤拒,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼诱鞠!你這毒婦竟也來了挎挖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤航夺,失蹤者是張志新(化名)和其女友劉穎蕉朵,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阳掐,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡始衅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了缭保。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片汛闸。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖艺骂,靈堂內(nèi)的尸體忽然破棺而出诸老,到底是詐尸還是另有隱情,我是刑警寧澤钳恕,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布别伏,位于F島的核電站,受9級特大地震影響忧额,放射性物質(zhì)發(fā)生泄漏厘肮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一睦番、第九天 我趴在偏房一處隱蔽的房頂上張望类茂。 院中可真熱鬧,春花似錦抡砂、人聲如沸大咱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至溯捆,卻和暖如春丑搔,著一層夾襖步出監(jiān)牢的瞬間厦瓢,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工啤月, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留煮仇,地道東北人。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓谎仲,卻偏偏與公主長得像浙垫,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子郑诺,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內(nèi)容