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

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

相关推荐

  • 不仅要漂亮:看图像如何引导用户体验!

    俗话说得好,“一图胜千言”。图片不仅要漂亮,还要够意思!

    2017-05-08
  • 别被数据骗了——视频搜索页面设计研究总结

    如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

    2017-05-02
  • 你们做交互设计都使用哪些权威的工具呢?

    达内UI设计,中国UID课程标准制定者工具是设计师的重要榜首,好的设计离不开好的工具,那么你交互设计都使用哪些权威的工具呢?本文为大家总结一下。哪里能学到企业需要的设计技术?2018学设计到哪里学就业更好?零基础学设计多久能学会?转行学设计学完好就业么?1月达内UI免费训练营火热报名中,全程大咖级讲师亲授,为你解析UI行业发展趋势,就业前景,帮你了解设计,轻松入门,更快一步成为设计大牛!马上阅读原文或者回复:姓名+电话+城市报名吧!好消...

    2018-01-30
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24
  • 目标导向设计法02:如何确定设计目标?

    上一篇文章《目标导向设计法01:如何才能让交互方案更靠谱?》说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足欲望。某理财应用要做一个续约的功能,主要针对购买的理财产品将要到期的用户,提醒他们可以续约。提供的续约信息包括用作续约的本金,续约方式(本息续约),预期增加收益,续约期限,续约后的到期日,续约说明。续约操作后需要审核,审核一般需要1~2小时,通过后会有短信通知。由于续约能够给公司带来不少收益,因此希望用户在操作上比较流畅,保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。”

    2017-05-07
  • 设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • 页面状态还是组件?到底什么才是交互的中心?

    随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Ma…

    2023-03-03
  • UED新刊 | 马岩松:梦露十年

    UED105期《MAD国际实践专辑》现已开始预售更有30本马岩松亲笔签名版,只限预售!具体购买详见文末互动福利PART 1新刊导读尽管频频有人发问,中国建筑为何迟迟未能冲出亚洲、走向世界,然而这是个太过深广的课题,涉及文化、经济、 政治、意识形态等等诸多方面,并不是三言两语甚至是一期杂志就能说清楚的。在这样的大背景下,马岩松和他的MAD 建筑事务所在国际上的实践探索,便分外独树一帜、另人瞩目。2004年,马岩松在纽约创办MAD建筑事务所...

    2018-02-07
  • UX案例学习:HubSpot如何重新设计他们的主页

    这个故事就是一个设计师如何集中研究,协作,坚持以用户为核心为底线,安排一份紧凑的时间规划。

    2016-08-24
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17