恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计师必须要了解从0-1的设计流程
0.0°
2022-11-26 原创文章 经验/观点 举报 962 7 6 1

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


设计师面临的知识困境

网络上碎片化的知识越来越多,UI设计师正在面临着2大困境,第一大困境就是有太多的知识观点需要学习,第二大困境是不知道如何去将这些知识进行取舍和归纳,各大设计平台写设计流程的文章也是多如牛毛,而这些文章的共同点都基本上是在Design Thinking的模型之下进行演进和变化的,而如果仔细分析和观察,你会发现他们的共同点和差别,只有了解这2点,才能够帮助我们更好的学习设计流程。


3种常见的设计流程模型

一、设计思维

设计思维是一种基于解决方案的解决问题的设计方法,在“设计思维(Design Thinking)”在被不同的学者提出之后,IDEO是第一家将设计思维应用于商业问题的解决之中。IDEO的创始人,David Kelley,后来又在美国斯坦福大学创建了著名D.School,斯坦福设计学院。设计思维强调以人为本的设计思想,它需要花费更长的时间做观察、访谈来深入理解用户,对解决未定义或未知的复杂问题极其有用。它主要分为5个步骤:

1、同理心(Empathy):收集对象的真实需求

2、定义(Define):分析收集到的各种需求,提炼要解决的问题

3、头脑风暴(Ideate):打开脑洞,创意点子越多越好

4、原型制作(Phototype):把脑子中的想法动手制作出来

5、测试(Test):优化解决方案

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


二、设计冲刺

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

1、理解(Understand):理解目标

2、定义(Define):定义问题

3、发散(Diverge):探索各种解决方案

4、抉择(Decide):找到最优的解决方案

5、原型(Prototype):设计原型

6、验证(Validate):验证方案的可行性


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


三、双钻模型

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

1、发掘/调研(Discover /Research):洞察存在的问题 (发散过程)  

2、定义/归集(Define/Synthesis):聚焦、界定要解决的问题 (聚焦过程)

3、前进/构思(Develop/ Ideation):探索潜在的各种解决方案(发散过程)

4、交付/实现(Deliver /Implementation) :找到最优的解决方案(聚焦过程)

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


经典设计模型的共性

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

1、发现问题:

问题有哪些?(发散)

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

2、解决问题:

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

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


我总结的设计流程

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

1、探索:洞察问题(发散)

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

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

4、设计:找到最优的解决方案,进行设计执行(聚焦)

5、交付:完备的交付文件(发散)

6、验证:验证设计方案的效果(聚焦)

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


步骤一、探索(洞察问题)

目标

1、洞察用户需求(表层需求&深层需求)

2、了解业务需求*需求的几种来源:高层、用户、竞品、数据、内部走查

工具方法

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

交付物

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


步骤二、定义(定义关键问题、定义业务和设计目标)

目标

1、将问题收拢聚焦关键问题

2、定义业务目标和设计目标

工具方法

1、需求分类(卡片分类)

2、需求如何删减(商业价值&用户价值)

3、如何制定需求的优先级(KANO模型)

4、数据指标(GSM模型、五度模型)

5、其他(AARRR模型、用户体验地图)

交付物

1、问题总结文档


步骤三、发散(找到各种解决方案)

目标

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

工具方法

1、头脑风暴

2、竞品分析

交付物

1、头脑风暴记录文档

2、竞品分析文档


步骤四、设计(找到最优的解决方案,进行设计执行)

目标

1、筛选最佳的解决方案

2、将解决方案制作成交互原型

3、产出视觉方案

4、设计评审,打磨方案

工具方法

1、方案筛选(实现成本&用户成本)

2、交互5要素

3、情绪版

4、形、色、质、构、质

5、栅格

交付物

1、UE(信息架构图、交互原型图)

2、UI(UI设计稿、动效设计、IP形象设计、规范系统、控件系统、图标系统、插画系统)


步骤五、交付(完备的交付文件)

目标

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

工具方法

暂无

交付物

1、交互设计文档

2、UI设计文档(UI设计稿、切图文件、标注文件)

3、动效文档(动效标注、json代码)


步骤六、验证(验证设计方案的效果)

目标

1、验证设计效果

工具方法

1、问卷调研

2、用户访谈

3、数据分析

交付物

1、问卷分析报告

2、用户调研报告

3、数据分析报告


总结

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

微信搜索公众号:馒头UX , 构建完整的知识体系


Powered by Froala Editor

更新:2022-11-26

收藏

7人已收藏

  • 26

    作品

  • 110

    粉丝

  • 12

    关注

  • 车载界面设计的特点和挑战
  •   电动汽车仪表盘设计指南
  • 设计师的年终总结指南
  • 插画组件库设计指南
相关标签

    猜你喜欢

      2022-11-26 原创文章 经验/观点 举报 962 7 6 1

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

      0.0°

      你确定要举报设计师必须要了解从0-1的设计流程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年02月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      7
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录