超实用！通用设计法则解析之「无障碍使用」

设计师必须具备富的识储备，在各个行业中找寻相通的规律和物的源。经年的沉淀，前辈们留下大量的通用设计法则，小编汇法则进讲解，抓取法则在用户界设计呈现，帮助大家更好理解和运用。法则含跨学专业知识，拾那些被忽略本，将其融入日常设计和用户体验体系，活用法则来验证自己设计过程和设计成。

优的设计师有时无视设计法则。但当他们样做的时，通常有一补偿的措施。除非你确定你能做得么，否则最还是遵守法则。——威廉·斯特伦克（William Strunk）

「无障碍使用」

早期在设计行业提到「无障碍使用」法则时，首先想到的是运用设计优化无障碍使用功能（方便残障人士使用的功能）。随着人们对「无障碍使用」设计识的不断积累，人们最终意识到设计出来的无障碍产品不仅仅适合残障人士，当大众用户验时有更的表现。

「无障碍使用」（Accessibility）法则的义：「一好的产品设不需特别调整或修改，就能很好服务于各种需求的用户」。简单我们可以这么理解：「无障碍设计让用户能够顺地理和使用你的界面。」

由此可知「无障碍使用」的原则：「一好的产品，所用户均可访问，包含低视力、失明、听力障碍、认知障碍运动障碍。提供产品的无障碍特性能够增强所用户的可用性。」

好的无障碍计有四大要素：易读性、易操作性、简易性、包性。

一、易读性

所谓「易读性」，就指不论使用者感官能力何差异，能保证让每一使用者都可以理解的设。拟化流行的时，图标绘制精细，追求与实的高相似度，用户非常易理解图标所表述的功能。自从到了扁平化时，视觉风格不断追求极简，用户对图标表达的功能易产歧义，这时设师需给用户添加线索，引导用户发产品的功能使用方法。

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

1. 多种不同的标注形式来呈现息（例如文字、图像、触觉）

淘宝功能球采用的都扁平的设风格，单一的视觉图形不能完全被理解的，通过下方的文字可以与之互补（锤子手机的桌面图标拟化风格，从增加了去掉文字标题的功能）；海专享、淘鲜达、淘抢购、好这些频道侧面或下方添加了副标题，加强了对频道功能的描述；海淘中，图片直播视频用尺寸小 icon 了区分。

2. 辅性的感官设提高产品的使用多样性

在微博现频道中的视频内容，用户上下滑动时一屏只高亮并播放一个视频；用户停留观看一个视频时，将文字描述内容也一同变暗，进沉浸式验，减少余信息对用户的干扰。

3. 以合理的方式呈现操装置和信息，用户不论站着或坐着以轻松地去理和操

抖音击屏幕可以播放或是暂短视频，上滑观看新短视频，下滑看前条短视频（观看第条短视频时下滑刷新所有内容）。没有多余操作和难度，使抖音用户使用场景常广泛。

二、易操作性

所谓「易操作性」，是指不论用户身体状况如何，都可以使用设计。小编首先想到是智能音箱和语音输入，语音交互确实让我们生活变更加便利了，也增加了操作趣味性和想象空。

提高设计易操的基方法下：

1. 最大度减少用户的重复操和不必要的力消耗

QQ 在快速消除未读消息提示这做常好，按住提示泡接脱开可以了，再也不用个个开联系和群，提高操作效率，增加了趣味性。

2. 运用完善和简单功能及指导准则，使操控装变更加容易使用

大众点评的评论功有许多小细节，评分每个等级的表情态都一样，户可根据表情感受等级的区别；根据评论字数的多，方的字示随之改变，一步步引导户增评论字数。

3. 利创交互方式，为户供方的操作环境

猫灵将 APP 和智能硬件结，使用语音进行操作互，造智慧家庭环，年老者和残障人士不用过多学习，可以直操作。

4. 以理的方式呈现操控装置和息，用户不论站着或坐着都可以轻易去操作

今天真好看的测一测功能，使用外置镜拍摄面部皮肤状况，启人声引导功能，通过语音引导用户调整拍摄距离以及操作骤并达到可测试范围，用户可以很便捷帮他人测试或自测。

三、简易性

所谓「简易性」，就用户具备不同的验背景、文化程度注意力的况下，保证每用户都易于操作的设。交互设时我们需斟酌流程的简化程度提示的数，用户的理解力难以衡，具多样性。

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

1. 减去一些不必要的复杂装饰计

毒日历的页面非常简洁，功能一目了然，不需什么学习本就能理解该产品的使用方法。

2. 采用清楚明了、持续统一的提示符操作信息，标明操作方式

大部分 APP 的消息提醒功能用的是红点，用户已经习惯样的提示方式，次使用的时以减少教育成。（比下拉刷新、左滑删除）

3. 循序渐进地说明和标注相关信息和操方式，减去一无关的信息干扰

支付宝支付流程步步引导用户进支付，过底部弹窗内流程变化，聚焦任务完度，并去除了很多繁琐步骤，其付款可以自排序（选择常用，快速完成支付）。

4. 所有操作说明，都应提供楚提示和反馈，确保信息简单易懂，适合不文化程度用户

探探的左右滑操作分别表示和，并且在切换时的图标会有态示，简单于解，进入个人详情页后图标与首页图标操作相同。

四、包容性

谓「包容性」，就是指户操作错误及导致的后果最小的设计。在设计支付流程和删除功（可修改的操作、金钱交易、私密信息填写等可成严重后果的情况）时需要醒户确认。

提高容性基本法如下：

1. 用健全功能可见性和可操作性来预防误

讯飞听见的首页只有两个功入口，分的很清楚，进入功模后只标注了正确使方法，减对户的干扰。

2. 确认和警告来预防错误

在表计中常常会出现提示和警告，帮助快速填写和修正息，避免返工。

3. 加入计正性（计调整）的操作功能和安全网，减轻或避免因错误造成的后果

滴滴出行的功能会根据用户的实时置行调整，并且与相关理参照置比对调整，还可以选择历史；除此之外滴滴内行截图都会出截图反馈的功能，用户体验很友好，这也一种自我调整的方式。

欢迎关注作者的公众号：「三」

图片素材作者：Jake Williams