首页  思维导图  详情

七大交互心理学

2019-10-10 09:33:09   0  举报





AI智能生成

七大交互心理学

交互

交互设计

用户体验

用户体验心理学

心理学

需求分析

产品设计

作者其他创作

大纲/内容

神奇数字7±2 法则

定义

7±2法则是指：人在处理信息的时候同时最多可以处理9个，最少可处理5个

简单点理解就是：当用户同时操作任务的数量越少，分散的注意力越少，正确率越高

作用

（1）、信息分类

7±2法则最简单的应用就是信息分类，最最常见的例子就是手机号的模块组合，通常情况下被割裂成“3-4-4”的组合方式，减少用户的记忆方式

例如大众点评的注册页面和电话呼叫弹窗，都遵循了7±2法则

（2）、优化选项

我们可以查看线上大部分的 app 顶部导航栏，都严格遵循了7±2法则，虽然在横轴可无限滑动，但在显示区域只保持7±2法则的显示数量

例如今日头条、美团等等

（3）、页面布局

7±2法则可以帮助我们来优化界面布局，通过对模块的分类，将同类型的内容组成模块，用户可以通过先查询模块再来寻找具体的内容，看似交互路径变长，实则提高了用户的效率。

支付宝通过对同类型的功能内容进行组合，将大量的内容组合成模块，通过现寻找模块在寻找具体功能的方式，提高了用户的操作路径

希克定律（Hick’s Law ）

定义

席克定律的核心意义：人在面临选择越多的时候，所要消耗的时间成本越高。

公式

数学公式表达为：RT=a+blog2(n)，其中，RT表示反应时间，a表示跟做决定无关的总时间，b表示根据对选项认知的处理时间实证衍生出的常数，n表示同样可能的选项数字

作用

（1）、提高选择效率

为了提高用户的选择效率，我们需要尽可能的避免的过多的选择摆在用户面前，否则用户会因为选项过多而犹豫不决，造成时间成本直线上升而导致用户放弃当前操作

在网易云音乐中的歌单页面中，侧滑删除歌单的时候，只给用户“一到两个”选择，用户可以根据自身的需求进行快速的选择，不需要耗费大量时间进行认知思考

（2）提高信息获取效率

通过“席克定律”将信息分类组合可以帮助用户提高阅读效率，通过同类信息的组合提高用户对信息的接受度，使得信息更加容易阅读

淘票票的详情页通过的同类型信息的组合，帮助用户减少了对信息进行检索再组合认知的过程，减少了用户的成本输出，提高了用户的阅读效率

（3）提高用户体验

当用户在处理应用操作的时候，所消耗的成本越少，心情自然会更加愉悦

same 创建频道的过程分成“4步”，每一步用户只需要面对少量的选项，直接将用户的认知时间成本降到了最低，无意为用户创造了一次愉快的用户体验

（4）建议

将任何选项，包括按钮、图片、页面保持在最低限度的原因，消除不必要的选择，使产品的可用性更高；但是切勿绑架用户，限制用户的选择，例如系统的升级选项只有一个选项那就是“升级”

费茨定律（Fitts’ Law）

定义

（1）、目标越大，越容易点击或操作

（2）、两者的距离越近越容易操作

公式&来源

来源

1954年，当时担任美国空军人类工程学部门主任的保罗·费茨（Paul M. Fitts）博士，对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行了研究，提出了著名的Fitts定律

公式

费茨定律的公式：t = a + b log2 (D / S + 1)，其中a，b是经验参数，它们依赖于具体的指点设备的物理特性，以及操作人员和环境等因素

应用

（1）、按钮越大越容易点击

例如nice、闲鱼、转转的发布栏按钮，属于产品的重要核心功能，放大之后扩大了按钮的热区范围并增强了视觉冲击力，更加容易操作

（2）、相关联的功能按钮放在一起更容易点击

相关联的功能经常出现在底部操作栏中

我们以淘宝、网易严选、高德地图为例，它们的底部操作栏相关联的功能按钮都靠在一起。如淘宝中“加入购物车和立即购买”、网易严选中的“立即购买和加入购物车”、高德中“探路和开始导航”，都是紧密相连的业务，放在一起更加容易点击

（3）、次要功能的按钮可以放的小一点

根据功能层级的重要性，我们可以将次要的功能放小一点

例如淘宝中介绍详情页的底部，“去购买”的功能层级明显大于其他三项（点赞、评论、收藏）的重要性

（4）、功能类型不同的按钮要放得远一点

功能类型不同按钮放在一起很容易造成误操作

例如UC浏览器中详情页的底部，“返回”和“评论、收藏、分享”的功能类型不同，如果靠在一起则容易引发误触，所以相隔很远，尽量避免误操作

格式塔原理

定义

格式塔理论（Gestalt）强调经验和行为的整体性，认为整体不等于部分之和，意识不等于感觉元素的集合，行为不等于反射弧的循环

应用

（1）、相似性原则

当人们看到具有相似特征的元素会自动将其归为一组

例如贝壳租房的“资讯快递”模块，通过矩形相似性，我们会自然的将其看作一个整体

元素的相似性通常参考：大小、形状、颜色、纹理等等来去界定

（2）、延续性原则

人的眼睛会自然的从一个物体移动到另一个物体，同时我们也更加倾向于把部分具有一定规则的独立的个体看成一个整体

例如 Fancy 页面中的活动模块下的功能入口，我们的眼睛会自然的将他们的 icon 看成一条连续的线

（3）、封闭原则

人眼会自动将带有一定动向趋势的不完全闭合的图形看做一个整体，封闭原则的应用十分常见，在工作中我们称作为截断式设计

例如我们常见的横向交互，会在屏幕右侧故意露出一部分，来告诉用户通过滑动可以得到更多内容

（4）、邻近原则

人们会将相邻比较近的元素自动归为一组。

例如微信的发现页面，我们第一印象就是相互靠近就是同类型的一组功能

（5）、简单原则

具有对称、规则、平滑的简单图形特征的各部分趋于组成整体

例如UC浏览器的详情页和闲鱼以及京东金融的首页，整体布局都趋于对称、规则和平滑

新乡重夫：防错原则

定义

防错原则认为大部分的意外都是由设计的疏忽，而不是人为操作疏忽

应用

要注意从用户出发，预测到他们有可能发生错误操作的步骤，能免则免，不能避免，则要及时向用户反馈，让用户及时从当前的错误操作中恢复正确地操作

比如知乎安卓版本的登录操作：当用户在知乎中登录时，在没有填写完手机号码和密码前，底部的登录按钮是置灰不可点击的，只有两项都填写完整底部的登录按钮才会变为可点击状态，也就会蓝色的，这就是为了防止用户犯更多错误，也是防错原则的一种体现

比如安卓版微信发朋圈动态时，点击返回按钮出现的提示弹窗：弹出框方式会增加不可逆操作的难度，当用户发一条动态一半的时候，因为误操作或者其它退出当前状态的时候，使用弹窗是是个不错的选择，因为用户这个操作会让之前辛苦编辑的内容删除找不回，想要再发只能从头开始，对用户造成损失比较大；这就是防错原则的另外一种体现

复杂性守恒定律/泰思勒定律（Tesler’s Law ）

定义

每个应用程序都具有其内在的、无法简化的复杂度。

无论在产品开发环节还是在用户与产品的交互环节，这一固有的复杂度都无法依照我们的意愿去除，只能设法调整、平衡

打个比方，应该由开发花费额外的时间来使软件变得更加简单好用，还是应该让用户自己去解决软件使用中可能存在的问题？

应用

案例一：遥控器的设计演变

智能电视所配备遥控器界面按钮比普通的电视遥控器按钮少了很多，设计上也趋向简洁，使用上也更加好用，没了那么强烈的选择恐惧症，决策的效率也提升了

普通电视机的界面通常很简单，你使用遥控器打开电视时，界面上展示的必定是一个频道当下的画面，不会出现复杂的选择页面

遥控器的功能减少了，但是电视机的界面和交互复杂度提升了。通过以上例子我们不难看出，复杂度的降低是一个相对的概念，不能过分的简化复杂度，只能通过技术或者其他手段转移，来提升产品的用户体验

案例二：手机设计演变

智能手机简化了物理操作按键，通过技术手段降低了手机操作的复杂度，尤其是复杂的交互手势操作，复杂度的降低是通过大量的技术和资金投入解决，这也体现了复杂守恒定律