SystematizeDesign包容性设计指南

新知榜官方账号

2023-07-04 20:22:48

SystematizeDesign包容性设计指南

需求分析能力是指能够从用户、市场、行业等多方面发现和定义产品的需求，以及将需求转化为可执行的产品方案的能力。在庞大的互联网世界里，有许多用户的存在，其中有一小部分人，可能理解能力不强，或者视听能力受限，我们在设计产品时应当尽量去给他们提供更好的体验。本文作者融合行业经验和实际反馈，完成了这份「SystematizeDesign包容性设计指南」，一起来看一下吧。

为何包容？

在这个多样化的世界上，并不是所有人都能毫无障碍地使用各种产品。优秀的包容性设计，不仅让残疾人用户正常地与产品交互，还会为普通人提供更好的使用体验。所有人都在某些时候是残疾人，无障碍的产品对所有用户都是更好用的产品。

怎样包容？

让我们先从视障人士的部分使用路径开始，了解他们是如何接触互联网的。在视障人士的操作过程中，可听的文本信息是十分重要的。向他们所提供的信息需要做到「简单」、「关键」、「清晰」。现在，让我们对比听障人士与普通人获取信息的方法，了解他们是如何接触互联网的。依此，我们可以得出一个结论：在听障人士的操作过程中，可视的文本信息是十分重要的。向他们所提供的信息同样需要做到「简单」、「关键」、「清晰」。在逐步的总结中，我们可以得出下面的结论：最好不要做：将信息过度精炼，使其难以发现痴迷于「悬浮」之类的交互方式痴迷于用颜色和图标表达一切信息让过多无用文本充斥于页面你可以做到：将图标中的信息提炼为文本将信息不仅仅用颜色表达出来提供将多媒体内容转换为文本的工具这是最基础的对于包容性设计的原则，接下来，让我们了解对于更多人也有效的包容性设计措施。

深入了解

所有人都在某些时候是残疾人，无障碍的产品对所有用户都是更好用的产品。让我们看看谷歌安卓无障碍团队与他们的DesignLead做出了什么优秀的包容性设计。

做出改变

首先，让我们通过几个简单的要求让你的产品拥有更多的包容性：保证对比度，让文字和段落以不改变内容含义的次序呈现。让用户有能力跳过没有必要的内容。提供一些细微的反馈，声音，震动都是好办法，但不要把他们当作主要反馈方法。不要让颜色成为唯一的提示。组件的可点击区域足够大、间距足够远，不要让它们变成「小巧玲珑」而无用的东西。

文字是表述的最佳方案

图片，图标，视频内容都是视障人士无法触及的内容，抽象且需要一定时间了解。如果有能力的话，做到以下几点不仅可以帮助到视障人士，还可以让更多人轻松的使用你的产品：状态与许多其他的反馈不应止步于颜色和图标。为图标，图片，视频等内容提供文字描述，清晰易懂还包含重要信息是重要的关注点。千万注意！可不要痴迷于提供过多的信息，你肯定不希望让屏幕阅读器播报一个图标的含义后，再阅读一遍这个图标旁边的描述文字吧？

即时反馈

反馈用户的操作是十分重要的。提供一些细微的反馈，声音，震动都是好办法，但不要把他们当作主要反馈方法。不要让颜色成为唯一的提示。组件的可点击区域足够大、间距足够远，不要让它们变成「小巧玲珑」而无用的东西。

本页网址：https://www.xinzhibang.net/article_detail-5482.html

寻求报道，请

关键词

分享至微信：

相关工具

图宇宙

高品质AI智能设计平台

美图设计室

美图推出的AI海报设计工具，一键生成海报宣传图

Luma AI

AI 3D捕捉、建模和渲染

Alpaca

将生成式AI集成到Photoshop图像设计中

美间

AI软装设计、海报和提案生成工具

Eva Design System

基于深度学习的色彩生成工具

AI软件介绍及教程领取方式

AI软件介绍及教程领取方式AI软件的全称叫"AdobeIllustrator"，与Photoshop、CorelDRAW并称平面设计领域三剑客！illustrator以其强大的功能和体贴用户的界面，已经占据了全球矢量编辑软件中的大部分份额。平面设计、AI、Illustrator、AI安装包、AI素材

分类标签 AI软件Illustrator平面设计

12-03 08:49

Illustrator使用指南

Illustrator使用指南Illustrator是一款矢量图绘制软件，主要用于图形的制作，如印刷品的输出（书籍、包装、彩页等）、企业VI手册设计（企业形象识别系统）、企业LOGO设计、矢量插画等。初始化设置1. 工作区布局Illustrator工具的工作布局主要分为“基本功能”、“排版版面”、“

分类标签 Illustrator矢量图设计

12-03 08:48

中国Z世代数据报告设计风格分析

中国Z世代数据报告设计风格分析最近看到一份很有趣的数据报告，内容有意思，设计更有意思！这就是麦肯中国官方发布的一份，关于中国Z世代的数据报告！整份数据报告PPT的风格十分突出，封面以不规则的几何图形为背景和修饰元素，颜色上也是多色渐变为主，背景以蓝色为底，整体十分看起来是很的鲜活和年轻化！目录页目录

分类标签中国Z世代数据报告设计思路

12-02 02:29

视频翻译工具MyHeyGen教程

视频翻译工具MyHeyGen教程近期，一款名为“视频翻译”的工具引起了广泛关注。这不是一个简单的网页应用，而是一个可以免费部署在个人电脑或服务器上的实用程序。它的强大之处在于能够翻译任意时长的视频内容。所谓的视频翻译，实际上是指同声传译。虽然这类工具并非近期才问世，市场上已有多款成熟产品，例如我之前

分类标签视频翻译MyHeyGen教程

11-28 08:55

AR/VR周报：鸿海科技计划收购佐臻，Meta宣布Quest商店营收超15亿美元等

AR/VR周报：鸿海科技计划收购佐臻，Meta宣布Quest商店营收超15亿美元等本周AR/VR行业有多项新闻，包括鸿海科技计划收购佐臻、Meta宣布Quest商店游戏和应用总流水超15亿美元等。以下是本周AR/VR行业的一些重要新闻：鸿海科技计划收购AR眼镜ODM厂商佐臻。RokidMax正式发布

分类标签 ARVR鸿海科技佐臻MetaQuest商店

10-17 02:22

如何使用Illustrator制作立体字效果

如何使用Illustrator制作立体字效果在设计中，立体字效果是常用的技巧之一。本文将介绍如何使用Illustrator制作立体字效果。步骤一：绘制图形首先，在Illustrator中使用椭圆工具绘制一个正圆，并用刻刀工具分成三段。然后，右键排列置于顶层，分别拖入文字。选择第一个线框和文字，建立封

分类标签 Illustrator立体字设计

10-14 16:32

2021年UI设计最新趋势

2021年UI设计最新趋势本文介绍了2021年UI设计的最新趋势。1、3D图像3D图像将继续流行，尤其是当普通UI设计师真正用3D创建一些东西变得越来越容易的时候！试试名为Spline的3D工具–目前还在测试阶段，但如此惊人且易于使用！网址：spline.design3D也被广泛用于全屏动画，作为主

分类标签 UI设计趋势玻璃拟态

10-14 16:30

AI在3D建模中的无限可能

AI的崭新作用AI在3D建模中扮演了多重角色。首先，它可以自动化识别和处理大量的数据，这对于复杂建筑项目和数字孪生技术至关重要。AI算法能够分析大量的地理数据、传感器信息和图像，帮助建筑师和工程师更好地了解项目背后的潜力和挑战。这种数据驱动的方法不仅提高了建模的准确性，还减少了潜在的错误和人为干预。

分类标签 AI3D建模数字时代

10-14 16:28

B端图标设计实践指南

B端图标设计实践指南在B端产品中，图标是非常重要的一部分，它不仅能够提升产品的美感，还能够帮助用户更好地理解产品的功能和使用方法。因此，B端产品的图标设计需要严谨、高效、高质量。本文主要讲解B端图标设计的实践指南，包括图标的分类、设计规范、图标库的选择等方面，帮助B端设计师更好地进行图标设计。...

分类标签 B端图标设计系统图标库字体图标SVG

10-02 09:26

ngx-admin——基于Angular8+的可自定义管理仪表板模板

ngx-admin——基于Angular8+的可自定义管理仪表板模板ngx-admin是一个基于Angular8+的可自定义管理仪表板模板，最新版本V4.0.1，采用MIT协议发布。它是当前最受欢迎的管理仪表板之一，基于Angular8+，Bootstrap4+和Nebular，支持EvaDesig

分类标签 ngx-adminAngular8+可自定义管理仪表板模板开源

09-20 23:00

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway