除了引導(dǎo)用戶(hù)，還要減少他們的認(rèn)知流程，以保持流暢狀態(tài)。

盡可能少讓用戶(hù)做計(jì)算

千萬(wàn)別把計(jì)算這種事情丟給用戶(hù)，讓計(jì)算機(jī)來(lái)處理。

△ 顯示剩余數(shù)量

在界面內(nèi)體現(xiàn)用戶(hù)當(dāng)前所處位置

界面就像機(jī)場(chǎng)，如果沒(méi)有“你在這里”的標(biāo)記，用戶(hù)會(huì)迷路，因此記得提供標(biāo)記。

△ 在導(dǎo)航菜單上突出當(dāng)前所選

△ 在復(fù)雜的界面中提供面包屑導(dǎo)航或步驟圖示

△ 在頁(yè)面標(biāo)題前面部分放置描述性或有用的信息

簡(jiǎn)化選擇類(lèi)任務(wù)

做選擇需要費(fèi)腦筋，簡(jiǎn)化這類(lèi)任務(wù)讓用戶(hù)少費(fèi)神

△ 指明多數(shù)用戶(hù)選擇的選項(xiàng)

△ 提供常見(jiàn)搜索關(guān)鍵詞列表

△ 下拉分類(lèi)菜單置于相應(yīng)導(dǎo)航菜單內(nèi)

使用常規(guī)的網(wǎng)頁(yè)設(shè)計(jì)界面

創(chuàng)新很好，但不要跟常規(guī)的設(shè)計(jì)方式偏離太遠(yuǎn)。用戶(hù)習(xí)慣于某些布局、結(jié)構(gòu)。常規(guī)設(shè)計(jì)之所以流行，是因?yàn)樗麄兇_實(shí)可行。

△ 使用常規(guī)的導(dǎo)航菜單

△ 把實(shí)用功能放在右上角

每次交互動(dòng)作后提供反饋

用戶(hù)跟界面進(jìn)行互動(dòng)后，需獲得實(shí)時(shí)反饋。操作成功還是失敗了？發(fā)生了什么變化？

△ 重要的交互動(dòng)作后反饋提示成功消息

△ 顯示當(dāng)前鼠標(biāo)停留在哪個(gè)項(xiàng)目上

最小化等待的負(fù)面效果

消滅所有不必要的等待。如果確實(shí)要用戶(hù)等，則最小化該負(fù)面效果。

△ 加載動(dòng)畫(huà)效果使用冷色調(diào)減少對(duì)用戶(hù)刺激

藍(lán)色減少刺激（提高放松程度），藍(lán)色加載元素可讓用戶(hù)覺(jué)得加載更快(Gorn et al., 2004)。

△ 長(zhǎng)時(shí)間等待時(shí)保持用戶(hù)活躍度（別人他們干等）

△ 防止用戶(hù)上傳不支持的文件

△ 實(shí)時(shí)統(tǒng)計(jì)顯示任務(wù)進(jìn)展

盡可能減少用戶(hù)對(duì)記憶的依賴(lài)

別讓用戶(hù)去記住任何東西，將相關(guān)信息顯示出來(lái)

△ 讓表單標(biāo)簽保持一直可見(jiàn)

△ 避免用戶(hù)點(diǎn)擊后就消失的行內(nèi)標(biāo)簽

△ 占位文本放到表單元素的外邊

△ 為可移動(dòng)輸入添加復(fù)制按鈕△ （△ Add Copy Buttons to Movable Input△ ）

盡量少用鋸齒狀視圖模式

減少用戶(hù)眼睛來(lái)回移動(dòng)的次數(shù)，讓各項(xiàng)補(bǔ)充數(shù)據(jù)保持接近。

△ 合并相同的數(shù)據(jù)字段幫助用戶(hù)進(jìn)行對(duì)比

△ 讓表單標(biāo)簽緊貼相應(yīng)元素并對(duì)齊

反饋顯示哪些項(xiàng)目是可點(diǎn)擊或交互的

用戶(hù)需要識(shí)別哪些元素是可交互的（并且知道如何交互）。

△ 使用3D特性設(shè)計(jì)按鈕

△ 為可拖拽元素添加點(diǎn)狀紋理

△ 使用圖標(biāo)和符號(hào)傳達(dá)一個(gè)交互動(dòng)作的意圖

你可以通過(guò)PowerPoint 或 Keynote的各種形狀制作大部分圖標(biāo)

用常見(jiàn)的文字和符合來(lái)溝通

大多數(shù)情況下，清晰明確勝過(guò)創(chuàng)意和術(shù)語(yǔ)

△ 講用戶(hù)懂的語(yǔ)言，不講程序語(yǔ)言

△ 出現(xiàn)外語(yǔ)時(shí)，提供翻譯按鈕

△ 顏色的選擇要與語(yǔ)義保持一致

當(dāng)顏色跟語(yǔ)義不一致時(shí)，會(huì)增加用戶(hù)處理信息的困擾。如meetup.com上使用紅色確認(rèn)出席，準(zhǔn)確應(yīng)該是用綠色。

盡可能提高界面的可瀏覽性

多數(shù)用戶(hù)采用瀏覽掃讀的方式處理內(nèi)容，我們需要接受這種行為。

設(shè)計(jì)界面時(shí)盡量適應(yīng)這種泛讀瀏覽方式。

△ 保持段落簡(jiǎn)短，高亮關(guān)鍵詞組

△ 把重要信息放在列表的開(kāi)頭

△ 給表格添加交替的行條紋背景

△ 編寫(xiě)?yīng)毩⒏睒?biāo)題（不要一篇文章就一個(gè)大標(biāo)題）

△ 用視覺(jué)變化拆分文本

盡可能提高文本的可讀性

很明顯，文本需要讓人易懂，有些技巧能讓文本更具可讀性。

△ 讓文本和背景具有鮮明對(duì)比

背景上顯示文本需要注意，可能需要做一些疊加或模糊處理。（以作者照片為例…）

△ 正文的主要部分采用左對(duì)齊

界面設(shè)計(jì)風(fēng)格保持一致

風(fēng)格不統(tǒng)一的話用戶(hù)需要花更多時(shí)間學(xué)習(xí)界面。保持統(tǒng)一的布局和外觀可以簡(jiǎn)化學(xué)習(xí)過(guò)程。

△ 制定一份前端風(fēng)格指引

制定一份穩(wěn)定，總結(jié)界面各元素的設(shè)計(jì)規(guī)格說(shuō)明

其他元素包括：

• 顏色
• 網(wǎng)格和布局
• 位置和定位
• 大小和形狀
• 標(biāo)簽和語(yǔ)言
• 導(dǎo)航
• 表格
• ?列表
• 鏈接
• 聲音和腔調(diào)

需要靈感參考？看看Mailchimp的風(fēng)格指引（http://ux.mailchimp.com/patterns）

△ 導(dǎo)航菜單保持在相同位置

通過(guò)視覺(jué)平衡實(shí)現(xiàn)設(shè)計(jì)美感

美觀的設(shè)計(jì)更加好用 – 即美即好用效應(yīng)原則（Kurosu & Kashimura, 1995）.

△ 使用數(shù)學(xué)原理構(gòu)造設(shè)計(jì)

△ 使用對(duì)比性字體

挑選搭配字體時(shí)，有人喜歡使用相似的字體，但這種方式是錯(cuò)的，很多時(shí)候相似的看上去并不對(duì)。

相反，應(yīng)該精心挑選對(duì)比鮮明的字體，新手設(shè)計(jì)師可以選擇serif vs sans-serif（英文字體），如上圖

未完待續(xù)…

譯文來(lái)自：@企業(yè)官網(wǎng)設(shè)計(jì)精選

原文地址：nickkolenda

【系列文章回顧】戳下面鏈接快速到達(dá)：

1）在網(wǎng)頁(yè)設(shè)計(jì)中幫助用戶(hù)實(shí)現(xiàn)目標(biāo)

2）在網(wǎng)頁(yè)設(shè)計(jì)中如何引導(dǎo)用戶(hù)的注意力

3）在網(wǎng)頁(yè)設(shè)計(jì)中如何少讓用戶(hù)費(fèi)腦筋，保持操作流暢

4）在網(wǎng)頁(yè)設(shè)計(jì)中兼顧所有用戶(hù)和場(chǎng)景的3個(gè)技巧

5）當(dāng)用戶(hù)操作錯(cuò)誤時(shí)，如何在不影響用戶(hù)體驗(yàn)的情況下快速處理好