前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >干货!UX设计师必知的7条设计法则全解析

干货!UX设计师必知的7条设计法则全解析

作者头像
用户5009027
发布2020-05-09 16:16:02
7260
发布2020-05-09 16:16:02
举报
文章被收录于专栏:静Design

作为UI/UX设计师,除了专注视觉效果之外,更应该关注产品的易用性,可访问性以及交互方式。如果你没有遵循这些,那再好的设计也可能会被完全浪费。所以,为了改善咱们的产品,下面列出了7条设计师必知的设计法则,大家要全部理解哦。

01.梵雷斯托夫效应

梵雷斯托夫效应(von Restorff Effect)又称隔离效应(isolation effect),以及新奇效应(novelty effect)。

梵雷斯托夫效应是指,相对于普通事件或物体,我们记忆有特色事件或物体可能性会更大些。梵雷斯托夫效应的主要成因,来自人们会格外注意一些东西里的某个特殊目标,可能是一张生字表、一些物品、界面中的一些元素等。

在UI设计过程中,我们可以通过这种方式让用户记住我们的界面内容,比如下方的淘宝和爱奇艺的Tab菜单,采用了不同效果的icon,反而让用户印象深刻。

02.希克定律

希克定律,原称希克海曼定律(Hick Hymalrs 1aw),是一种心理物理学定律。简单的说,它的意思就是:一个人所面临的选择越多,做出选择所花的时间就越多,当面临选择的数量增加,做出决定的时间也会跟着增加。

现在的UI界面的功能越来越复杂,更用户的功能项越来越多,但是我们必须选出用户最常用的按钮,将不同使用频度的按钮给出不同的权重,从而在设计上作出区分。如下图,京东和美团外卖,将众多的入口按钮权重进行了划分,确保用户能最高效率找到自己想要的内容。

03.菲茨定律

菲特定律(Fitts’s Law)类似于希克定律,但它根据目标的距离和大小确定目标将花费多长时间。您可以通过使其足够大并放在底部使其易于到达来缩短时间。

如下图的购物界面,采用常驻底部的大色块来促成用户点击,效率更高,效果也更好。

04.蔡格尼克记忆效应

蔡格尼克记忆效应(Zeigarnik effect)表明,不完整或中断的任务最有可能被记住。您可以通过添加简单的进度栏来帮助用户记住某些未完成的任务。

如下图的新浪微博和知乎,均增加了展开阅读原文的选项,吸引用户继续读下去。

签到进度条也是一种让人产生粘性,并给予用户激励的很好措施。但是,激励措施不能让用户绝望,如果你告知用户需要签到100天才能拿到奖励,用户一定会疯掉。因此,分阶段激励是个很好的措施。

05.系列位置效应

系列位置效应(Serial Position Effect)表明,用户最有可能记住第一个和最后一个术语。将最不重要的项目放在列表的中间,将关键信息放在第一个和最后一个系列中是一个很好的经验法则。想一想,为什么大部分应用的第一个菜单是“首页”,最后一个菜单是“我的”。

06.共同区域法则

共同区域法则(Law of Common Region)表明,当元素共享一个具有明确边界的区域时,它们会被“组合”在一起。考虑为元素添加边框或在元素后面定义背景以创建公共区域。

同理,被包含在一个完整封闭区域内的元素更容易被识别为一组。同连通性一样,同域的元素也具有非常强的相关性。

如下图,微信和iPhone设置界面,功能类似的内容被放在一个区块里。

07.临近法则

临近法则(Law of Proximity),靠近或接近的对象倾向于组合在一起。它可以帮助用户更快,更有效地理解和组织信息。

如下图,在UI模块设计过程中,我们将内容近似的模块靠近处理,非内容相近的模块则加大留白,这样组织会更加明确。

静电为大家推荐一个非常不错的网站

https://lawsofux.com/

网站中详细解释了UX设计过程中的各种效应

不妨收藏来读读看

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-05-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档