跳到主要内容

如何正确简化您的网页设计

决策是用户交互的第一步。在用户点击链接或图像之前,他们首先需要确定这样的操作是值得的。

我们知道,用户选择使用网站或应用程序的方式不仅仅是接口对象的数量。颜色,排版,视觉层次是影响决策的数十个要素之一。

19个常见的UX问题以及如何解决它们

但即使是最漂亮的配色方案,最清晰的排版和直观的视觉层次也无关紧要,如果它是在没有考虑用户流程的情况下执行的。

Image courtesy of www.UXPin.com

图片由www.UXPin.com提供

未能提供足够的决策,用户将去其他地方找到他们想要的东西。提供太多决策,用户也会受到影响选择瘫痪。如我们所述Web UI最佳实践,所有设计技术都需要平衡才能获得成功

在本文中,我们将讨论如何通过在任何给定时间为用户提供适当数量的选择来简化整体站点体验。根据我们的经验,围绕用户决策设计Web界面是确保布局尽可能简单的最佳方法。

为什么希克定律对交互设计至关重要

1951年,英国心理学家威廉·埃德蒙·希克(William Edmund Hick)进行了导致的实验希克定律,其表明做出决定所需的时间根据可用选择的数量以对数方式增加。

Image courtesy of www.UXPin.com based on: Shake, Rattle & Roll to my Magic Number: 7 +/-2 by Kate Simpson: http://www.tangledom.com/shake-rattle-roll-to-my-magic-number-7-2/

图片由www.UXPin.com提供,基于:Shake,Rattle&Roll to my Magic Number:7 +/- 2 by Kate Simpson:http://www.tangledom.com/shake-rattle-roll-to-my-幻数-7-2 /

快进到现代,希克定律现在是网络和移动设计清晰简洁的有力论据。

传统上,设计师接受对希克定律最简单的解释:限制您在导航菜单,下拉菜单等中的选项数量。

这没有错 - 事实上,它实际上是一个很好的提示。设计人员应始终将屏幕选择量减少到实现即时用户目标所需的数量。

Image courtesy of Overstock

图片由Overstock提供

在上面的例子中,恰当地命名积压网站遭受各种各样的选择。只要您将鼠标悬停在像Furniture这样的顶级类别上,就会立即触发一个包含大量次要类别的子菜单。

请注意信息架构缺乏一致性:男性和女性与特定的产品类别(如“手表”和珠宝)聚集在一起。如我们所述交互设计最佳实践卷。 1,接口必须一致才能学习(因此可用)

在这种情况下,信息的过渡太过于刺耳。

淬火欲望

除非用户确切地知道他们想要什么,否则Overstock的界面会平息任何自由浏览的欲望,这是在线购物中最令人愉快的元素之一。

以下三击规则字面上也可能导致这些用户体验错误。当然,用户可以通过3次点击在技术上找到一张厨房桌子,但是决策过程中的信息解析过多

现在,让我们将它与亚马逊进行比较,亚马逊提供的产品范围大致相同,可能更多,但更简单:

Image courtesy of Amazon.com

图片由Amazon.com提供

搜索栏没有竞争的视觉元素,鼓励知情用户直接进入。但是浏览菜单的选项仍然可用,但作为简化的下拉列表(不会在页面上蔓延)。相反,该界面包含一个划分的决策过程

在看到涉及更多的子菜单之前,用户必须首先选择他们的类别。这里的关键教训是亚马逊将这些选项隐藏起来,直到需要它们为止,创建一个节奏的决策过程。最终,这简化了界面和购物过程

这是希克定律很好用的。麻烦的是大多数设计师都停在这里。他们没有看到更为深远的法律应用,限制了他们对交互设计的理解

下一页:如何将希克定律应用于网页设计



翻译字数超限