产品设计

产品设计检查清单

产品设计检查清单，帮助产品设计师在设计产品时，快速检查产品设计是否符合设计规范，避免设计缺陷。

Author 顾巍 Publish 2019-07-09

战略

业务

产品需求符合公司品牌理念，符合业务战略规划，符合产品策略目标

产品需求描述的竞争力来源，有清晰的模型

产品需求描述所提供的业务价值，具有明确的衡量方法

产品需求思考资源消耗情况，包括人力资源、时间成本、财务费用、机会成本等

产品需求思考与其他业务的关系，包括优先级、贡献、协同作用、影响范围、取代关系、兼容情况

产品需求思考所面临的市场环境，目前市场容量、竞争状态、上下游情况等

产品需求思考所面临的约束，包括技术可行性、政策法规、监管审核、社会责任、道德、安全等

用户

产品需求描述所提供的用户价值，具有明确的衡量方法

产品需求让使用者得到更好的发展，而不是窃取时间、金钱或注意力

产品需求思考用户的使用场景，注意身份、时间、环境、频次等

产品需求思考使用者了解该产品功能的方式和渠道，以及预期用户覆盖度

范围

产品模型

产品模型梳理业务逻辑，包含用户流、数据流、资金流等

产品模型描述功能清单，包含规则、流程、结构、范围等

产品模型通常是未验证的，需要思考验证成本、测试计划、判断逻辑

产品模型基于长生命周期，要思考启动、增长模式，也要思考关闭、下线影响

设计模型

设计模型有合理的基础，考虑历史版本、横向竞品、社会传统、相关规范标准等

设计模型起到改善作用，包括增强能力、提高效率、降低成本、更好地呈现内容、更好地建立联系等

设计模型具有高信噪比，呈现最重要的任务和信息，删减造成混淆的内容

设计模型与目标受众契合，考虑使用者的真实需求、用户场景、认知能力、使用习惯等

设计模型与团队设计理念契合，包容、信赖、简洁

结构

任务流程

任务流程长度合理，顺序符合逻辑，可以预估任务的结果及影响

任务流程展示当前状态、前后步骤、总体进度

任务流程可以处理中断、停止、超期、驳回，并且在返回后恢复进度

任务流程结束有明显的完成标识、下一步去向，支持任务查询

任务流程中对故障进行预防、纠正和恢复，失控时描述问题并提供解决方案

信息架构

信息架构具有适当的组织原则，正确反映使用者的预期

信息架构具有适当的深度和广度，结构关系清晰、稳定

信息架构具有弹性，可以动态成长、适应变化

框架

界面

界面布局明确展示了最主要的场景功能，为使用者筛选出最可能需要的信息

界面布局尽可能采用简单通用的结构，界面元素呈现简单易懂的逻辑关系

界面布局支持不同显示尺寸，注意常规尺寸、极小尺寸、较宽尺寸、较高尺寸等情况

界面布局考虑各硬件平台，包括移动设备、平板设备、桌面设备等

界面布局考虑设备的无障碍辅助功能，注意放大模式、超大字号、关闭动画、高对比度、屏幕阅读器等情况

界面布局考虑不同系统状态，注意横屏、分屏、窗口化、折叠屏、外接设备等情况

界面组件基于成熟的设计模式，尽可能简洁、一致、符合使用者认知

界面组件减少操作成本，注意保存历史记录、提供默认值、多选、批量操作、键盘模式等

界面组件考虑输入数据的预期和分布，选择合适键盘模式、格式结构、组件形态等

界面组件符合对应系统平台要求，包括 iOS、Android 及其他发布平台

界面组件支持预期手势，尽可能不作为唯一操作路径，同时与其他元素、系统手势不冲突

界面反馈具备响应性，满足可识别、可探测、易触发、快速反馈的性质

界面反馈具备包容性，包括风险预警、中途取消、幂等处理、超时处理、结果撤销等

界面反馈只吸引适度的注意力，采用恰当的模式，同时容易消除

信息

信息单元保持完整，注意格式结构、默认值、常用值、阈值区间、加载、过载、空白、故障、过期的展示情况

信息场景保持完整，注意常用场景、首次场景、加载场景、过载场景、空白场景、故障场景、过期场景的展示情况

信息在不同使用者条件下的调整，注意身份、行为、隐私授权等情况

信息在不同系统条件下的调整，注意系统权限、系统版本、网络、电量、音量、亮度、存储空间、国际化与本地化、硬件等情况

一组信息以一定规则依次展示，注意组合方式、分组、排序、筛选、更新的逻辑

表现

信息表达

信息展示有主焦点，有合理的视线路径规划，避免无关信息干扰

信息展示以使用者高效理解为目标，注意亲密、对齐、对比、重复方面

信息展示采用格式塔原理分割信息块，尽量少用分隔线或边框

信息展示清晰传达可交互与非交互的区域，对使用者有明确的指引

信息展示可以脱离颜色、图标、图像，通过上下文或其他样式传达

文案表述有效，尽可能简短、一致、容易理解

文案表述准确，不存在错别字、大小写、语法、标点符号使用的错误

文案表述注意国际化处理，采用本地化日期时间格式、货币与数字符号、计量单位等

声音仅在非常必要时使用，仅用于增强界面反馈，包括通知、警示与关键时刻

声音应当简短、干净，在频繁触发时不令人分心或生厌

震动仅在必要时使用，用于增强界面反馈，主要有状态改变、到达预设点等

视觉呈现

设计系统采用整体一致的设计外观，采用整体协调的线条、圆角、光影方案

设计系统基于 8x8 的软性网格，元素宽高及间距主要采用 8 的倍数，细节部分可采用 4 的倍数

字体排印方案采用尽量少的字体、字型和文字样式，采用清晰、易读性高、层次差异的组合

字体排印方案提供慷慨的阅读体验，采用更大的字号、字间距、行距、段间距

字体排印方案考虑不同文字体系的差异，可采用不同的行距、更充足的容器宽度

色彩方案的主要色、次要色及语义色符合文化及心理学预期，符合品牌和产品定位

色彩方案定义中性色的层级关系，定义透明、模糊、渐变、光线与阴影等效果的使用策略

色彩方案具有足够的对比度，在文字、图形、图像、背景上均清晰可见

色彩方案支持 Light / Dark 两种模式，注意 Dark 模式有不同的调色板、对比度需求

图标采用使用者熟悉、避免歧义的图形，与其他图标一起使用时可轻松辨别

图标可以采用独特的设计元素体现整体一致性，除此之外尽可能减少色彩、细节和装饰

图标在各尺寸下形状清晰、对齐像素，按照视觉重心平衡，图标组视觉重量一致

动画效果需要传达有效信息，包括点明焦点、响应操作、确定环境方位、解释状态变化等

动画效果可以为加载、过渡等提供必要的缓冲，但不能有意拖慢界面反馈速度

动画效果依照真实、自然、平滑的逻辑规则，保持简约、不令人分心或生厌

动画效果避免诱发眩晕或癫痫，禁止元素快速晃动、场景大范围运镜，画面快速闪烁等

过程与资产管理

设计方案中的图标、插画等图像尽可能采用矢量方案，位图需要经过主动压缩

设计方案经过视觉表现与还原度的核对，包括真机设计图检查、测试包检查、线上检查

设计方案对相关角色充分展示设计概念与细节，包括设计目标、流程图、草图、主场景展示、全场景展示、说明文档、参数文档等