優(yōu)秀的設(shè)計(jì)師有時(shí)會(huì)無視設(shè)計(jì)法則。但當(dāng)他們這樣做的時(shí)候，通常會(huì)有一些補(bǔ)償性的措施。除非你確定你能做得那么好，否則最好還是遵守這些法則?！に固貍惪耍╓illiam Strunk）

設(shè)計(jì)師必須具備豐富的知識(shí)儲(chǔ)備，在各個(gè)行業(yè)中找尋相通的規(guī)律和事物的本源。經(jīng)過多年的沉淀，前輩們留下了大量的通用設(shè)計(jì)法則，小編匯集法則進(jìn)行講解，抓取法則在用戶界面設(shè)計(jì)中的呈現(xiàn)，幫助大家更好地理解和運(yùn)用。法則包含跨學(xué)科的專業(yè)知識(shí)，重拾那些被忽略的本源，將其融入日常設(shè)計(jì)和用戶體驗(yàn)體系中，活用法則來驗(yàn)證自己的設(shè)計(jì)過程和設(shè)計(jì)成果。

通用設(shè)計(jì)法則1：「無障礙使用」

早期在設(shè)計(jì)行業(yè)提到「無障礙使用」法則時(shí)，首先會(huì)想到的是運(yùn)用設(shè)計(jì)優(yōu)化無障礙使用功能（方便殘障人士使用的功能）。隨著人們對(duì)「無障礙使用」設(shè)計(jì)知識(shí)的不斷積累，人們最終意識(shí)到這些設(shè)計(jì)出來的無障礙產(chǎn)品不僅僅適合于殘障人士，當(dāng)大眾用戶體驗(yàn)時(shí)會(huì)有更好的表現(xiàn)。

「無障礙使用」（Accessibility）法則的定義是：「一個(gè)好的產(chǎn)品設(shè)計(jì)不需要特別調(diào)整或修改，就能很好地服務(wù)于各種有需求的用戶」。簡單來說我們可以這么理解：「無障礙設(shè)計(jì)讓用戶能夠順利地理解和使用你的界面?！?/p>

由此可知「無障礙使用」的原則是：「一個(gè)好的產(chǎn)品，所有用戶均可訪問，包含低視力、失明、聽力障礙、認(rèn)知障礙和運(yùn)動(dòng)障礙。提供產(chǎn)品的無障礙特性能夠增強(qiáng)所有用戶的可用性?！?/p>

好的無障礙設(shè)計(jì)具有四大要素：易讀性、易操作性、簡易性、包容性。

一、易讀性

所謂「易讀性」，就是指不論使用者在感官能力上有何差異，能保證讓每一位使用者都可以理解的設(shè)計(jì)。在擬物化流行的時(shí)代，圖標(biāo)繪制精細(xì)，追求與實(shí)物的高相似度，用戶非常容易理解圖標(biāo)所表述的功能。自從到了扁平化時(shí)代，視覺風(fēng)格不斷追求極簡，用戶對(duì)圖標(biāo)表達(dá)的功能容易產(chǎn)生歧義，這時(shí)設(shè)計(jì)師需要給用戶添加線索，引導(dǎo)用戶發(fā)現(xiàn)產(chǎn)品的功能和使用方法。

提升易讀性的基本方法如下：

1. 多種不同的標(biāo)注形式來呈現(xiàn)信息（例如文字、圖像、觸覺）

淘寶功能球采用的都是扁平的設(shè)計(jì)風(fēng)格，單一的視覺圖形是不能完全被理解的，通過下方的文字可以與之互補(bǔ)（錘子手機(jī)的桌面圖標(biāo)是擬物化風(fēng)格，從而增加了去掉文字標(biāo)題的功能）；上海專享、淘鮮達(dá)、淘搶購、有好貨這些頻道側(cè)面或下方添加了副標(biāo)題，加強(qiáng)了對(duì)頻道功能的描述；在海淘中，圖片和直播視頻用尺寸大小和 icon 做了區(qū)分。

2. 輔助性的感官設(shè)計(jì)提高產(chǎn)品的使用多樣性

在微博發(fā)現(xiàn)頻道中的視頻內(nèi)容，用戶上下滑動(dòng)時(shí)一屏只高亮并播放一個(gè)視頻；用戶停留觀看一個(gè)視頻時(shí)，將文字描述內(nèi)容也一同變暗，進(jìn)入沉浸式體驗(yàn)，減少多余信息對(duì)用戶的干擾。

3. 以合理的方式呈現(xiàn)操作裝置和信息，用戶不論站著或坐著都可以輕松地去理解和操作

抖音點(diǎn)擊屏幕可以播放或是暫停短視頻，上滑觀看新的短視頻，下滑看前一條短視頻（觀看第一條短視頻時(shí)下滑刷新所有內(nèi)容）。沒有多余的操作方式和難度，使得抖音的用戶使用場(chǎng)景非常廣泛。

二、易操作性

所謂「易操作性」，就是指不論用戶的身體狀況如何，都可以使用的設(shè)計(jì)。小編首先想到的是智能音箱和語音輸入，語音交互確實(shí)讓我們的生活變得更加便利了，也增加了操作的趣味性和想象空間。

提高設(shè)計(jì)易操作性的基本方法如下：

1. 最大限度減少用戶的重復(fù)性操作和不必要的體力消耗

QQ 在快速消除未讀消息提示這方面做的非常好，按住提示氣泡直接脫開就可以了，再也不用一個(gè)一個(gè)的點(diǎn)開聯(lián)系人和群，提高操作效率，增加了趣味性。

2. 運(yùn)用完善和簡單的功能及指導(dǎo)準(zhǔn)則，使操控裝置變得更加容易使用

大眾點(diǎn)評(píng)的評(píng)論功能有許多小細(xì)節(jié)，評(píng)分每個(gè)等級(jí)的表情動(dòng)態(tài)都不一樣，用戶可以根據(jù)表情感受等級(jí)的區(qū)別；根據(jù)評(píng)論字?jǐn)?shù)的多少，下方的文字提示也隨之改變，一步步引導(dǎo)用戶增加評(píng)論字?jǐn)?shù)。

3. 利用創(chuàng)新交互方式，為用戶提供方便的操作環(huán)境

天貓精靈將 APP 和智能硬件結(jié)合，使用語音進(jìn)行操作互聯(lián)，打造智慧家庭環(huán)境，年老者和殘障人士不用過多學(xué)習(xí)，可以直接操作。

4. 以合理的方式呈現(xiàn)操控裝置和信息，用戶不論站著或坐著都可以很輕易去操作

你今天真好看的測(cè)一測(cè)功能，使用外置鏡頭拍攝面部皮膚狀況，開啟人聲引導(dǎo)功能，通過語音引導(dǎo)用戶調(diào)整拍攝距離以及操作步驟并達(dá)到可測(cè)試范圍，用戶可以很便捷幫助他人測(cè)試或自測(cè)。

三、簡易性

所謂「簡易性」，就是在用戶具備不同的經(jīng)驗(yàn)背景、文化程度和注意力的情況下，保證每個(gè)用戶都易于操作的設(shè)計(jì)。在做交互設(shè)計(jì)時(shí)我們需要斟酌流程的簡化程度和提示的數(shù)量，用戶的理解力難以衡量，具有多樣性。

提高簡易性的基本方法如下：

1. 減去一些不必要的復(fù)雜裝飾設(shè)計(jì)

毒湯日歷的頁面非常簡潔，功能一目了然，不需要什么學(xué)習(xí)成本就能理解該產(chǎn)品的使用方法。

2. 采用清楚明了、持續(xù)統(tǒng)一的提示符號(hào)和操作信息，來標(biāo)明操作方式

大部分 APP 的消息提醒功能用的都是紅點(diǎn)，用戶已經(jīng)習(xí)慣了這樣的提示方式，再次使用的時(shí)候可以減少教育成本。（比如下拉刷新、左滑刪除）

3. 循序漸進(jìn)地說明和標(biāo)注相關(guān)信息和操作方式，減去一些無關(guān)的信息干擾

支付寶的支付流程一步步引導(dǎo)用戶進(jìn)行支付，通過底部彈窗內(nèi)流程的變化，聚焦任務(wù)完整度，并且去除了很多繁瑣的步驟，其中付款方式可以自行排序（選擇常用方式，快速完成支付）。

4. 所有操作說明，都應(yīng)提供清楚地提示和反饋，確保信息簡單易懂，適合不同文化程度的用戶

探探的左右滑操作分別表示不喜歡和喜歡，并且在切換時(shí)底部的圖標(biāo)會(huì)有動(dòng)態(tài)提示，簡單便于理解，進(jìn)入個(gè)人詳情頁后圖標(biāo)與首頁圖標(biāo)操作相同。

四、包容性

所謂「包容性」，就是指用戶操作錯(cuò)誤及其導(dǎo)致的后果最小化的設(shè)計(jì)。在設(shè)計(jì)支付流程和刪除功能（不可修改的操作、金錢交易、私密信息填寫等可能造成嚴(yán)重后果的情況）時(shí)需要提醒用戶確認(rèn)。

提高包容性的基本方法如下：

1. 用健全的功能可見性和可操作性來預(yù)防錯(cuò)誤

訊飛聽見的首頁只有兩個(gè)功能入口，分的很清楚，進(jìn)入功能模塊后只標(biāo)注了正確使用方法，減少對(duì)用戶的干擾。

2. 用確認(rèn)和警告來預(yù)防錯(cuò)誤

在表單設(shè)計(jì)中常常會(huì)出現(xiàn)提示和警告，幫助我們快速填寫和修正信息，避免返工。

3. 加入設(shè)計(jì)自正性（設(shè)計(jì)自我調(diào)整）的操作功能和安全網(wǎng)，減輕或避免因錯(cuò)誤造成的后果

滴滴出行的定位功能會(huì)根據(jù)用戶的實(shí)時(shí)位置進(jìn)行調(diào)整，并且與相關(guān)物理參照位置做比對(duì)調(diào)整，還可以選擇歷史定位；除此之外在滴滴內(nèi)進(jìn)行截圖都會(huì)出現(xiàn)截圖反饋的功能，用戶體驗(yàn)很友好，這也是一種自我調(diào)整的方式。

作者：Mills張聿彤

來源：微信公眾號(hào)“三分設(shè)（ID：sanfen-design）”

本文由 @三分設(shè) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議