美文网首页九零后运维小明
产品设计--黄金交互7原则,值得收藏

产品设计--黄金交互7原则,值得收藏

作者: 九零后运维小明 | 来源:发表于2020-12-15 08:20 被阅读0次

一、费茨定律(Fitts Law)

费茨定律可以简单理解为:任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关,距离越大时间越长,目标越大时间越短。

设计师只要知道游标与目标物距离D,及目标物与游标的垂直宽度W与操作速率有关即可。而座落在萤幕边端的目标,因为滑鼠移动至低时,会停在边界,可视为目标物的宽度无限大,亦即操作速率最快。

在互联网产品中,运用费茨定律的产品有多:例如美团、百度等产品

把产品按钮可点击的对象需要合理的尺寸大小,将用户越可能想要点击的按钮尽量放大。目标越大,越容易点击或操作。

二、希克定律

希克定律:即为用户提供简单的选择,也就是说,一个人所面临的选择越多,做出选择所花的时间就越多,当面临选择的数量增加,做出决定的时间也会跟着增加。在我们生活中,时刻都存在使用此原理设计的,例如遥控器越来越简单。

三、7±2原则

1956年乔治米勒提出的短时记忆,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,称之为“组块”,在记忆了 5-9 项信息后人类的头脑就开始出错。

不论信息多少,都可以通过结构化将简化为符合7±2法则的短息组块,这样当用户查看信息时可以更容易的将注意力放在他们所关心的信息上,能够更快的找到他们要找的东西,更容易理解,更容易记忆。

真实的案例:百度的搜索框、京东商城的商品展示。

l导航和选项卡尽量不超过9个

l如果导航和选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡。

四、泰斯勒定律

又称为“复杂性守恒定律”,根据复杂性守恒定律,每个应用程序都具有其内在的、无法简化的复杂度。无论在产品开发环节还是在用户与产品的交互环节,这一固有的复杂度都无法依照我们的意愿去除,只能设法调整、平衡。当我们在处理某个难题,可以尝试将固有的复杂性从一个地方移动到另外一个地方。比如我们如果发现页面的功能是必须的,但当前的页面信息过载,那么就需要将次要的功能收起或者转移。

在产品设计中,这类复杂的场景,可以把任务简化,把需求交给用户去选择。例如在兴趣爱好中,可以提供多项爱好,供用户选择:

五、奥卡姆剃刀原理

这个原理称为“如无必要,勿增实体”,即“简单有效原理”,他说“切勿浪费较多东西去做,用较少的东西,同样可以做好的事情。”

雅虎UED 《交互设计原理之奥卡姆剃刀原理》

1) 只放置必要的东西

2) 减少点击次数

3) “外婆”规则

4) 减少段落的个数

5) 给予更少的选项

真实的案例有:腾讯会议的登录框

运用在产品设计中我们可以去掉不必要的干扰元素,这样页面会比较纯粹和简洁。几个功能相同的设计,在都可用的情况下,选择视觉干扰较少的设计,保证主要流程的设计即可。

六、接近法则

接近法则是感知组织格式塔法的一部分,它指出彼此接近或接近的物体往往被组合在一起。换句话说,我们的大脑可以很容易地将物体彼此靠近地关联起来,比分开很远的物体更好。这种聚类的发生是因为人类具有组织和组合事物的自然倾向。从另一个角度说,此相关的物体应当靠近,归组到一起。

如右图,我们会自然地将两种深浅颜色的圆各归为一组,另外一边则是,圆形和方形各成一组

七、防错原则

防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。因此,在设计中要有必要的防错机制。在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

l有用的约束

l提供建议

l选择良好的默认值

l使用宽容格式

l提供帮助、引导和使用文档

真实的案例有神州的日期选择,尽可能的限制条件,防止用户的出错。

本文为交互设计七大原则中,介绍了席克定律、奥卡姆剃刀、泰斯勒定律。最后来简单复习一下吧:

希克定律:面临的选择越多,做决定的时间就越长。

奥卡姆剃刀:避繁就简。

泰斯勒定律:复杂性守恒。

相关文章

  • 产品设计--黄金交互7原则,值得收藏

    一、费茨定律(FittsLaw) 费茨定律可以简单理解为:任意一点移动到目标中心位置所需时间与该点到目标的距离和大...

  • Marks Review - Interaction Desig

    如何做好陌生领域产品的交互设计 交互设计的实质是行为塑造 交互设计新人在阿里的实习总结 7条产品设计原则:纯干货总...

  • 2019设计之旅46-设计清单分享

    第四零章 产品设计的交互设计原则 第40期:用时约3分 原则1:用户界面应该是基于用户的心里模型,而不是基于工程实...

  • 产品设计中的交互原则

    古有力学三大定律,现有交互十大原则。让我产品一溜一溜的。没错,这里所说的“十大交互原则”,就是尼尔森交互原则。那么...

  • 近期有趣文章的分享(2020年1月)

    产品设计 儿童产品的设计原则安全、变化、趣味性、激励、反馈、挑战、探索、容错,这八大设计原则关键词很值得参考。 今...

  • 2021-08-05

    产品设计的基本原则。 产品设计的基本原则,就是产品设计的语法,用来把需求翻译成产品。 1、设计5原则 人们把现实生...

  • 【分享】白鸦-有赞产品设计原则

    以下是白鸦在有赞内部关于《产品设计原则》的分享速记。image 为什么《产品原则》在有赞产品设计原则这件事上,我们...

  • 产品经理-三、如何进行产品设计?

    一、什么是产品设计? 二、如何进行产品设计? 1.产品设计的基本原则 (1)设计5原则:示能、意符、约束、映射、反...

  • 尼尔森的十大可用性原则

    尼尔森的十大可用性原则是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。 一、状态可见原则 用户在网页上...

  • 尼尔森的十大可用性原则

    尼尔森的十大可用性原则是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。 一、状态可见原则 用户在网页上...

网友评论

    本文标题:产品设计--黄金交互7原则,值得收藏

    本文链接:https://www.haomeiwen.com/subject/sfuigktx.html