起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識通用設計法則1：好的無障礙設計，具有四大要素
優秀的設計師有時會無視設計法則。但當他們這樣做的時候，通常會有一些補償性的措施。除非你確定你能做得那么好，否則最好還是遵守這些法則。——威廉·斯特倫克（William Strunk）
設計師必須具備豐富的知識儲備，在各個行業中找尋相通的規律和事物的本源。經過多年的沉淀，前輩們留下了大量的通用設計法則，小編匯集法則進行講解，抓取法則在用戶界面設計中的呈現，幫助大家更好地理解和運用。法則包含跨學科的專業知識，重拾那些被忽略的本源，將其融入日常設計和用戶體驗體系中，活用法則來驗證自己的設計過程和設計成果。
通用設計法則1：「無障礙使用」
早期在設計行業提到「無障礙使用」法則時，首先會想到的是運用設計優化無障礙使用功能（方便殘障人士使用的功能）。隨著人們對「無障礙使用」設計知識的不斷積累，人們最終意識到這些設計出來的無障礙產品不僅僅適合于殘障人士，當大眾用戶體驗時會有更好的表現。
「無障礙使用」（Accessibility）法則的定義是：「一個好的產品設計不需要特別調整或修改，就能很好地服務于各種有需求的用戶」。簡單來說我們可以這么理解：「無障礙設計讓用戶能夠順利地理解和使用你的界面?！?/p>
由此可知「無障礙使用」的原則是：「一個好的產品，所有用戶均可訪問，包含低視力、失明、聽力障礙、認知障礙和運動障礙。提供產品的無障礙特性能夠增強所有用戶的可用性?！?/p>
好的無障礙設計具有四大要素：易讀性、易操作性、簡易性、包容性。
一、易讀性
所謂「易讀性」，就是指不論使用者在感官能力上有何差異，能保證讓每一位使用者都可以理解的設計。在擬物化流行的時代，圖標繪制精細，追求與實物的高相似度，用戶非常容易理解圖標所表述的功能。自從到了扁平化時代，視覺風格不斷追求極簡，用戶對圖標表達的功能容易產生歧義，這時設計師需要給用戶添加線索，引導用戶發現產品的功能和使用方法。
提升易讀性的基本方法如下：
1. 多種不同的標注形式來呈現信息（例如文字、圖像、觸覺）
淘寶功能球采用的都是扁平的設計風格，單一的視覺圖形是不能完全被理解的，通過下方的文字可以與之互補（錘子手機的桌面圖標是擬物化風格，從而增加了去掉文字標題的功能）；上海專享、淘鮮達、淘搶購、有好貨這些頻道側面或下方添加了副標題，加強了對頻道功能的描述；在海淘中，圖片和直播視頻用尺寸大小和 icon 做了區分。
2. 輔助性的感官設計提高產品的使用多樣性
在微博發現頻道中的視頻內容，用戶上下滑動時一屏只高亮并播放一個視頻；用戶停留觀看一個視頻時，將文字描述內容也一同變暗，進入沉浸式體驗，減少多余信息對用戶的干擾。
3. 以合理的方式呈現操作裝置和信息，用戶不論站著或坐著都可以輕松地去理解和操作
抖音點擊屏幕可以播放或是暫停短視頻，上滑觀看新的短視頻，下滑看前一條短視頻（觀看第一條短視頻時下滑刷新所有內容）。沒有多余的操作方式和難度，使得抖音的用戶使用場景非常廣泛。
二、易操作性
所謂「易操作性」，就是指不論用戶的身體狀況如何，都可以使用的設計。小編首先想到的是智能音箱和語音輸入，語音交互確實讓我們的生活變得更加便利了，也增加了操作的趣味性和想象空間。
提高設計易操作性的基本方法如下：
1. 最大限度減少用戶的重復性操作和不必要的體力消耗
QQ 在快速消除未讀消息提示這方面做的非常好，按住提示氣泡直接脫開就可以了，再也不用一個一個的點開聯系人和群，提高操作效率，增加了趣味性。
2. 運用完善和簡單的功能及指導準則，使操控裝置變得更加容易使用
大眾點評的評論功能有許多小細節，評分每個等級的表情動態都不一樣，用戶可以根據表情感受等級的區別；根據評論字數的多少，下方的文字提示也隨之改變，一步步引導用戶增加評論字數。
3. 利用創新交互方式，為用戶提供方便的操作環境
天貓精靈將 APP 和智能硬件結合，使用語音進行操作互聯，打造智慧家庭環境，年老者和殘障人士不用過多學習，可以直接操作。
4. 以合理的方式呈現操控裝置和信息，用戶不論站著或坐著都可以很輕易去操作
你今天真好看的測一測功能，使用外置鏡頭拍攝面部皮膚狀況，開啟人聲引導功能，通過語音引導用戶調整拍攝距離以及操作步驟并達到可測試范圍，用戶可以很便捷幫助他人測試或自測。
三、簡易性
所謂「簡易性」，就是在用戶具備不同的經驗背景、文化程度和注意力的情況下，保證每個用戶都易于操作的設計。在做交互設計時我們需要斟酌流程的簡化程度和提示的數量，用戶的理解力難以衡量，具有多樣性。
提高簡易性的基本方法如下：
1. 減去一些不必要的復雜裝飾設計
毒湯日歷的頁面非常簡潔，功能一目了然，不需要什么學習成本就能理解該產品的使用方法。
2. 采用清楚明了、持續統一的提示符號和操作信息，來標明操作方式
大部分 APP 的消息提醒功能用的都是紅點，用戶已經習慣了這樣的提示方式，再次使用的時候可以減少教育成本。（比如下拉刷新、左滑刪除）
3. 循序漸進地說明和標注相關信息和操作方式，減去一些無關的信息干擾
支付寶的支付流程一步步引導用戶進行支付，通過底部彈窗內流程的變化，聚焦任務完整度，并且去除了很多繁瑣的步驟，其中付款方式可以自行排序（選擇常用方式，快速完成支付）。
4. 所有操作說明，都應提供清楚地提示和反饋，確保信息簡單易懂，適合不同文化程度的用戶
探探的左右滑操作分別表示不喜歡和喜歡，并且在切換時底部的圖標會有動態提示，簡單便于理解，進入個人詳情頁后圖標與首頁圖標操作相同。
四、包容性
所謂「包容性」，就是指用戶操作錯誤及其導致的后果最小化的設計。在設計支付流程和刪除功能（不可修改的操作、金錢交易、私密信息填寫等可能造成嚴重后果的情況）時需要提醒用戶確認。
提高包容性的基本方法如下：
1. 用健全的功能可見性和可操作性來預防錯誤
訊飛聽見的首頁只有兩個功能入口，分的很清楚，進入功能模塊后只標注了正確使用方法，減少對用戶的干擾。
2. 用確認和警告來預防錯誤
在表單設計中常常會出現提示和警告，幫助我們快速填寫和修正信息，避免返工。
3. 加入設計自正性（設計自我調整）的操作功能和安全網，減輕或避免因錯誤造成的后果
滴滴出行的定位功能會根據用戶的實時位置進行調整，并且與相關物理參照位置做比對調整，還可以選擇歷史定位；除此之外在滴滴內進行截圖都會出現截圖反饋的功能，用戶體驗很友好，這也是一種自我調整的方式。
作者：Mills張聿彤
來源：微信公眾號“三分設（ID：sanfen-design）”
本文由 @三分設 授權發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自 Pexels，基于 CC0 協議
??