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

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


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

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

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

  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

相关推荐

  • 团队设计沉淀:做好 Style Guide 不容易

    说起 Style Guide (即设计规范),大部分人的第一反应就是 Material Design 和 iOS Human Interface Guidelines,我自己就是靠读这两份文档逐渐入门设计领域,国内外的设计师、开发者们自然也是对它们了然于胸。来大公司实习之后,接到的第一个任 务就是维护、优化团队的设计规范网站,同时最近也经常和饿了么、随手记等互联网公司的设计师或产品经理探讨如何沉淀团队的设计。

    2017-06-04
  • 交互设计师的60日计划第十七天

    #交互设计师的每日#20150815 雨天和大学最好的朋友的离别,最后一顿饭吃了王品台塑,果然一分价钱一分货。以用户体验为招牌的海底捞告诉我们要排队2小时等位…但是贵的王品台塑不仅立刻有位,服务也要比海底捞更胜一…

    2015-08-20
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 从事交互设计3年多,聊聊交互设计师的核心价值

    很多同行说交互设计 师就是要对用户体验负责,这点我当然是非常认同的。但是交互设计 师并不是独立的个体,虽然我们时常和产品、运营、开发因意见不同而产生争论,但站在公司层面来说,我们和产品、运营、开发等部门是一个大团队,我们既服务于用户又服务于大团队,服务于公司的商业价值。如果你只谈用户体验可能会不赚钱,只讲商业目标则会失去用户,用户体验和商业目标是需要保持平衡的。

    2017-09-16
  • 《用户体验要素》 读书笔记 (3)第四章 范围层

    范围层主要解决功能规格和内容需求只有明确定义出来,你和你的团队才知道你正们在做什么同时你才知道你不需要做什么1. 范围层定义1)范围层需要同时做两件事情:规定过程(日程安排和里程碑);生产产品。2)范围层的功能和内容要明确的定义出来:只有明确定义出来,你和你的团队才知道你们正在做什么,团队中的不同角色才能有共同的参照标准;同时你才知道你们不需要做什么,同时你才知道你不需要做什么,因为这个过程中会不断出现新的需求,要结合你的规划、新需求与...

    2018-04-09
  • 【UE&用户体验面试题】阿里巴巴 2015 用户体验专员实习生笔试题

    阿里巴巴 2015 用户体验专员实习生笔试题 1.某购物网站是大陆市场的领导者,为了扩展台湾市场,专门推出了该网站的台湾版并已上线。为了在台湾竞争激烈的电商 环境中脱引而出,吸引更多从未使用过该网站的台湾用户…

    2015-07-30
  • 3步帮你搞定PRD文档

    很多新同学问道写PRD文档时不知如何下手,在这小编整理了一下如何搞定PRD文档的思路,还望对大家有帮助,这样也就值了。 一、理解什么是PRD? PRD:Product Requirement Document,产品需求文档,可以看出它是用来…

    2015-06-05
  • 留白这种设计手段的4大必要功效

    留白不只是空白的画布,它是一个功能强大的设计工具。留白是很难掌握的,留白的应用是包含艺术与科学。真正了解多少空白位置才足够创造一个良好的布局需要多实践。你设计得越多,你就会学得越多。“Whitespace is to be regarded as an active element, not a passive background” — Jan Tschichold
    “留白不单单是一个被动的背景,而是一个活跃的元素。”Properly using whitespace between paragraphs and in the left and right margins can increase comprehension up to 20%
    适当的运用段落之间的留白和左右边距的留白能有效增强理解力高达百分之20.The more whitespace around an object, the more the eye is drawn to it
    越大的留白空间包围一个物件,越多的目光就会集中在这个物件身上。As designers, it’s our responsibility to create usable communication vehicles.
    “作为设计师,我们职责就是去创造“沟通手段””Let the products speak for themselves
    让产品自身为自己说话。

    2017-04-28
  • 帮助视觉设计师高效工作的三大招

    互联网视觉设计师如何在职业上精深一直是我在思考的,遇到过许多视觉设计师想转行去做交互或者项目经理,找不到视觉设计师的价值和专深入点。我也在思考与探索中,下文是我现在想到的一些点,也欢迎同道中人一同探讨,互相启发。

    2017-05-05
  • 【腾讯讲堂】交互原型设计公开课推荐

    腾讯讲堂交互原型设计公开课推荐哦,因为小编看到这个课比较适合新手们,关键是免费,哈哈哈~~好魔性的笑声。 废话不多说,点击去学习吧:UI交互原型设计公开课。 课程内容如下:  

    2016-01-20