KNOWLEDGE NOTES

知识整理

按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。

287份知识文档
产品设计与用户体验 / NNGroup 用户体验

NNGroup 可访问性 / 无障碍设计(5 篇 · 包容性设计三辨析 · 深色模式科学与 8 大坑 · 屏幕阅读器用户研究 · 电话语音树 16 准则)

Nielsen Norman Group 可访问性 / 无障碍设计知识库 5 篇精华。四大主题:①三个易混概念的边界——无障碍设计 Accessibility(只服务残障用户,窄而可评估,锚 WCAG 标准)vs 通用设计 Universal Design(一套设计服务所有人、不做变体,多用于物理环境)vs 包容性设计 Inclusive Design(允许多个设计变体覆盖年龄/经济/地域/语言/种族/能力等差异,数字产品首选,因数字界面改造成本低),配 Tinder 30+ 性别选项、Pinterest 发型筛选、Sephora 年龄段筛选、Airbnb/Atlassian 多元插画、姓氏字段不设限等正例;②深色模式 Dark Mode 的视觉科学——光模式(深字浅底)对正常视力用户在视敏度+校对+夜间快速浏览全维度更优(2013 Ergonomics / 2017 MIT AgeLab / Human Factors 字号越小光模式优势线性越大),暗模式对白内障等浑浊眼介质用户阅读更快、OLED 屏 100% 亮度省电 67%(30% 亮度仅省 14%,Purdue),长期光模式阅读与近视/脉络膜变薄相关(2018 Nature Scientific Reports);默认光模式+提供暗模式选项+自动跟随系统设置;③深色模式 8 大设计坑——图形透明度(用 SVG/WEBP/PNG 不用 JPG)、阴影做深度失效(改用最深色打底最浅色顶层)、字体过细/过粗/对比不足(WCAG 普通文本最低 4.5:1,Coinbase 蓝按钮 4.59:1 勉强合规却仍难辨)、高饱和色不可见、跨渠道 App 暗网页亮不一致、分隔符消失、浮动组件融背景、反色二维码不可扫(前景背景两模式同色);何时优先做暗模式(长时使用/频繁使用/低光环境/少媒体);④用户研究方法——屏幕阅读器 Screen Reader 用户口碑招募(联系 NFB 等盲人组织建用户面板)、面对面优于远程、打印研究计划、文档摄像头+屏幕录制双路记录五元素、音频反馈报时;以及电话语音树 IVR 系统 16 条可用性准则(听觉信息仅占人类获取信息 11% vs 视觉 83%、IRS 电话树深达 10 层)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。

无障碍设计包容性设计深色模式中文整理稿