• 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

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

原研哉在《设计中的设计》中说:“设计的实质在于发现一个很多人都遇到的问题然后试着去解决的过程。”如果说解决问题是设计的核心价值,那么我们可以将解决问题分解成“问题是什么?”和“怎样解决问题?”如果进一步准确地表达就变成:“正确的问题是什么?”和“目前最有效的解决方案是什么?”

本文介绍的双钻设计模型,就可以帮助我们在日常的设计过程中,更好地把控住正确的问题,提炼出有效的解决方案。

双钻设计模型

双钻设计模型由英国设计协会提出,该设计模型的核心是:发现正确的问题、发现正确的解决方案。一般应用在产品开发过程中的需求定义和交互设计阶段。

双钻设计模型把设计过程分成4个阶段:发现问题、定义问题、构思方案和交付方案。

阶段一:发现问题

发现问题——对现状进行深入研究。包括了解用户特征、产品当前状况、用户如何使用产品以及用户对产品的态度等等。

阶段二:定义问题

定义问题——确定关键问题。这一阶段,我们关注的焦点是:用户当前最关注、最需要解决的问题是哪些,需要根据团队的资源状况作出取舍,聚焦到核心问题上。

阶段三:构思方案

构思方案——寻找潜在的解决方案。在方案发散阶段,我们不需要过多考虑技术的可实现性,因为在后续环节,一些看似有很大技术瓶颈的方案,可以逐步演化为可施行的开发方案。

阶段四:交付方案

交付方案——把上阶段所有潜在的解决方案,逐个进行分析验证,选择出最适合的一个或多个;

应用案例

下面通过早前工作中的实践案例,来说明这一设计模型如何应用到产品设计过程中。

背景:看图大师是一款轻量的在线看图工具,目标群体主要是某特定行业的设计师。现在需要提高该产品的用户量。

由于该产品多应用于低频次需求场景,暂且把用户量的概念认为WAU。借助双钻设计模型的思考过程,第一阶段先定义问题,找准要解决的问题是什么,并将问题具体化。第二阶段,针对问题进行方案设计。

问题发散

从宏观角度分析,WAU=新用户量+留存,那么“提高在线看图工具的用户量”就需要从增加新用户量和提高留存两方面入手。

增加新用户量

增加新用户量主要是从运营方面增加拉新,也就是拓展运营渠道。

提高产品留存

在前期的用户调研和数据分析中,了解到该产品主要存在以下问题:

  • 文件支持类型单一,从前期的目标用户调研了解到,该设计师群体通常会使用多种类型的文件格式。
  • 用户的核心使用路径转化率较低。
  • 可视化的使用过程中,模型的渲染效果会存在一定偏差。

通过对调研结果的分析,将从以下三个维度提高产品留存,进而提高用户量:

  • 增加多种文件支持类型,如扩增CAD格式,进而覆盖更多类型的应用场景。
  • 提高核心路径的转化率,如提高首页到上传按钮点击的转化率。
  • 增强可视化渲染的精细度。

小结:在问题发散阶段,通过对用户的典型使用场景以及用户表现出的态度,找到待解决的机会点,最终把所有问题点都罗列呈现出来。

定义问题

把阶段一的所有问题加以筛选,并结合技术成本、产品价值进行评估,最后逐一对发散阶段的问题进行定性和定量的调研分析,从中找到提高用户量的关键点。

  • 扩增支持CAD文件格式:通过对市场规模的粗略估算,增加CAD格式可提高用户规模量3倍以上,但技术开发成本非常高,不适于此阶段进行。
  • 提高核心路径的转化率:通过对线上数据的漏斗模型,看出首页到上传的转化明显较低,而且之前没有做过产品优化,静态web开发成本较低,因此可以作为关键的问题点尝试解决。
  • 提高可视化渲染效果。

从对用户工作方式的调研发现,该问题的解决可略增用户的应用场景,但渲染方在国内该行业已是红海市场,投入产出效果预估会非常有限;

通过以上对问题点的分析,我们可以看出提高用户量的关键是提高核心使用路径的转化率,进而提高留存。

小结:如何筛选出“正确”的问题?

通过对用户以及市场的深入研究和理解,排除现阶段无法实施或权重较低的问题,让“正确”的问题逐渐浮现出来。如果有必要,可以让用研同学参与进来,通过周密的调研方案,让调研结果更具客观性,以帮助团队做好判断。

在这个过程中把真正要解决的问题逐渐剥离清晰,可以帮助我们把后期讨论的范围限定起来,避免在方案构思时产生目标不明确的现象,节省个人和团队的时间和精力。
通常针对不同类型的问题,在做筛选时考虑的因素会有所差异:

  • 功能型问题:主要考虑用户潜在诉求、解决的价值或资源投入产出比。
  • 设计表达型:主要考虑产品认知度,设计目标、使用效率、简洁性。

构思方案

提高用户核心路径的转化率,我们直接通过用户的关键路径,提取出漏斗模型。

通过上图的转化漏斗,我们可以发现首页到点击上传按钮的转化率只有30%,因此这里主要以首页转化为例;

该产品首页的主要价值是提高对用户的吸引度。为了提高用户吸引度,结合用户访谈的结果,构思出以下解决方案(构思的分解过程省略):

首页表现出产品的多种典型应用场景;

  • 增加用户共鸣,如XX万人都在使用该产品。
  • 传达用户的声音,增加名人用户的使用评价。因为目前的首页主要站在产品“自我宣传”的角度做展示,表达方式较为单一。
  • 增加不同类型的用户群体如何使用产品的信息模块。
  • 突出上传按钮,用户在滚至第二屏时也能展现上传按钮。
  • 增加可浏览的可视模型链接入口。
  • 增加产品功能点表现,如剖切、构建信息查看。
  • 通过前期的用户访谈,在工作中较为关注剖切和构建信息这类功能。
  • 减少冗余信息,删除目标用户不关注的内容,如安全加密算法的展示模块。

小结:如何思考发散出多种解决方案,这里提供几个可供参考的方法:

  • 以用户目标为出发点,考虑用户的潜在诉求有哪些。
  • 通过用户使用过程中的所有接触点(或者所有情绪点)逐一分析。
  • 广泛的产品(这里不是竞品)研究,在相似模式中寻找类似的方案策略。

在问题或方案发散阶段,尽量少考虑技术可实现性,也不宜发散过于深入,把方案细化留给下一阶段去思考,以免好的方案被过滤掉。

在发散出所有的方案后,需要把明显不合适的方案pass掉。探索完所有可能的方案后,我们可以运用流程图、概念草图、可交互的demo等方式进行方案表达。

除了上述方法之外,还可以根据用户的体验环节将整体行为路径分为两部分:信息型(被产品首页吸引)、工具型(完成文件分享);

  • 信息型:提高首页信息的吸引度,围绕着这个主题来分析所有可能吸引到用户的因素。
  • 工具型:工具属性,一般可使用的方式有三种,缩短操作路径、提高操作效率、降低学习成本。

交付方案

对上述提到的8个构思中,对被筛选掉的方案做示例讲解:

  • 增加不同类型的用户群体如何使用产品的信息:虽然此方案对提高吸引度有益,但与介绍产品的应用场景起到的作用类似,优先级放低,并且考虑到首页要尽量简洁,关注核心内容,因此不采用该方案。
  • 增加可浏览的可视化链接入口:首屏已设置示例的模型,再次增加示例的效果链接估计起到的作用一般,反而会让首页信息显得臃肿。

因此,在最终首页优化设计方案上除去4和6,后续会进一步对已确定的方案做优先级排序。

小结:对阶段3所思考到的所有点,我们在此阶段需要根据具体情况把收效甚微的方案排除掉,或者优先级放缓。在有限的可支配资源范围内,把更有价值的方案与团队成员一起分享。

通常待选择的方案会集中以下两种类型:

1. ?实现成本差异:

通过评估方案的投入产出比来取舍方案,这种情况下与团队技术讨论后较容易做出判断;

2.?设计目标的平衡:

在产品设计前期,根据用户和产品特点制定出设计目标(比如高效、易理解、安全信任等),并以此做出方案的筛选。

双钻模型价值

1.?对思考过程做拆解,让思考更具有逻辑性:

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

  • 进阶教程!如何在设计中应用经典的双钻设计模型

相关文章

  • 2018-08-23如何在新用户引导流程中用好空状态界面?
  • 2017-08-06负margin功能介绍及用法总结
  • 2017-08-06图片按钮提交与表单重复提交问题探讨
  • 2017-08-06重复提交、重复刷新、防止后退的问题以及处理方式分析
  • 2018-08-23参与3个项目后,我总结了这个服务流程设计新思路
  • 2017-08-06关于页面元素的绝对定位和相对定位的一些理解
  • 2017-08-0610个优秀的 Web UI库/框架
  • 2018-08-23设计作品集网站的时候,如何善用超大字体元素
  • 2018-08-23春节专题!App 设计系列之提示的概念和设计要点
  • 2017-08-06前端性能优化—前端工程师不得不说的痛

文章分类

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

最近更新的内容

    • 使用字符代替圆角尖角研究心得分享
    • 网易资深设计师:新人该如何提升设计思维?
    • 交互基础小课堂!如何利用「行为模型」让用户行动起来?
    • 网页核心内容的视觉表现方式介绍(图文)
    • 进阶好文!如何把那么多经典的设计模型用起来?
    • 网站制作中的网络广告的互动新体验(图文教程)
    • 提前做好这四件事,帮你快速通过设计评审
    • 水彩自学第二集:水彩纸常见问题及测评
    • 会员中心如何设计,用户才会买单?
    • 如何画出自己的原创作品?来看高手的完整流程总结!

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

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