編者按:作者整理了 20 條經典原則,并通過正反例子說明這些原則在設計中是如何運用的。系統學習 20 條經典原則,讓你的設計更有說服力。這篇文章對雅各布定律進行了深度解析,讓你充分理解雅各布定律如何運用,及其注意要點,一起來看看吧。
往期回顧:
1. 理論表述
用戶將大部分時間花在別人家的網站(產品)上,而不是你的。這意味著他們希望你的網站(產品)跟別人的有相同的操作方法和使用模式。
2. 理論背景
雅各布定律是由尼爾森十大原則的創立者、尼爾森諾曼集團的創始人之一 Jakob Nielsen 提出的。他認為雅各布定律更像是一種自然規律,只是在描述一個事實,這個事實就是用戶在其他千千萬萬個網站(產品)上積累經驗,學會如何使用網站,當一個網站跟其他網站一致的時候用戶會立刻知道該如何操作,但如果違反了雅各布定律,那么用戶會毫不猶豫地離開。
1. 一致的排版
雅各布定律并不是說所有頁面統統要設計成一模一樣,而是具有相同功能的頁面,盡量保持一致。這在 UI 設計的領域并不鮮見,尤其是一些功能性特別強的頁面,各家設計的幾乎大同小異,比如商品詳情頁。
案例1:商品詳情頁
在國內,不論是淘寶、造作、網易云音樂,不論是合家歡風格還是性冷淡風格,甚至不論是不是電商 APP,只要涉及到商品的詳情頁面,版式都高度相似,上方是圖片,中間描述,底部懸浮的操作區域,這也是用戶最熟悉、最容易接受的排版。
2. 一致的示能
示能是《設計心理學》中引入的一個「直接知覺論」的概念,它表達了一個物體或者操作對象與人的可交互關系,我們舉個簡單的例子。
案例2:按鈕的示能與反示能
有色彩的按鈕提示著我們它「可被點擊」,這是一種示能,即:示意它能夠 xxx;同理,灰色的按鈕提示我們它「不可點擊」,這是一種反示能,即:示意它不能 xxx。
一致的示能也就是說,我們所設計的一切的元素、控件、組件,都需要符合所有互聯網產品中類似元素的示能或者反示能。因為它們代表了用戶默認的意識,我們要順應這種意識進行設計,就可以減少用戶操作的阻力。
3. 一致的符號映射
簡單來說,一致的符號映射就是相同或者類似的符號/圖標會給用戶提供相同的功能暗示。就像頁面左上角向左的箭頭(不論是哪種箭頭,只要它向左)映射的交互含義就是返回上一頁;三條杠(或兩條杠)的圖標意味著菜單;三個圓點代表更多。
對于常見的,已經被大范圍應用的符號映射,就不要再標新立異的創造一些奇奇怪怪的新符號來映射對應的操作,也不要用明顯表達「另一個操作」的符號來表達「這個操作」,用戶需要的是低學習成本。
案例3:常見的符號映射
4. 一致的概念模型
最后說下概念模型,概念模型同樣是一個心理學詞匯,這種模型會對用戶提供暗示──產品內某一條功能流程的使用方法。
再次以電商 APP 為例,合理的概念模型會暗示用戶要在網站或 APP 內購買一件商品, 需要經過「挑選」→「加入購物車」→「結算」→「付款」→「成功」這樣一條完整的任務流。我們所見到的電商 APP 幾乎都使用了類似的概念模型,因為這種概念模型符合用戶在現實中購物時積累出的心智模型。所以當我們去設計一個電商 APP 的界面時,應當首先考慮將概念模型設計的和其他所有電商平臺一致。
在我們設計產品時,要先繼承最廣泛的概念模型,然后再從產品自身的角度出發,對其進行完善和修改,而不是完全根據我們天馬行空的臆斷去制定流程。
注意事項就一個,不要違反雅各布定律。這條定律不像之前的希克定律或者菲茨定律有具體的使用場景和明顯的適用邊界,雅各布定律幾乎沒有邊界,用 Nielsen 本人的話來說,它描述了「How things are」,更像是「Law of nature」。
反面案例:Eclipse
△ 網址鏈接:https://www.eclipse.srl/
Eclipse 是 csswinner 在今年 2 月 25 日的 Daysite。網站的各種特效很是酷炫,剛進入首頁,提示我可以長按鼠標并任意拖動,效果如圖。之后問題就來了,沒有提示,沒有擁有「可點擊」示能的按鈕,我茫然了一陣,終于發現了問題所在:網站的名字是 Eclipse(日食)。那么最可能讓我進行下去的是不是右上角的那個日食?
結果就是它,一開始我以為它是類似夜間模式的按鈕。
△ 網址鏈接:https://www.eclipse.srl/projects
接著我來到這個頁面,類似的尷尬再次出現了,除了返回,我竟然不知道該怎么進行下去,沒有按鈕、沒有鏈接、沒有提示、沒有任何能表達「我可以點擊」的東西。
經過了嚴密的推理和一段時間的不懈努力,終于發現,底部和右側的文本區域才是觸發鏈接跳轉的熱區,而左側的文本則是單純的文本,不可點擊。
回顧瀏覽這個網站的過程,我們可以發現它的示能,它的符號映射均有所欠缺。經歷了其他無數個網站的洗禮,我們早已經認知和習慣了長得像月亮的圖標表達的十有八九是夜間模式,能點擊的鏈接十有八九都會跟文本長得不太一樣這兩條經驗定律,所以在使用(或單純瀏覽)這個網站的時候我們也十有八九會遇到困難。
- 你的頁面應該與其余相同功能的頁面具有一致的使用模式;
- 沒有足夠的理由,就不要輕易嘗試標新立異。
參考文獻
- ?《Jakob's Law of Internet User Experience》Jakob N
- ?《Top 10 Mistakes in Web Design — 8》Jakob N
- 《五個基本心理學概念:示能、意符、映射、反饋和概念模型》Darcy
- 《Seany. app中的交互手勢和意符設計》宋順寧
- 《認知科學和設計領域中的 Affordance 是什么?》Hi-iD
歡迎關注作者的微信公眾號:「超人的電話亭」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 6 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓