设计师必须要了解从0-1的设计流程

1 评论 3760 浏览 20 收藏 10 分钟

编辑导语:作为一个设计师,在接到需求之后,首先需要弄清楚的是产生需求的业务背景、产品目标和用户人群等,再开始开展设计工作。本文作者从自身工作实践出发,梳理总结了一套体系化从0-1的设计流程与思路,与大家分享。

01 设计师面临的知识困境

网络上碎片化的知识越来越多,UI设计师正在面临着2大困境,第一大困境就是有太多的知识观点需要学习,第二大困境是不知道如何去将这些知识进行取舍和归纳。

各大设计平台写设计流程的文章也是多如牛毛,而这些文章的共同点都基本上是在Design Thinking的模型之下进行演进和变化的,而如果仔细分析和观察,你会发现他们的共同点和差别,只有了解这2点,才能够帮助我们更好的学习设计流程。

02 3种常见的设计流程模型

1. 设计思维

设计是一种基于解决方案的解决问题的设计方法,在“设计思维(Design Thinking)”在被不同的学者提出之后,IDEO是第一家将设计思维应用于商业问题的解决之中。

IDEO的创始人,David Kelley,后来又在美国斯坦福大学创建了著名D.School,斯坦福设计学院。设计思维强调以人为本的设计思想,它需要花费更长的时间做观察、访谈来深入理解用户,对解决未定义或未知的复杂问题极其有用。它主要分为5个步骤:

  1. 同理心(Empathy):收集对象的真实需求
  2. 定义(Define):分析收集到的各种需求,提炼要解决的问题
  3. 头脑风暴(Ideate):打开脑洞,创意点子越多越好
  4. 原型制作(Phototype):把脑子中的想法动手制作出来
  5. 测试(Test):优化解决方案

*图片素材来源于网络,侵权请告知删除

2. 设计冲刺

设计冲刺(Design Sprint)最初起源于谷歌,融合了设计思维(Design Thinking)和敏捷开发(Agile)两大方法论,设计冲刺更适用于已知需要解决的且较为明确的问题,它融合了敏捷开发,最大的优势在于 5 天内完成整个创新流程。它主要分为6个步骤:

  1. 理解(Understand):理解目标
  2. 定义(Define):定义问题
  3. 发散(Diverge):探索各种解决方案
  4. 抉择(Decide):找到最优的解决方案
  5. 原型(Prototype):设计原型
  6. 验证(Validate):验证方案的可行性

*图片素材来源于网络,侵权请告知删除

3. 双钻模型

双钻模型来源于IDEO的以人为本的设计思想,以及@d.school的设计流程,“双钻模型”和设计思维模型一样,需要花费更长的时间来观察和理解用户,对解决未定义或未知的复杂问题极其有用,一般在互联网行业中使用的比较多,它分为4个步骤:

  1. 发掘/调研(Discover /Research):洞察存在的问题 (发散过程)
  2. 定义/归集(Define/Synthesis):聚焦、界定要解决的问题 (聚焦过程)
  3. 前进/构思(Develop/ Ideation):探索潜在的各种解决方案(发散过程)
  4. 交付/实现(Deliver /Implementation) 找到最优的解决方案(聚焦过程)

*图片素材来源于网络,侵权请告知删除

03 经典设计模型的共性

我们如果仔细观察就会发现,这3种设计方法论不变的框架都是从发现问题(发散、聚焦)到解决问题(发散、聚焦)的过程,其中每个环节都是从发散到聚焦,围绕这个大的框架,我们接下来要思考的就是:

(1)发现问题

问题有哪些?(发散)

问题这么多,哪些才是真正的问题?(聚焦)

(2)解决问题

如何解决这些问题?(发散)

这些解决方案,哪些是最优可实施的?(聚焦)

04 我总结的设计流程

在这张图中,我在双钻模型的基础之上进行演变,让他更加匹配现在互联网设计团队的需求,其中增加了一个钻的模块,分别为交付和验证的环节,主要原因在于现在的公司更加重视设计师的落地和数据分析能力。整个的设计流程分为6个步骤,分别为:

  1. 探索:洞察问题(发散)
  2. 定义:定义关键问题、定义业务和设计目标(聚焦)
  3. 发散:找到各种解决方案(发散)
  4. 设计:找到最优的解决方案,进行设计执行(聚焦)
  5. 交付:完备的交付文件(发散)
  6. 验证:验证设计方案的效果(聚焦)

同时我也将每个阶段的目标、所需的工具方法、交付物总结了出来,方便大家进行有针对性的学习

1. 探索(洞察问题)

目标

  • 洞察用户需求(表层需求&深层需求)
  • 了解业务需求(需求的几种来源:高层、用户、竞品、数据、内部走查)

工具方法

问卷调研、用户访谈、竞品分析、用户建模、用户体验地图、桌面研究、焦点小组、数据分析、头脑风暴、交互视觉走查

交付物

问卷分析报告、用户调研报告、竞品分析文档、用户体验地图、桌面研究报告、数据分析报告、交互走查报告

2. 定义(定义关键问题、定义业务和设计目标)

目标

  • 将问题收拢聚焦关键问题
  • 定义业务目标和设计目标

工具方法

  • 需求分类(卡片分类)
  • 需求如何删减(商业价值&用户价值)
  • 如何制定需求的优先级(KANO模型)
  • 数据指标(GSM模型、五度模型)
  • 其他(AARRR模型、用户体验地图)

交付物

  • 问题总结文档

3. 发散(找到各种解决方案)

目标

  • 收集尽可能多的有效、优质解决方案

工具方法

  • 头脑风暴
  • 竞品分析

交付物

  • 头脑风暴记录文档
  • 竞品分析文档

4. 设计(找到最优的解决方案,进行设计执行)

目标

  • 筛选最佳的解决方案
  • 将解决方案制作成交互原型
  • 产出视觉方案
  • 设计评审,打磨方案

工具方法

  • 方案筛选(实现成本&用户成本)
  • 交互5要素
  • 情绪版
  • 形、色、质、构、质
  • 栅格

交付物

  • UE(信息架构图、交互原型图)
  • UI(UI设计稿、动效设计、IP形象设计、规范系统、控件系统、图标系统、插画系统)

5. 交付(完备的交付文件)

目标

  • 配合开发交付全面的设计文件

工具方法

暂无

交付物

  • 交互设计文档
  • UI设计文档(UI设计稿、切图文件、标注文件)
  • 动效文档(动效标注、json代码)

6. 验证(验证设计方案的效果)

目标

  • 验证设计效果

工具方法

  • 问卷调研
  • 用户访谈
  • 数据分析

交付物

  • 问卷分析报告
  • 用户调研报告
  • 数据分析报告

05 总结

这是馒头根据自身多年的工作经验总结出来的设计流程,每家公司根据本身的特点可能会有些许差异,欢迎大家一起进行补充和交流。这个设计流程能够帮助我们看到设计全貌,知道自己所处的环节,知道自己需要补全哪些知识。

 

作者:馒头UX,公众号:馒头UX

本文由 @馒头UX 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自pexels,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
1人打赏
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 学习了,谢谢

    回复