交互设计中如何求最优解?来看这篇超全面的分析!

2017/10/20

hey熙:今天想探讨的主题有三个关键字:交互设计、最优解、理性

设计就是解决问题——原研哉《设计中的设计》

交互设计作为一门融合计算机与心理学的设计学科,自然也是为解决问题而存在。交互设计旨在缩短实现模型与心理模型之间的鸿沟,同时通过最「优雅」的方式达成目标。所以说,交互设计就是一个求最优解的过程。

理性是基于现有的理论,通过合理的逻辑推导得到确定的结果。求解本身就是一个理性推导的过程,因此如何求解?如何求最优解?这些就是本文想探讨的地方。

PART 1 问题与解决问题

  • 什么是问题?
  • 怎么解决问题?
  • 怎么选择一种最优方法?

PART 2 交互设计与解决问题

  • 怎样求得所有解?
  • 怎样推导最优解?

一. 什么是问题?

造成应有状态(目标)与现有状态(现状)之间存在差距的各种影响因素就叫问题。把这些影响因素进行改变,就能解决问题,达成目标。

举一个例子:小明想吃汉堡包(目标),但是因为下雨没伞不能出门(现状),这就是问题。

二. 怎么解决问题?

要实现目标,有很多很多种方式,这就是解决方法。

继续举例:小明想吃汉堡包,但是下雨没伞不能出门,他可以有其他方式吃到汉堡包。比如打电话叫外卖、打电话叫家人带回来……

三. 怎么选择一种最优方法?

我们穷举的所有的方法都是可以达成目标的,但是在现实中我们只需要选择其中一个方法即可。因为我们只有一个目标。

继续举例小明:小明有多种方法可以实现吃汉堡的目标,但是只需要做一个决定即可。小明可以很随性,想到哪个就去采取。小明也可以很理性分析,做出最优选择。

小明会想很多因素:想最快吃到汉堡包(时间)。所以会从中选择其中一种解决方法:叫附近店铺的外卖。

所以整个过程思路:定义问题→穷举解→限制条件→最优解。

看完以上内容,有没有感觉似曾相识,交互设计同样是这样的过程:

从问题推导出所有的解(所有可能的情况),然后通过限制条件,得出最优解。

结合项目经验,我们都能知道:得到解不是难点,得出所有解、推导最优解才是最大难点。

一. 怎么求得所有解?

解与问题本身有关。有些问题它的解只有一个,那么我们只需要给出肯定的答案即可;有些问题它的解有多个,那么我们就需要穷举。我们可以根据问题的不同类型,做出相应的解。

问题类型一:是非题

也就是单一对立面问题。这类通常就是很具体的问题。正面不行,就取反面;同理,反面不行,就取正面。这类问题一般是「是否」、「有无」、「可否」……

比如,现在遇到了一个问题,某个电商网站没有支持微信支付导致偏好微信支付用户无法支付。那么解决方法就是单一的,支持微信支付即可。它的解就是唯一的。

问题类型二:多因素问题

这类问题是我们常见的问题,它是由多个因素导致的。因此解决方法也会多样。我们通常会先「拆解」这类问题,把它拆解到最后变成更单一的“是非题”。这类问题通常可以会借助思维导图来分析。

在这里插入一个知识点,为了得到全面的解,分析过程中我们会用MECE的原则来穷举,即完全穷举、相互独立。为了达到MECE的目标,我们会引入三种逻辑结构:时间、结构、重要性。

  • 时间:表示「时间先后」顺序,比如过去、现在、未来、童年、青少年、中老年等等。
  • 结构:表示「整体与部分」的逻辑关系,比如具体实物的构成、地理位置的构成、抽象概念的构成。
  • 重要性:表示“同类事物归为一类”的逻辑关系,这种是找到一类事物的共性特点,再按照共性特点体现的强弱组织论点的顺序。

举一个例子,现在产品遇到了一个问题,某个游戏的支付页面转化率比同期低了。那么我们要怎么解决问题?

  • 首先,我们应该拆解问题,支付页面转化率低一定是多种原因的。首先要分一级原因,采用「结构逻辑」,可以分为产品、程序、设计。
  • 其次,再可以把一级原因进行细分,一级原因还可以继续采取“结构逻辑”去拆解,比如内部原因、外部原因:

  • 最后得到最基本的「是非题」,就可以穷尽所有的解。

问题类型三:我们命名为“无穷解问题

前面两种情况都是基于客观的,可数的情况。第三种就是问题本身引入了主观的考虑。这类通常就是,我们无法列出1、2、3、4这样可数的情况,因为它的解是无穷的。

例如问题:目前XXX首页没有达到产品突出重点业务的诉求。解决方法就是,满足产品的诉求,但是「突出重点业务」这类是不可数的主观诉求。它的解是无穷个的,首先“突出”意味着比其他更大,那大到什么程度?那真的是无穷个解。

这类我们会引入「思维框架」来解决。关于思维框架的内容,可以详见之前一篇文章:《设计方法论:用“思维框架”助力决策》

思维框架的作用就是,可以把人们的思维决策点可视化描绘出来。二维矩阵图就是一个很好表达思维框架的工具。举上面的例子,所有的解我们都可以用二维矩阵图描述方案的。

△ 二维矩阵图:重点业务、其他内容的关系

可以看到,「重点业务」和「其他内容」篇幅是反比例的关系,y=x上的就是他俩同等重要的方案,而y=x以上的部分,则是y>x,即重点业务都比其他内容篇幅更大的方案。

我们可以选择关键点,做出一些方案。

△ 二维矩阵图:重点业务、其他内容的关系

△ 对应的方案

这里插入一个知识点,脑补就是大脑对不完整图像进行自动补全的功能。这也是格式塔心理学一个很重要的理论:知觉的特性之一的整体性。

知觉是对物体整体的反映,在过去经验的基础上,把物体的各个部分、各种属性结合起来,成为一个整体。格式塔心理学提出了知觉产生的原则,其中很重要的原则就是整体性原则,即人们遇到不完整的图形,在知觉它们时,往往会把缺失的部分补上,把这个图形看成一个完整的图形。

△ 对应的方案&人们脑补的方案

这和视觉设计师进行视觉提案时用的方法很相似,视觉提案时通常会用风格相差很大的视觉方案1、2、3来提案。

二. 怎么推导最优解?

对于是非题

有且只有一个解,那本身就是最优解。

但是「多因素问题」、「无穷解问题」解是无穷的,那么怎么得出最优解呢?

对于多因素问题

我们就要明白「条件」在哪里。条件是基于目标的,如果目标是快,那么当然找出最快的解即可;如果目标是安全,那就找出最安全的解。

对于无穷解问题

也是基于「条件」,但是这个条件则不是那么明白,需要决策,继续引入「思维框架」来解决→《设计方法论:用“思维框架”助力决策》

通常我们把思维框架图展示出来的时候,就能给大家决策。这个时候就是做选择题,每个人内心都有权重偏好,这个时候就能更加量化和理性地让大家给出自己权重的分数。更快地决定一个即可。

说回上面的例子,我们可以可视化地进行决策。要达成“突出”这个目标,我们一般会集中于图中的区域。这个时候只需要大家做个选择即可。也许是解1、解2、解3、解4这些点。

总结

解决问题,这是设计价值安身立命之本。交互设计师的价值也是如此,他帮助从万千复杂的问题中抽丝剥茧,简化成简单的问题并解决,让整个产品更加优秀。

欢迎关注作者的微信公众号:heychen思录

「回归本质!如何成为优秀的设计师」


【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/interaction-design-comprehensive-analysis

好文 界面设计 UI 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 设计流程 职场 用户体验设计 素材下载 视觉设计 配色 web前端开发 设计规范 海报设计 AI教程 产品设计 字体下载 设计理论 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里