【投稿】原创文章发布于 https://figma-file.store/blog/4494.html
什么是包容性设计？
先搞清楚一个概念： 包容性设计（Inclusive Design）≠ 无障碍设计（Accessibility Design）
无障碍设计 关注的是让有永久性、情境性或暂时性障碍（听力、视力、语言、运动、认知等）的用户能够顺利使用数字产品。
包容性设计 的格局更大------障碍只是用户身份的一小部分，无障碍设计只是包容性设计的一个子集。
从同理心到前瞻性设计
做产品设计的，估计都听过"同理心"这个词。但当设计目标是"包容"时，光有同理心远远不够。
Charles Eames 的一个比喻：
这位著名的工业设计师把设计师和用户的关系比作"主人和客人"------设计师就像一个体贴的主人，要提前想到客人需要什么。
但现实呢？
现在的数字产品很少做到这一点。预算卡着、deadline 压着、KPI 追着，设计师很难有精力跳出舒适区，去真正理解所有用户。
不包容的设计会带来什么后果？
- 轻则让一部分用户用得不顺手
- 重则伤害用户自尊，造成隐性歧视
做包容性设计前要问自己的三个问题：
- 我的设计把哪些人排除在外了？
- 怎么让他们的体验变得更好？
- 我有哪些想当然的假设，可能会导致排他？
跨文化包容性设计
难点在哪： 做跨文化设计特别考验功力。好的设计必须跨越语言障碍，深入理解不同文化的习惯、价值观和禁忌。
跨文化设计要考量什么
跨文化设计不是加个语言切换、换个货币单位、放几张"多元化"的图片就完事了。你得考虑这些：
- 色彩含义不同： 比如白色在中国文化里有丧葬的含义
- 符号理解不同： 手势、动物象征在不同文化里的意思可能完全相反
- 底层认知不同： 比如对时间的理解、对隐私的态度，文化差异很大
具体怎么做
1. 镜像设计（Mirroring）
产品如果面向全球用户（读写方向不同），要考虑：
- LTR（从左到右）和 RTL（从右到左）的完整适配
- 文字、图片、导航、按钮全部要镜像处理
- 图标的方向也要符合语义（比如箭头、进度条）
2. 图片要文化适配
选图不是随便抓一张就行。你觉得稀松平常的内容，在另一个文化里可能让人反感甚至觉得被冒犯。
原则： 确保你用的图片不会冒犯任何用户群体，不然人家直接关掉你的产品。这条规则不仅适用于图片，所有 UI 元素的调性都要遵循包容性原则。
3. 文字长度差异
不同语言的文字长度差异比你想象的大：
- 英文翻译成德文： 德语单词通常比英文长 30%-50%，还要考虑 ä、ö、ü 这些特殊字符
- 日文和意大利文： 一个紧凑一个松散，是文本伸缩的典型例子
- 中文： 相对紧凑，但要注意繁体和简体的区别
建议： 在设计初期就用弹性布局（Flexible Layout）解决文字长度问题，别等设计做完了再来调，费时费力。
4. 母语人士审核 + 文化检查
做好跨文化设计的关键一招：找母语人士来做语言和文化的双重把关。
文化检查清单：
- 图片审核（人物、场景、符号是否文化适配）
- 色彩适配（红色在中国是喜庆，在一些非洲国家代表危险）
- 短语和语境（直译很容易翻车）
- 缩写和俚语（比如"break a leg"直译会让人摸不着头脑）
- 日期、时间、数字格式（美国用 MM/DD/YYYY，欧洲用 DD/MM/YYYY）
确保所有内容都适配目标用户，能让他们产生共鸣。
5. 早期用户研究
在 UX 早期就要做定性和定量研究：
- 深度访谈（找目标文化圈的真实用户聊）
- 田野调查（深入了解文化背景和行为习惯）
- 文化维度分析（比如霍夫斯泰德文化维度理论）
- 问卷调查（大样本验证你的文化假设）
最终目的： 拿到足够多的真实用户数据，别靠刻板印象拍脑袋做设计。
性别包容性设计
先区分两个概念： 性别认同和生理性别不是一回事，很多人搞混了。
- 生理性别（Sex）：女性、男性或双性人的生物学差异
- 性别认同（Gender）：更复杂、更个人化的社会概念，包含一个人内心认同的性别和外在表达方式
你的用户可能是女性、男性、跨性别者、非二元性别者，或者有其他性别认同。做设计的时候，要确保不忽视、不歧视、不让他们觉得不被尊重。
具体怎么做
1. 称谓别只有"先生/女士"
如果收集性别信息只是为了称呼，建议：
- 提供 Ms、Mr、Mrs、Mx 等选项（Mx 是不分性别的敬称）
- 或者干脆用敬称替代性别字段
核心原则： 称谓选项要够多，别把人排除在外。只在真的必要时才收集性别信息。
参考： 英国 GOV.uk 设计系统的表单设计指南做得很好，值得借鉴。
2. 文案避免性别化
UX 写作建议： 别用暗示性别的词，用中性的表达。
这些词尽量少用：
- guys（伙计们）
- ladies（女士们）
- gentlemen（绅士们）
- mother/father（母亲/父亲）
- 帅哥/美女
换成这些：
- friends / 大家/各位用户
- colleagues / 同事们
- parents / 家长朋友们
- 大家/各位/您
为什么： 你不可能知道每个用户的性别认同，也不知道人家喜不喜欢被这样称呼。中性表达更安全、更尊重。
3. 电商分类别按性别一刀切
现状： 大部分电商网站把服装分成"女装"和"男装"两个区。
问题在哪：
- 有些用户想看看其他区的衣服（比如跨性别用户、非二元性别用户，或者就是喜欢无性别穿搭的人）
- 这种分法让他们用得不舒服，本质上是一种排他
- 从社会层面看，有些人觉得被逼着适应二元性别系统，没法自由表达风格或找到合适的尺码
心理影响： 这种糟糕的体验可能造成心理伤害，甚至引发性别焦虑。
怎么改： 提供按"风格"、"场景"、"品类"等多维度分类，别只按性别分。
种族包容性设计
该翻篇了： 产品里种族代表性不足的时代早该结束了。
什么是种族偏见： 当设计师（以及其他参与产品开发的人）错过包容性设计的机会、没考虑到不同种族用户的需求时，就产生了种族偏见。
单一视角有多危险
团队里如果想法太同质化，会导致：
- 盲点： 默认用户都是某种肤色、某种发质、某种长相
- 翻车： 社交媒体上被公开批评
- 补救不及时： 比如相机算法对深色皮肤优化不够
- 更严重的： 用户根本没法好好用你的产品，最后转身投奔竞品
怎么避免： 做多民族用户的可用性测试，认真听反馈，建立多元化的设计评审机制。
经典案例：Google 相机的教训
问题： Google 的工程师发现自己相机应用给深色皮肤用户拍的照片质量差，曝光和色彩还原有系统性偏差。
怎么解决的： 做了大量多样化的可用性测试，重新训练算法的肤色识别模型，建立了持续的多元化测试流程。
行业影响： 这个案例让全行业都开始关注算法偏见，很多科技公司随后优化了类似功能。
商业价值
包容性设计能打开新市场。不少企业反馈，做了种族包容性设计后，成功率和收入都明显提升。
数据： 麦肯锡研究显示，团队多元化的企业，财务表现优于行业平均水平。
具体怎么做
现状： 线上线下还是有很多肤色歧视（Colorism）的案例。很多公司在种族包容性上做得不够：
- 图片代表性不够（官网、营销素材里种族单一）
- 用词不尊重或不准确（种族相关术语乱用）
- 选项不够（比如美妆产品色号覆盖不全）
- 算法偏见（人脸识别对某些种族识别率低）
建议：
- 开始收集这些翻车案例，建立"偏见案例库"
- 把学到的用到自己的项目里，定期做包容性设计审查
- 招多元化的团队成员，带来更多视角
LGBTQ 包容性设计
商业逻辑： 做 LGBTQ 包容性设计，对用户和企业是双赢。
用户基础： 你的目标用户里，大概率有 LGBTQ 群体的人，或者至少他们的朋友家人是。
设计目标： 让每个用户用起来都顺顺手。因为性取向或性别认同把用户推开，真的不明智。
品牌形象： 认可 LGBTQ 用户的设计会让人觉得更友好、更现代，用户用起来也更舒服。
具体怎么做
1. 图片要有代表性
入门做法： 放一些能体现多样性的图片。
进阶要求： 别只放同性情侣那种刻板印象的照片（也别过度美化或卖惨）。
高质量的做法：
- 展现 LGBTQ 人群真实、日常的生活场景
- 用多样化的家庭结构图标
- 加入代表 LGBTQ 的插画（别刻板化）
- 覆盖多元群体（跨性别、非二元性别、双性恋等）
2. 用词中性，选项多元
和性别包容性设计类似：
- 用中性词（比如"伴侣"而不是"丈夫/妻子"）
- 单选、下拉菜单里提供多元选项
- 让用户能自定义性别和性取向
- 提供"不想说"选项
额外收获： 多给几个选项的同时，你也能更了解你的用户，画出更精准的用户画像。
3. 别只做表面功夫
关键： 包容性设计不能只停留在"骄傲月"（每年 6 月），应该每天都营造友好环境。
警惕"彩虹清洗"： 只在骄傲月把 Logo 换成彩虹色，但没有任何实质性支持，会被认为是蹭热度，反而损害品牌形象。
数据说话
根据 2021 年全球 LGBT+ Pride 调查：
- 全球约 10% 的人属于 LGBTQ+ 群体
- 排斥这个群体的产品会给人留下"过时且不关心用户"的印象
- LGBTQ 群体及其朋友家人是一个巨大的消费市场（"彩虹经济"）
包容性设计的挑战
不止以上这些： 包容性设计还可以涵盖：
- 代际包容： 老年人和年轻人需求差异很大
- 社会经济包容： 不同收入水平的用户，用的设备和网络条件不一样
- 教育背景包容： 专业术语的使用门槛
- 可能性远不止这些
核心挑战
根本问题： 为全人类的多样性做设计，真的可能吗？
缺少标准： 目前很难穷尽所有包容性可能性和解决方案------没有明确的基准可以追求。
工业界 vs 数字界：
大部分包容性设计的经典案例还来自工业领域（比如人行道设计、厨房用具设计），怎么搬到数字产品上还不清晰。数字产品的无形特性和快速迭代节奏，让包容性设计面临独特挑战。
心理障碍
恐惧和犹豫：
有些决策者和设计师听到"包容性"三个字就开始抵触------他们立马联想到"政治正确"。
现实情况： 随着"政治正确"的讨论越来越热（某种程度上也被放大了），有些人担心失去创作自由，或者被"取消文化"攻击。
回归本质：
包容性设计的核心是理解所有用户，做出能帮他们达成目标的方案------不管什么种族、性别、文化、年龄或性取向。这不是"政治正确"，而是"商业正确"和"道德正确"。
持续做的事
Kat Holmes 在《Mismatch》里说得好：
"包容性工作没有终点。就像刷牙------没有完成的那一天。不管你今天刷得多干净，过段时间还是得再刷。"
关键认知： 做包容性设计是持续迭代的过程，不是一次性任务。需要：
- 持续学习和自我反思
- 定期做用户研究和可用性测试
- 做包容性设计审查并持续优化
- 团队多元化建设和培训
结语：复杂但值得
总结一下： 做包容性设计确实复杂又费功夫，但它带来的好处是实实在在的，惠及整个社区。
设计的本质： 设计是你用来创造功能、让生活更美好的工具------它关乎所有人的生活，所以值得持续投入。
商业上的理由：
- 市场更大： 覆盖更多用户群体，提升市场份额
- 品牌更好： 建立包容、进步的品牌形象
- 风险更低： 避免歧视诉讼和监管风险
- 更容易创新： 多元视角催生创新方案
- 用户更忠诚： 被包容的用户更可能成为铁粉
推荐学习资源
书籍：
- 《Mismatch: How Inclusion Shapes Design》- Kat Holmes
- 《Building For Everyone》- Annie Jean-Baptiste（Google 前包容性设计负责人）
- 《Inclusive Design for a Digital World》- Regine M. Gilbert
工具包：
- 剑桥大学包容性设计工具包
- 微软包容性设计工具包
- IBM 设计语言包容性指南
- Airbnb 包容性设计实践
在线资源：
- Inclusive Design Principles（inclusive-design-principles.org）
- A11y Project（a11yproject.com）
- Google 包容性设计指南
无障碍与包容性的关系
障碍依然是每个人身份的一部分，所以无障碍设计属于包容性设计的范畴。两者相辅相成，一起打造人人可用的数字产品。
现在就行动： 从今天开始，选一个维度（比如性别、文化、种族），审查一下你现有的设计，找出至少一个可以改进的包容性问题，然后动手改。