符合用户认知的交互才是最自然的交互

为什么有时候只用看一眼就知道这两个东西是什么,如何操作?其实这就是物品所具备的预设用途。物质心理学—研究人和物相互作用方式的心理。一件物品实际上能用来做何用途,或被认为能有什么用途。一个白色的东西加一个按钮在上面,并且一按就会有“奇迹”发生。


为什么有时候只用看一眼就知道这两个东西是什么,如何操作?其实这就是物品所具备的预设用途。

符合用户认知的交互才是最自然的交互

家里一岁两个月的宝宝喜欢用手机做两件事情:

  1. 按「HOME」键,点亮屏幕。
  2. 按住「assistive touch」键,在屏幕上拖动。

符合用户认知的交互才是最自然的交互

并且这些操作都是他自己的发现。

那么问题来了,什么样的设计能够让一个婴儿本能做出正确的操作?

正好最近在调研一些好用的工业用品背后的设计原理,同时把《设计心理学》精读了一遍。

下面就从心理学的角度去思考和分析吧。

先看看下面这个例子:

符合用户认知的交互才是最自然的交互

  • 看见椅子就知道是坐的,还可以搬走。
  • 看见玻璃就知道是透明的,还可以打碎。

为什么只用看一眼就知道这两个东西是什么,如何操作。

《设计心理学》里提到一个理论:

物质心理学—研究人和物相互作用方式的心理。一件物品实际上能用来做何用途,或被认为能有什么用途。

简单来说就是物品具备的「预设用途」。比如:

旋钮–>转

符合用户认知的交互才是最自然的交互

插槽–>插

符合用户认知的交互才是最自然的交互

圆球–>抛、弹

符合用户认知的交互才是最自然的交互

物体的预设用途会提供明显的操作线索,用户一看便知如何操作,无须借助任何的图解、标志和说明。

回到刚刚IPHONE的例子,「HOME键」和「大白点」都是圆形,预设用途体现的非常明显,让人本能的就会去点。

预设用途构成要素

可视性

符合用户认知的交互才是最自然的交互

良好的可视性可以让用户仅通过物体外观就可以清楚明白应该做什么、怎么做、以及预期的结果是什么。比如:

符合用户认知的交互才是最自然的交互

这个门的设计就很好的解决了推和拉的问题。

平板一边=推;竖把手一边=拉;

都不需要文字提示,仅通过外观设计就可以清楚告知操作流程。

匹配性

符合用户认知的交互才是最自然的交互

操作过程和最终结果之间应该是一种自然匹配关系。比如开车时顺时针打方向就会右转。这种关系用户很容易记住,且永远不会忘记。

有几种方式可以实现自然匹配。

1.物理环境类比:

符合用户认知的交互才是最自然的交互

图例是公司的空调操作面板,通过模拟物理空间的布局,很清楚每个空调开关所工作的区域。

2.文化标准暗示:

符合用户认知的交互才是最自然的交互

符合用户认知的交互才是最自然的交互

这种属于常识性的匹配,基本没有认知障碍。包括手机的音量调节,亮度调节显示实际上都是使用这个标准。

符合用户认知的交互才是最自然的交互

再看一个将自然匹配运用的很出色的设计:

符合用户认知的交互才是最自然的交互

汽车电动座椅:通过物理形状模拟靠背和坐垫。通过「前后」、「上下」的操作去匹配座椅的调节方位。汽车上大部分设计都很复杂,但座椅调节的设计应该是最人性化。

反馈

向用户提供信息,使用户知道某一操作是否已经完成以及操作所产生的结果。试想你在和一个人谈话,但却听不到自己的声音,或者你在用铅笔绘画,但却看不到任何笔迹,这两种情况都缺乏信息反馈。

这个相对容易理解,推门–>开、点灯–>亮。让用户及时看到操作结果。

好的设计无需认知门槛

苹果的首席设计师叫乔纳森·艾弗,他以前是做马桶设计。据说IPHONE的「HOME键」设计就是借鉴的马桶。

一个白色的东西加一个按钮在上面,并且一按就会有“奇迹”发生。

除此之外IPHONE里面还有很多操作,比如「滑动解锁」、「点击图标」、「下拉通知栏」等都是自然匹配生活中大家习以为常,并具备明显「预设用途」的物体操作。这就是每个人都觉得好用、简单的原因,哪怕是一个婴儿。

 

作者:思考菌,微信公众号:secondthought

本文由 @思考菌 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23719/

(0)
CatherineCatherine
上一篇 2017-05-06 13:03
下一篇 2017-05-06 14:49

相关推荐

  • 记忆篇|从心理学理解交互设计原则

    无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。

    2017-04-30
  • 【设计思维】移动思维和WEB思维

    随着移动互联网的兴起,移动思维这个词也越来越多被提起。经常会有人问我什么是移动思维,其实这个词是相当WEB思维而言的。 我总结了下: 由于物理设备的不同导致的使用方法和使用习惯不同。 (思维是针对 移动产品…

    交互设计 2014-11-29
  • UI设计中下拉刷新有什么讲究?

    最早的下拉刷新 设计源自于Tweetie 这款应用的设计,设计师Loren Brichter 是这种令人欲罢不能的交互的缔造者。现在,下拉刷新 的交互几乎无处不在,但即便如此也让人无法轻易忽视它带来的快感。从Twitter 到 Gmail,从QQ到新浪微博,它几乎存在于你触手可及的每一个应用当中。

    2017-05-16
  • 设计师如何使用用户研究优化A/B测试

    作者:Jennifer Cardello; 编译:霍诗雨@ 点融黑帮   一、A/B 分类测试 A/B分类测试使得网站可以通过比较同一网页的不同设计,来决定其中哪些设计将产生最好的结果。在A/B测试中用到的指标是微观和宏观的转化率。 …

    交互专题 2017-08-07
  • 大数据应用的用户体验分析

    版权所有©德塔精要,转载请注明出处用户对产品或服务的认同是由用户体验的过程所决定的,一个具备良好用户体验的IT系统对内可以提高员工工作效率,对外可以提高客户满意度和忠诚度,最终为企业带来不菲的经济效益或社会效益。因此,组织的IT战略必须实现IT与业务的融合,面向客户和关注用户体验管理。但目前用户体验管理是当前IT业务运营的弱项,也许我们能够了解IT资源的每个细节,但却不知道用户感受怎么样,不利于IT系统的优化和完善。缺乏用户体验管理以及...

    2018-03-12
  • 聊一聊不同应用场景下的验证码

    最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略,它在每个场景的显示逻辑可能不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。

    2017-05-05
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 教育产品组件化交互设计的实践与思考

    作者:王媛媛   组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。在线教育领域内,题目是线上线下教学场景内校验学习的一种基本方式,同时,题目…

    交互专题 2017-11-13
  • 超实用的响应式排版快速指南

    译者语:无论是对于印刷、网站或是电视广告来说,排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而,“理解”和“实践”还是相差十万 八千里的,特别是在网页设计中,“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站,但我想你们中可能很少有人知道什么是响应式排版吧。

    2017-06-02
  • 硅谷设计师看苹果交互设计趋势:如何适应大屏?

    来源:用户体验联盟 本文作者:Jiaxin Yu 苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法! 今年夏天,…

    交互设计 2014-10-11