• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 进阶好文!如何把那么多经典的设计模型用起来?

进阶好文!如何把那么多经典的设计模型用起来?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含交互模式,经验分享,设计模式,设计理论等相关知识,希望在学习及工作中可以帮助到您

DDC- 李佳:我们接受到的设计教育、看过的书籍或是关注过的公众号里流传着各式各样的关于设计流程的经典模型,比如Design Thinking Process,比如用户体验五要素,比如马斯洛需求层次理论,我们在感叹这些设计理论知识体系的如此经典和缜密的时候,有没有想过它们到底对实际的设计有多少的指导意义?有些经典的框架早在上个世纪就已经提出来,对于今天的设计现状是否仍然适用?我们有没有属于自己的关于设计流程的模型?

欢迎关注点融设计中心DDC微信公众号:「ID:DR_DDC」

下面进入译文:

这不是一篇讲纯理论和条条框框的文章,我想要为设计师、创意思想家甚至是项目管理者提供一套规范化的框架,用以安排构建、组织运行或管理设计挑战或项目,我希望它真的能够指导你的设计实践。这套框架我暂且叫它:双钻石模型改进版,之所以叫“改进版”是因为它是在原始版的双钻石模型的基础上修改而成。

双钻石模型改进版

或许你已经熟知许多设计流程相关的模型或框架。比如BDC(British Design Council)提出的那套原始版双钻石模型(关于双钻石原始模型,我在后文会有详细介绍),见图一。比如IDEO的HCD(Human-Centered Design)思想体系,见图二。哦,可千万不能落下斯坦福设计学院的著名的设计思维流程(Design Thinking Process),见图三。你将在接下来的文字里熟悉这些模型的主要方法,步骤和工具。

△ ?BDC原始版的双钻石模型

△ ?IDEO HCD(图片由李佳翻译)

△ ?斯坦福设计学院的DESIGN THINKING PROCESS

理解用户

如诺曼所说,用户为中心的设计流程始于对用户很好的理解以及设计想要面对的用户需求。无数的公司,组织以及教育机构迎接起这一挑战产出许多各式各样的模型(比如前文列举的那些),旨为以用户为中心的设计或设计流程提供规范化的框架。

香辣牛肉vs.双钻石模型

不知道你有没有过这样的经历:你想做香辣牛肉这道菜,你可能会先找一份你喜欢的菜谱。刚开始,你原模原样地照搬菜谱,发现做出来的菜辣得要命,原来你根本没那么能吃辣;或者你是个湖南妹子,根据菜谱做出来的牛肉对你来说都感觉不到辣味。于是你开始跟据自己的情况调节辣椒的用量,几次尝试后,找到了最适合自己口味的香辣牛肉。

在对设计流程的改造上我做了同样的事情。前几个月,我在Hyper Island公司学习数字体验设计,我选择了BDC(British Design Council) 原始版的双钻石模型作为我的“菜谱”,因为它整体结构清晰的,且有很高的适应性。

出发点和根本

几乎所有设计创意项目的本质都是一个从“未知”(如图中的A点)到“已知”(图中B点),从“可能是”到“应该是”的过程,这个过程乍一看直接的,线性的。事实上,这是一个循环往复的过程,因为创造本身就是不停地以全新的方式给人们的生活带来积极的正向的影响(Hyper Island, 2016年)。

双钻石模型是一种结构化的设计方法,主要解决设计过程里四个时期的挑战:

  1. 发现期/研究——对问题的洞察(发散的)
  2. 定义期/总结——聚焦问题点(收拢的)
  3. 发展期/概念——可能的解决方案(发散的)
  4. 交付期/实现——可行的解决方案(收拢的)

这四个时期有些是发散的有些是收拢的。在发散阶段,你尽可能的开放,不要让自己的思路被限制;相反在收拢阶段,你要专注于专注和提炼你的发现或概念。如果你谷歌一下“双钻石模型”一定会找到各式各样的诠释用各式各样的表达方式。我会坚持选择最原始的版本作为我的“菜谱”,因为这让我有更多发挥的空间。

双钻石模型的四个时期实际上可以简化为两个大的阶段:

阶段一——做正确的事(第一颗钻石:发现期和定义期)无论你做什么事情,你都得有的放矢,找到真正需要解决的问题。这是一个关于定义你要做什么的阶段。

阶段二——用正确的方法做事(第二颗钻石:发展期和交付期)一旦你找到了真正要解决的问题或该做的事,你要保证自己在用正确的方式执行。这是一个关于如何做的阶段。

△ ?双钻石模型的两个大阶段

接下来的段落,我会一步一步的描述每一个阶段的方法。

第一阶段——做正确的事(第一颗钻石:发现期和定义期)

发现期/研究

  • 剖析问题。从试着将原始的设计命题解析成几个部分,评估兴趣点。枚举尽可能多的元素,找到特征点,定义兴趣点和极端情况,列出可以去可以去调研的地点、人物和故事。
  • 将调研结果整成一个个的主题,方便看到研究结果的概貌。接下来把范围缩小到你想要研究的主题上去。
  • 投身研究。运用一手资料和二手资料的研究方法,IDEO官网(ideo.org)有一系列的研究方法可供参考。

到目前为止,你应该拿到了一大堆非结构化的散乱的研究结果。

定义阶段/总结

怎样有效地利用在发现期得到的那些研究结果,我建议你可以按照以下的步骤加工它们:

  1. 把所有数据汇合到一起,并把他们分享给其他团队成员。
  2. 将数据归并到之前整合出来的主题中去。
  3. 找出 insights(所谓insighs就是在某个特殊主题上的未知的真相,它们是关于用户动机,用户诉求或痛点的),创建机会点。
  4. 创建HMW问题(HMW问题即以“How might we…”开头的问题,以问“我们如何能…”这种更易于感知的形式列出哪些问题是可行的和亟待解决的)。

△ ? 阶段一:做正确的事

这个过程结束后,你的产出将是一个加工后的设计概要(design brief),以HMW问题出现,它们可以是概要也可以涉及细节,它们甚至可以与最初定义的问题是有冲突的甚至是相反的。

第二阶段——用正确的方法做事(第二颗钻石:发展期和交付期)

发展阶段/想法

因为在前面阶段你已经推断出需要解决的问题或想要挑战的点,现在你可以出设计概念了。

  • 概念设计。这是一个最有意思的阶段,是一个发散的阶段。这时候就不要吝啬想法了,开启你的脑容量,让想法多飞一会吧。在想法阶段,不要做任何的是非判断,多暗示自己“对,我可以这样,然后…”而不是否定或质疑自己的想法。在这个节骨眼儿上,要让一切皆有可能,甚至可以在别人的想法基础上发展新的设计概念。外面流传着大把的发散想法,我就不在这里赘述了。
  • 设计评估。在概念设计的最后阶段,评估你的那些天马星空的想法,挑出你最喜欢的那些。我推荐两种方法来做这件事:投票法(团队成员投票)和矩阵法(一个矩阵,横轴衡量可行性,纵轴衡量潜在影响,将你的想法扔到里面去,一目了然)

这时候,你会得到少量精选出来的想法,你将在后期利用它们做原型或测试,并从这些想法里发展出最终的解决方案。

交付期/实现

有了一些备选方案后,你得想衡量最后选择哪一个以及他的执行或实现的方式。我建议以下三步敏捷开发流程:

  • 开发/原型
  • 测试/分析
  • 迭代/重复

顺便说说MVP(minimum viable products)的作用:用一个可感知的产品或原型去测试它是否能够回过头去解决最初的那个问题。

△ ?阶段二:用正确的方法做事

走到这一步,最终方案、产品、答案或解决方案就已经出来了。

这个流程走了一遍后,你可以回过头按照刚刚的步骤再来一遍,总有一些东西是可以被改进的,还是那句话:创造本身就是不停地以全新的方式给人们的生活带来积极的影响。

再多说两三句:

本文绝不是一个结论,也没有人说它是不二法门。

这个修订版的双钻石模型也只是一种我个人的方法,它不是唯一的。我今天在这里把它

您可能想查找下面的文章:

  • 超全面总结!移动端的AR交互设计探索
  • 总监经验!视觉设计师必须知道的交互设计模式
  • 进阶好文!如何把那么多经典的设计模型用起来?

相关文章

  • 2018-08-23实用干货!如何进行一场高质量的UI设计评审?
  • 2018-08-23超实用!四招快速提升字体设计能力
  • 2017-08-06下拉菜单和滑动菜单设计实例
  • 2018-08-23学会这3个方法,零基础也能做出好看的配色
  • 2018-08-23内部教程!超详细的支付宝设计规范之版式篇
  • 2018-08-23从哈佛到谷歌,专访人工智能公司Rokid 首席设计师姜公略
  • 2018-08-23一招教你让交互方案更靠谱!超好用的目标导向设计法
  • 2017-08-06web网页开发面试笔试必备小知识(必看)
  • 2018-08-23春节专题!App 设计系列之切图的命名规范与标注说明
  • 2018-08-23布局太死板?6个小技巧让你的网页设计活力十足!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 图片动态加载技术应用及jquery.lazyload插件使用实例
    • 自学体系第二课!写给新人设计师的界面排版原则(下)
    • Iconfinder 开发了一个超强大的图标在线编辑器!
    • 实用全面!教你用Sketch Libraries构建组件库/设计体系
    • 前端开发者的工具、库和资源
    • 设计师没原创灵感?试试这个方法!
    • 网页设计师需要的知识体系有哪些
    • 网易高手:角色权限设计的100种解法
    • 高手怎么做设计?来看腾讯文档背后的品牌设计过程!
    • 腾讯设计师用实战案例,告诉你一个实现设计驱动的创新流程!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有