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

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

相关推荐

  • 你离用户的距离,只差一个好的体验

    研究表明,90%的用户下载的App只使用一次,然后就会删除。

    2017-05-18
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 设计师 To do list:怎样做最有效

    To do list即待办事项列表,罗列出来会帮助我们的脑袋省去一些记忆负担,让我们的思考更加高效。Sophia的tips:敢不敢试着做一年,你会惊喜自己的优秀~

    2017-04-29
  • 交互设计的未来:技术的改变使交互设计的可能性愈加丰富

    Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说,“交互(Interactivity)通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术,可以阅读《Interaction Design Best Practices》一书。

    2017-06-02
  • IxD交互设计工作中的关注重点

    一、IxD交互设计工作中的关注重点 1. 情景(Context) 皮特•杨•斯塔皮尔斯(Pieter Jan Stappers)认为情景指人与产品交互的环境。情景具体包括的内容取决于设计要解决的问题、设计目标和设计产出。 为什么要研究情…

    交互设计 2015-06-13
  • UX分析:朋友圈的外链知多少?

    用户体验设计的核心是用户,而用户是通过社交媒体相联系的,在设计app应用时,我们会更在意app内的使用,而会忽略app外的使用。当我在朋友圈里看到这些外链的时候就想到了要写这样一篇文章,略显粗浅笨拙,如有不当之处请不吝指教。“来跳坑吧,下载我吧,打开我吧”!

    2017-05-08
  • 有效地运用UI动效的4种方法

    约在10年之前,在用户界面使用的动效,大部分是一些广告和闪烁的弹窗。然而到了今天,已经发生了翻天覆地的变化。设计不仅是外形和感觉,设计关乎如何运作。

    2017-08-04
  • 交互设计创新之改变用户行为的设计

    这是百度MUX在IXDC2016北京前瞻活动『移动产品的交互设计创新』中的一次分享。 这个课程属于团队内部一个培训课程的一部分,是关于HCI用户认知结合交互设计项目管理的内容方向。该文章阐述了讲说Keynote的核心内容…

    2016-05-08
  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04