頁面大小要適中，中間還要留點(diǎn)空。這樣信息展開或者翻頁都容易點(diǎn)。一頁不要太長，往上翻滾動條都翻累shi了。

導(dǎo)航（滾動要朝著一個方向）

確保你設(shè)計的內(nèi)容只往一個方向滾，對用戶來說省力又省腦筋。

導(dǎo)航（列表要編號）

如果列表超過三四點(diǎn)，那就要編號，而不是敲個點(diǎn)就算完事兒。編號可以讓結(jié)構(gòu)感更強(qiáng)。

導(dǎo)航（標(biāo)簽）

寫標(biāo)簽本身就是個藝術(shù)。描述要清楚、簡潔。讓用戶一看就知道是怎么回事了。

導(dǎo)航（輸入欄上方標(biāo)簽）

標(biāo)簽放在輸入欄上面而不是里面。因?yàn)槿绻麡?biāo)簽在輸入欄里面，那屏幕朗讀的意義就不大了。因?yàn)樗粫x出輸入的內(nèi)容，就讀不出標(biāo)簽了。

交互（觸摸對象、目標(biāo)）

給觸屏設(shè)備做設(shè)計時，要考慮到手指使用起來方便。最小的觸摸塊差不多是7mm×7mm，每個間隔至少2mm，免得不小心兩個都按到了。如果是給大拇指設(shè)計的，那就要寬點(diǎn)，成人拇指一般25mm寬。

交互（按鈕）

在應(yīng)用里，一般開始進(jìn)程都是用按鈕，要是用超鏈接，用戶就會凌亂了。

交互（超鏈接）

說到超鏈接，不是超鏈接就不要隨便用下劃線了，免得誤導(dǎo)用戶。

錯誤操作預(yù)防（設(shè)計）

力圖通過設(shè)計把產(chǎn)品使用時可能發(fā)生的錯誤降到最少。

有很多方法，比如把有用的放在前面，沒用的或者是不小心就會誤操作的隱藏起來；（刪除時）使用警示語或者讓用戶再確認(rèn)，或者做個可以自動防止出現(xiàn)故障的補(bǔ)救系統(tǒng)。在關(guān)鍵時刻，要提醒用戶，知道自己在做什么，而不是放任TA自己瞎弄。

錯誤操作預(yù)防（數(shù)據(jù)確認(rèn)）

移動設(shè)備太小了，搞不好信息就輸錯了，所以要提示用戶輸入的東西是否正確。

錯誤操作預(yù)防（自由文本）

提供默認(rèn)值選項(xiàng)，不要全讓用戶自己輸入，減少錯誤率。

錯誤操作預(yù)防（檢查、確認(rèn)、修正）

讓用戶在輸入數(shù)據(jù)后，檢查一遍再提交，必要時還可以再重來一遍修正自己的選擇。

預(yù)防錯誤（提交信息可撤回）

如果你的app會產(chǎn)生很不好的東西，比如刪除內(nèi)容，那就要設(shè)計逆向操作。比如，一周自動清空一次回收站，或者一鍵還原之類的。

文本內(nèi)容

設(shè)計格局重要但是信息也很重要。不清楚的標(biāo)簽或者指示會讓用戶產(chǎn)生混亂，所以花點(diǎn)時間想想你究竟要表達(dá)什么，是不是做到位了。左下這個例子，用戶按cancel是取消命令，還是取消取消命令呢？

文本信息（大塊信息要拆零）

大塊信息要拆分，用戶才好理解。最多用五句話。

文本信息（把文本轉(zhuǎn)成圖形）

有些用戶，比如說有閱讀障礙的，他們的組織能力不太好，所以可以把大段的文字轉(zhuǎn)成圖表，信息就能變小塊一點(diǎn)，也有序一點(diǎn)。

文本信息（縮寫）

如果使用縮寫，確保第一次使用的時候要讓用戶知道縮寫代表什么，就是完整的詞長什么樣子。當(dāng)然最好就是不用縮寫，對于有的用戶來說，記縮寫的意思也不容易！

文本信息（鏈接）

“Click here（點(diǎn)這里）”是個好的超鏈接符號嗎？錯！因?yàn)檫@個沒有顯示任何關(guān)于鏈接內(nèi)容的有價值的信息，而且用觸屏的人壓根就沒鼠標(biāo)能夠“click（點(diǎn)擊）”。要起到導(dǎo)航作用，超鏈接的字必須清晰描述指向什么。這樣用戶眼睛掃過一個頁面就能看到想找的內(nèi)容的鏈接。有時候還可以順便把鏈接的文件大小也寫上，萬一需要下載呢？

反饋

執(zhí)行任務(wù)過程中不時給用戶一些反饋，讓TA安心一點(diǎn)。你想，萬一執(zhí)行任務(wù)時app卡住了，或者按了按鍵什么反應(yīng)都沒有，你是不是很火大？

反饋（多種感官）

提供反饋可以是多種形式的。比如，設(shè)置聲音提醒對失聰者來說就沒意義，或者如果用戶在很嘈雜的環(huán)境里，提示音似乎也起不到任何作用。

反饋（錯誤信息）

如果出現(xiàn)錯誤了，要讓用戶理解，到底出了什么問題，還要提供解決方案，給TA指出解決的途徑。

反饋（錯誤鄰近）

設(shè)計時，把錯誤信息放在相關(guān)的位置，這樣能幫助用戶明確比對，找出問題所在。

排印

排版很重要，影響到產(chǎn)品是不是好用。尤其是對視覺或者感知有障礙的用戶，文本長度和是否容易理解會直接影響用戶體驗(yàn)。

字體大小

至少是12pt字號，16pt讀起來就比較舒服了。字太小看起來很費(fèi)勁，萬一屏幕分辨率再低點(diǎn)，就更累了。

單句長度

每句差不多80個字母。再長點(diǎn)，用戶可能就辨不清句子開頭和結(jié)尾了。一般設(shè)計在45-75個字母，最好是66個字母（含空格）。

排版間距

間距合適這樣才能看得清。推薦字符行距是1.5倍。段落間距再是行距的1.5倍。這樣每個段落看起來就很清晰了。

排版（對齊）

多行文本一般左對齊?？崭翊笮∫恢?，不要亂用居中對齊，免得沒幾個字的都要占一行。

排版（格式）

格式簡單才好認(rèn)。Serif格式對于有閱讀困難的人就不方便，斜體或者下劃線也會有模糊焦點(diǎn)的作用。整句或者整段都大寫不僅讀起來不方便，而且給人一種咆哮體的感覺。

排版（格式）

避免動態(tài)，或者閃爍的文本設(shè)計，照顧一下閱讀困難的人吶。這很容易讓人崩潰！

格式（信息截斷）

除非必要，不要隨便截斷信息，后面隱藏的內(nèi)容都是有用的呢。

排版（圖文結(jié)合）

不要圖文混一塊，除非用代碼。把這兩個分開意味著：聲音朗讀軟件能辨識出文字并讀出來，然后字號和顏色可以根據(jù)用戶喜好而改變——如果把文字嵌進(jìn)圖像里，上面兩個都實(shí)現(xiàn)不了了。

顏色（視覺輔助）

用圖標(biāo)和顏色幫助用戶辨別頁面上的內(nèi)容。特別是對于感知能力不太好的用戶。當(dāng)然，用什么顏色得前后保持一致。

顏色（不要只依賴于顏色）

不要單獨(dú)只依賴顏色來傳遞信息。有些移動端顏色分辨率不好，或者使用時光線不好，兩者都會減弱顏色的效果。差不多8%的男人是色盲呢！傻傻分不清楚！

顏色（選擇）

如果用顏色來呈現(xiàn)信息，比如說用柱狀圖，那可以在柱狀圖上加些紋理來區(qū)分。

顏色（對比）

文字和背景色明確的顏色對比，能夠確保用戶看得清。而且要確保，即使在光線不是特別充足的時候，顏色對比度也足夠用。

顏色（對比格子）

有很多可以用來測顏色對比的軟件。比如說Color Contrast Analyser和Jonathan Snook的網(wǎng)上測試工具，只要輸入兩個顏色就可以對比出來。最低標(biāo)準(zhǔn)是AA，AAA更好，對比度更大，但是太大對設(shè)計就不好了。這些測試也要區(qū)分是正文字體還是“超大”文本（18pt或者14pt粗體字）

顏色（ADD）

如果必須要描述顏色，而且還不能用文字，你可以用ColorADD，它可以用符號代表顏色。這些符號不僅可以表示顏色，還能表示顏色的深淺呢。

ColorADD

ColorADD網(wǎng)站上內(nèi)容更多，還有針對色覺障礙的人群的符號。

閃爍

設(shè)計里有一閃一閃的東西可能會令人崩潰。所以屏幕上最好不要有一秒內(nèi)閃爍超過3下的東西。

運(yùn)動

會動的設(shè)計對有學(xué)習(xí)障礙或者無法集中注意力的人可能產(chǎn)生困擾，閱讀速度不快的人也希望頁面能靜止不動，這樣才能夠把東西看完。所以，如果設(shè)計中如果確實(shí)需要移動某些內(nèi)容，不要設(shè)置成自動運(yùn)動，還要提供暫停和停止按鈕，這樣方便用戶選擇。

測試

測試看看你的設(shè)計是不是好用，比如說黑白顏色、放大縮小、或者文本朗讀的功能。要在真實(shí)的東西上，找人嘗試，不要總是模擬。

測試（Adobe預(yù)覽——色覺障礙）

隱藏在View>Proof Setup Menu下拉菜單里面就是最常見的幫助有色覺障礙人群的工具，可以快速檢測你的選色，對于有色覺障礙的人來說是否會造成困擾。

測試（紅綠色盲）

Sim Daltonism也可以用來做上面的事。不僅適用于PS，整個OS系統(tǒng)都適用，無論光標(biāo)停留在什么地方，都能提供一個大小可調(diào)的懸浮窗來過濾。

休息一下，未完待續(xù)。期待第四章喔

歡迎關(guān)注譯者微信公眾號：UIBANG

譯文地址：uik.me

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com