设计workflow

未分类

计划型任务

1.拿到设计需求 （设计与产品确认）

• 确定设计目的（用户研究）
  为什么要做这个设计，要解决什么问题？
  用户的目的，描述不同类型用户的故事版，总结需求共通性。

• 确定交互流程（低保真交互原型）
  流程是否合理，易用。提出交互方案。
  用户如何操作，达到他的目的。
  此阶段不要纠结细节，颜色，对齐。

• 确定视觉效果（高保真原型）
  是否有重复资源可以利用，整体视觉保持统一。
  情感化设计。

2.设计评审（产品，设计，技术共同确认）

• 阐述设计思路，避免谈论“我觉得蓝色好看” “这样更大气”“用户体验会更好”等主观意见。
• 采取客观依据，如数据，案例，理论，经验判断，证明设计方案。展示自己在多种备选方案下的选择。
• 该设计解决什么问题
• 技术确认可实施性，提出疑问和方案，统一设计目标。
• 确认设计稿细节是否为最终效果，如不是，阐释具体细节。
• 设计是否符合规范

3.产出规范设计

• 使用网格和规范
• 产出切图，标注

-----CODEING------

4.设计走查 （设计与技术确认）

• 是否还原设计稿。检查页面一致性，头部尾部是否一致。
• 按钮样式，反馈状态，报错状态，是否统一
• 是否缺少场景和状态
• 可用性测试，是否易于操作，文本是否易于阅读，使用者是否有认知障碍。
• 不同端的适配显示

紧急型任务

• 上线目标优先
• 所有人参与前期讨论，确保理解共同目标。
• 拆分任务页面，确定设计优先级
• 确认上线时间并倒推各职能环节交付时间节点（交付时间包含方案修改校验）
• 避免纠结完美细节，首先保证功能清晰展示。
• 优先结构设计，使用占位预留。交付给前端低保真交互原型，让前端和设计并行，然后再补充最终视觉资源。
• 尽量复用已有资源。