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

hey熙:今天想探讨的主题有三个关键字:交互设计、最优解、理性。设计就是解决问题——原研哉《设计中的设计》

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

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.iamue.com/34371/

(0)
震天下震天下
上一篇 2017-10-20
下一篇 2017-10-25

相关推荐

  • 交互设计(一)表单设计

    此文来源于网络

    2018-04-04
  • 交互设计七大定律之Tesler's Law 泰思勒定律(复杂性守恒定律)

      最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从…

    交互设计 2015-08-27
  • 未来5年设计的25个趋势

    最近Herman Miller的设计总监接受了 fastcompany 的采访,和另外几家公司的设计师一起,畅想了未来 5 年设计界的 25 个趋势。

    2017-05-15
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30
  • 设计师如何具有工程师思维?

    常常在提 design thinking, 让工程师有设计思维,但作为一个设计师,很多时候工作处理的都是交互层的东西,那如何像一个工程师一样理解一个项目呢?或者说如何具有工程师思维? 这个问题的简单回答是:根本没有“工…

    2015-05-24
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • APP设计中便捷的单手操作

    探讨APP的手势操作前,我想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何来感应我们的操作的。 用户是如何使用手机的 Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出,…

    2014-09-07
  • 电视交互设计的一些事 | 设计基础15

    两年前,我总结过《Apple Watch交互的一些事》,简单的分享了下手表小屏幕的交互设计。而在过去一年多的时间里,我有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。✨硬件+远距离操控——基本交互基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一、 遥控...

    2018-01-30
  • 让自行车站在墙上,生活中的交互设计|这个设计了不起

    Light Dusk by Z-Inhouse 宛如陶罐的铝制灯罩搭配质朴的软木,造作旗下的设计师利用两种材质的特性,打造了这个造型简洁的向晚小吊灯。喇叭形的灯罩由 1.5 毫米厚的轻薄铝板制成,表面还经过了哑光喷涂处理。嵌入顶…

    2016-12-09
  • 提高移动应用体验的7个UX设计要点

    ​APP为了提供服务与内容,信用已经成了一种主流方式。但是,在各种服务如雨后春笋般蓬勃发展的市场上,怎样让你的移动应用更有帮助更具关联性,让用户流连忘返就非常有必要了。这一次,我们介绍的是让你的用户获得非常棒的移动应用体验的7个UX设计要点,那么,一起来看看吧。

    2017-05-10