交互设计

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

0
登录或者登记去做吧。

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

别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】
前景理论与损失厌恶:用户如何做决定?【UXRen译#180】