互联网无障碍优化，是成为“更好”产品经理的途径( 四 )
2. 无障碍功能设计要点
本文插图
这些年总计下来的经验 ， 就产品无障碍优化来讲 ， 通常考虑八大设计要点 。
首先是给你的产品界面提供一个合理的页面布局以及导航方式：我们日常打开一个产品 ， 第一面的眼缘很重要；所以你的布局清晰、流程清晰 ， 你才会愿意使用 。
第二点是设置控件焦点：就比如手机上的毒品软件的焦点；当然不仅适用于读屏软件 ， 也适用于其他需要辅助技术或相关技术；这些技术都是通过焦点去聚焦每一个空间和交互的空间 ， 进行相关的操作 。
第三点是为控件提供有意义的的标签/说明：比如每个控件会被读屏软件朗读出来 ， 他可能也会被其他的辅助技术显示出来；所以一些控件图标尤其是只有形状（比如小于号表示返回） ， 如果你不设置标签 ， 大家可能不知道是什么东西；所以产品经理要去给一个有意义的标签说明 ， 并且足够简单明确 。
第四点是合适的控件大小：如果说这个屏幕上你密密麻麻放了非常多的控件 ， 或者说你集中在某个区域放了大量的控件 ， 每个控件都很小 ， 其实是非常容易发生误触的；对于用户来讲是有一些困难的 ， 不管是读屏或者是运动障碍的用户 ， 本身在触摸上就有一些困难 ， 就更没办法去操控 。
第五个是足够的对比度：比如有色盲、色弱、视障、老年用户 ， 在对比度强烈的情况下 ， 才有可能让大家看清楚；比如说像今天我的PPT ， 我的同事就被我这个要求改了两个版本 ， 因为在之前的版本在设计上 ， 文字跟背景的对比度达不到我们的这个标准 ， 所以我们也一直在改进 。
第六个是不以单一的感官形式传递信息：比如说有一些输入编辑框 ， 尤其是登录的编辑框 ， 要输入账号和密码 ， 然后最后用户输错了弹出红色的框 ， 色盲的用户没办法分辨；这个解决方式是多养的 ， 比如验证码 ， 除了图形验证码还有语音验证码；用户点击按钮后听到一段语音 ， 通过这种方式解决问题 。
第七点就是一致性：这些控件图标、控件说明 ， 对于产品的无障碍设计来说需要有一个相对一致性的原则 。
第八点是提供合理的替代方案：比如设计一个通过感官完成的一个游戏 ， 这种时候需要考虑是不是所有的用户都能使用这个产品 ， 这时要提供一个和伦理的替代方案 ， 比如文字解释 ， 让用户可以主动的操作；同时大家在产品方案上 ， 尽量避免使用闪烁频次很高的方案 ， 因为这种方案对于本身有神经异常的用户来说 ， 可能是个致命的问题 ， 所以一定要注意 。
3. 灵魂拷问缺时间缺钱缺资源 ， 没有余力考虑无障碍 ， 该怎么办？
公司已有一个大产品 ， 该从哪里入手做无障碍？
1）现有产品如何进行无障碍优化
谷歌的安卓无障碍设计师夏冰莹提出的一个概念：最小化可实行产品 。
将你的这个产品进行拆分 ， 然后在每个最小化可实行产品上做到以下四点：
第一点是上文说到的对比度 ， 采用对比度足够高的颜色搭配 。
【互联网无障碍优化，是成为“更好”产品经理的途径】比如下图的例子：对比度高和对比度低的差异是十分明显的 ， 如果对比度太低无法看清图中的文字 ， 所以要用对比度较高的 。
本文插图
第二个是不依赖颜色来区分重要信息 。 上文中说到 ， 如果输入框输错时 ， 只是通过颜色来区别的话 ， 那对于一些视障用户还是无法区分 ， 这个时候最好加上文字描述 ， 如下图 。
第三个是确保点击区域足够大 。 比如下图微博的例子 ， 右上角有非常密集的按钮 ， 其实就很容易误触 ， 对于障碍用户来说是个问题 ， 所以我们一定要保障每个控件有足够大的空间 。
推荐阅读
- 游戏老斯鸡|李白首次加入，史诗优化二选一，小乔有全皮肤的巨赚！，8号皮肤碎片升值了
- NBA2KOL|NBA2K21操作怎么设置 投篮操作优化设置参考
- 王者荣耀|钟馗全皮优化之后，再次迎来史诗加强，张大仙：赚大了！
- 百辐网：工业互联网公益宣讲片《融合的力量》——新技术助推中小企业转型升级
- 好六网|头变小拥有大长腿，新拖尾唯美，主页装扮升级，小乔头身比例优化
- 穿搭|衣服买回去经常压箱底？不妨对照这4点，学会扬长避短和优化细节
- 互联网医院半数亏损 2020互联网医疗行业现状及发展前景趋势分析研究报告
- 全球门户升级：支持多端口小程序，开启新的互联网入口
- 优化创新创业环境 西安航空基地企业上云上平台步入快车道
- 电竞大叔OvO|宫本人气仅排第二，钟馗优化自身特效堪比史诗，三位英雄重塑来袭