认识达内从这里开始

我们在开发软件或者说是设计网页的时候，如果能够用好交互设计的一些设计心理学等方面的技巧的话，是可以让用户对我们的产品体验更加的满意，下面我们就给大家简单介绍一下，这些设计心理学的具体应用方法。

费茨定律

费茨定律定义

费茨定律我们可以简单的理解为：

a.目标越大，越容易点击或操作

b.两者的距离越近越容易操作

费茨定律的应用

a.按钮越大越容易点击

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

b.相关联的功能按钮放在一起更容易点击

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

c.次要功能的按钮可以放的小一点

根据功能层级的重要性，我们可以将次要的功能放小一点。例如淘宝中介绍详情页的底部，“去购买”的功能层级明显大于其他三项(点赞、评论、收藏)的重要性。

d.功能类型不同的按钮要放得远一点

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

格式塔原则

格式塔原则定义

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

我们可以简单的理解为：整体与个体的关系，整体和个体之间并不是单一的对等关系。

格式塔原则应用

UI设计中我们主要利用格式塔原则中的：相似性原则、延续性原则、封闭性原则、邻近原则、简单原则。

a.相似性原则

当人们看到具有相似特征的元素会自动将其归为一组。元素的相似性通常参考：大小、形状、颜色、纹理等等来去界定。

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

b.延续性原则

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

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

再例如我们常见的列表设计，都是遵循延续性原则。

c.封闭的原则

人眼会自动将带有一定动向趋势的不完全闭合的图形看做一个整体，

封闭原则的应用十分常见，在工作中我们称作为截断式设计。例如我们常见的横向交互，会在屏幕右侧故意露出一部分，来告诉用户通过滑动可以得到更多内容。

d.邻近原则

人们会将相邻比较近的元素自动归为一组。例如微信的发现页面，我们一印象就是相互靠近就是同类型的一组功能。

e.简单原则

具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。例如UC浏览器的详情页和闲鱼以及京东金融的页，整体布局都趋于对称、规则和平滑。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!