一個(gè)好的界面設(shè)計(jì)應(yīng)該注意的75個(gè)原則（下）
一個(gè)好的界面設(shè)計(jì)應(yīng)該擁有高轉(zhuǎn)化率且方便用戶使用，換句話說：既能達(dá)到商業(yè)目的又能滿足方便易用的要求。
有一個(gè)設(shè)計(jì)咨詢公司根據(jù)自己的客戶案例，總結(jié)了75個(gè)經(jīng)過實(shí)踐證明的原則。
（之前國內(nèi)流傳這篇文章的前40個(gè)規(guī)則，后35個(gè)是我熬夜翻譯的，這個(gè)網(wǎng)站會不斷的更新添加新規(guī)則，建議收藏。）
41. 嘗試錨定價(jià)格
就像卡尼曼觀察到的那樣，錨定效應(yīng)造成的認(rèn)知偏差是人類很難克服的，我們的決策受最先進(jìn)入我們大腦的數(shù)字的影響，錨定數(shù)量也并不一定是一個(gè)價(jià)格，它可以是一個(gè)數(shù)。營銷人員利用錨定效應(yīng)最常見的例子是同時(shí)顯示建議零售價(jià)和實(shí)際價(jià)格。
42. 讓進(jìn)度條預(yù)設(shè)已經(jīng)走了一部分
一件事越接近完成我們的動力越強(qiáng)，這被稱為目標(biāo)梯度效應(yīng)。讓人覺得自己已經(jīng)取得了進(jìn)展這件事宜早不宜晚。
43. 使用漸進(jìn)顯示而不是全部展開
漸進(jìn)顯示不讓大量無關(guān)的信息直接暴露出來，而且展現(xiàn)的內(nèi)容有上下文的關(guān)聯(lián)，更容易讓用戶理解，不會一下展現(xiàn)太多表單把用戶嚇跑。
44. 用小的承諾代替大的
使用承諾是一個(gè)功能強(qiáng)大的說服策略，充分挖掘人的自我認(rèn)知一致性原則，一連竄的小問題答案的”是“，會得到更大問題的“是的。” 還有顯示月費(fèi)而不是年費(fèi)會傳達(dá)出一種沒有合約的感覺，讓用戶覺得隨時(shí)可以退出，沒有障礙。
45. 替換模態(tài)對話框?yàn)楦鼫厝岬奶崾痉绞?/span>
雖然模態(tài)對話框更吸引用戶注意力，但是也會帶來一些其他問題，首先阻止了用戶操作對話框之外的操作，而且打斷了用戶之前的操作動作，為什么不嘗試行內(nèi)或滑出等不那么礙眼的提示方式呢？
46. 嘗試多功能控制而不是分成很多功能塊
例如可以在輸入框里實(shí)現(xiàn)篩選過濾的功能，而不用增加額外的篩選菜單。打分功能里增加懸停顯示功能而不是增加額外的顯示模塊。但是不要濫用，否則會增加用戶的學(xué)習(xí)曲線難度。
47. 嘗試增加圖標(biāo)文本
圖標(biāo)和文字在一起可以減少很多歧義，比如以下下箭頭到底是表示往下移？降低優(yōu)先級還是下載呢？或者”X“圖標(biāo)代表刪除？禁止還是關(guān)閉呢？ 當(dāng)用戶沒有時(shí)間理解你界面圖標(biāo)表達(dá)的意思的時(shí)候問題就麻煩了，所以為了理解，最好圖標(biāo)要配上文本，如果空間實(shí)在不夠，可以用懸停圖標(biāo)顯示提示文本的方式展現(xiàn)。
48. 嘗試使用更自然的語言代替干癟的文本
自然語言比簡短、嚴(yán)格的短語更方便用戶理解。
49. 激發(fā)用戶的好奇心
提供一個(gè)能激發(fā)用戶好奇心的信息，這可能是一個(gè)樣章、演示、試用，或做了XYZ才能看得到的免費(fèi)內(nèi)容。
50. 嘗試消除用戶顧慮而不是假設(shè)一切正常
告訴你的客戶支付是安全的、貨物免運(yùn)費(fèi)而且隨時(shí)可以退換，沒有任何后顧之憂，這是能提高轉(zhuǎn)化率的極佳策略。
51. 嘗試價(jià)格錯(cuò)覺
改變提示方式讓人們完全靠自己判斷你的產(chǎn)品的價(jià)值，也可以幫助他們做。如果你決定利用人類不理性，就可以用不同價(jià)格的顯示方式，讓你的產(chǎn)品變得視為更有價(jià)值。比如在價(jià)格前加上“只”，“實(shí)惠”等詞。把價(jià)格分解為每單位價(jià)格（例如：每天1塊錢，而不是一月30塊會員費(fèi)） 另外，可以使用以9結(jié)尾的數(shù)來減少價(jià)格位數(shù)。
52. 嘗試感謝你的用戶而不是簡單的完成確認(rèn)
感謝的可以讓你的業(yè)務(wù)，產(chǎn)品或UI更加人性化，表達(dá)了對用戶的欣賞和關(guān)心。感謝可以引導(dǎo)出進(jìn)一步的對話或行動。感謝您閱讀這一段。 :)
53. 直接給出有意義的結(jié)果不要讓用戶做數(shù)字轉(zhuǎn)換工作
比如顯示3分鐘前就比顯示一個(gè)時(shí)間日期更容易理解，讓用戶免除一切數(shù)學(xué)計(jì)算。
54. 給予用戶再次確認(rèn)選擇的自由
在行動按鈕或選擇之后告訴用戶有自我選擇或拒絕的自由。
55. 讓獎(jiǎng)勵(lì)變得隨機(jī)
可變的隨機(jī)的獎(jiǎng)勵(lì)會讓用戶上癮（游戲讓人上癮的原理之一）
56. 抓住用戶的注意力
可以用增加尺寸和提高對比度的方式來突出重要行動。其他吸引注意力的方法有：采用不規(guī)則形狀，自動焦點(diǎn)，高亮，固定跟隨（浮動），以及方向箭頭等。
57. 讓表格對比清晰明確
表格應(yīng)該顯示出最相關(guān)的屬性差異，有助于用戶做出單個(gè)決定。
58. 顯示一組而不是單獨(dú)的一項(xiàng)
人有收集東西的癖好，無論是物理的還是虛擬的。收集一整套東西會自然的成為奮斗目標(biāo)。通常獲得一整套東西帶來的收益增加（蛋糕比其單獨(dú)的成分更大、更好）。通過顯示過去的收獲也會增強(qiáng)以后的行為動機(jī)。
59. 讓用戶有明晰的期望而不是蒙在鼓里
你在X步驟中的第一步。你的選擇結(jié)果在Y中。在Z之前你會收到XX，下一個(gè)任務(wù)將全部完成。這種不斷的清晰的提示可以建立與用戶之間的信任，而不是讓用戶兩眼摸黑。
60. 用幽默代替嚴(yán)肅
為什么要一直那么嚴(yán)肅呢？在你的UI里加入一些幽默的元素有助于與你的用戶/客戶之間建立良好的情感聯(lián)系，也更容易原諒你的一些錯(cuò)誤。
61. 用反饋代替沉默
當(dāng)我們執(zhí)行了一個(gè)動作，肯定我們希望知道是否成功。比如：當(dāng)我們發(fā)送郵件時(shí)候希望知道是否發(fā)送成功。什么反饋也沒有意味著不確定性：起作用了么？點(diǎn)擊了么？按鈕按下去了么？是否要重試？ 成功提醒是非常有價(jià)值的交互。
62. 判斷出用戶意圖
如下圖所示，這是亞馬遜的一個(gè)多級菜單，當(dāng)?shù)谝粋€(gè)菜單展開，用戶鼠標(biāo)往右下角移動路過第二個(gè)菜單的時(shí)候，之前的展開的菜單并不會消失，他們靠算法預(yù)判到用戶可能是想點(diǎn)擊第一個(gè)菜單下的某個(gè)子菜單。
63. 使用寬松的間隔避免元素?cái)D在一起
空白的填充可以讓內(nèi)容和表格的可讀性更好，廣泛適用于列表、表格、段落等元素。
64. 使用講故事的方式而不是列出事實(shí)
講故事是最古老的傳播方式，可以在著頁面和各種UI交互頁使用。一個(gè)基本的故事有幾個(gè)簡單的元素，如場景，帶著目的的人物，遇到的問題。故事可以引發(fā)讀者的情感反應(yīng)，就像自己遇到了同樣的處境。這樣，故事也可變得更加難忘。這也就是為什么銷售長久以來喜歡講故事，說明這非常有效的。
65. 使用可靠的內(nèi)容，避免造假
人們可以一眼就看出太假的東西，為了讓你的產(chǎn)品更值得信賴，不要造假。股票高高的走勢圖和網(wǎng)頁上開心笑的人沒有任何理由和意義。混雜著好和壞的評價(jià)，非整數(shù)數(shù)字讓你的網(wǎng)頁更真實(shí)可靠。
66. 隨著用戶的進(jìn)階而優(yōu)化
當(dāng)用戶對你的操作界面很熟悉之后，一些給新手顯示的東西或者一些經(jīng)常顯示的東西變得不那么重要，可以去掉或者移動其他地方。這樣可以讓設(shè)計(jì)更加精簡。
67. 以別人為中心
想建立社會影響力的時(shí)候就要優(yōu)先考慮別人的利益，把對話中的”我“變成”你“。
68. 對于你顯而易見的東西可能對于別人不是
有些事情對于我們來說似乎是顯而易見的，對于別人卻不是。如下圖中讓用戶輸入U(xiǎn)RL快捷方式，用戶不一定知道指的是什么：
69. 讓語言簡潔明了，去掉多余的廢話
使用更少，更簡潔的話，在寫完草稿后，看看是否還可以縮減。抓住要點(diǎn)可以避免丟掉用戶的注意力。
70. 使用響應(yīng)式布局避免靜態(tài)布局
沒有什么比出現(xiàn)橫縱雙滾動條更糟糕的頁面了，讓頁面支持的響應(yīng)式布局，這樣在各種大小的移動設(shè)備上都能良好的顯示。
71. 讓視覺效果清晰明確
讓不同的元素成組，使用不同的字號，使用不同的色調(diào)，讓視覺效果清晰明確。
72. 讓你的界面可糾錯(cuò)
出錯(cuò)是難免的，所以用戶界面應(yīng)該允許細(xì)微的糾正。如更換賬號或更換地址等
73. 讓用戶嘗試社會承諾
人類偏愛一致的自我形象，社會承諾會成為一種自我動機(jī)。在這一點(diǎn)上，公開的社會承諾，會讓人更有責(zé)任去兌現(xiàn)。當(dāng)我們告訴人們，我們會做一些事情（或者采取公開的行動），那么未來行動的可能性就會更高。
74. 增加重試和重做的功能
例如：當(dāng)上傳圖片時(shí)候，文件上傳失敗或者對上傳的圖片不滿意想換一張的時(shí)候，重試和重做就很有必要。
75. 把過多的選擇去掉
更多的選擇讓決策越難，甚至還會降低滿意度，因?yàn)檫@讓后悔和自責(zé)傾向增加。著名的果醬研究實(shí)驗(yàn)一次次的被驗(yàn)證。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）