热图测试 - 它应该如何影响现代网页设计？答案

【问题标题】：Heat Map Testing - How should it affect modern web design?热图测试 - 它应该如何影响现代网页设计？
【发布时间】：2011-06-17 19:51:16
【问题描述】：

我是公司内部的 UI/UX/Web 设计师。在雇用我之前，我们公司有一家企业级网络咨询公司，我们很快就会“放手”。在我们的合同到期之前，我们仍然主要使用它们来提供反馈。

在过去，特别是根据当前的一些反馈，这家公司已经很好地提到了为“F 模式”设计页面的重要性，热图测试证明用户倾向于吸收网络内容。

我的问题是，这些类型的热图测试对于当今的网页设计有多重要和相关？这种趋势似乎是我们的顾问机构认为我们应该“谨慎行事”并坚持研究。 IE。 - 建立在已证明的基础上。

虽然这看起来很合理，但我认为从热图测试和“F 模式”来自用户倾向于阅读文本块的方式的角度来看，它缺乏逻辑，而不是与界面那么多。事实上，如果您在文本中有图像的地方看到热图图像，通常该图像具有更长的停留点，无论它是否符合“F 模式”。

那么“F-模式”应该决定网站布局和界面设计，还是少指整体设计而多指内容吸收？

【问题讨论】：

等一下。他们是建议 (a) 对您的网站进行热图测试，还是 (b) 坚持 F 模式？前者是好的和科学的——无论你是建立一个 F 模式页面还是其他东西，它都会告诉你它是否将注意力引导到你想要的地方。但后者是坏的和迷信的；正如您正确观察到的那样，仅仅因为人们平均以这种方式阅读某种页面并不意味着他们会以那种方式阅读您的页面。
后者。但现在一切都很好。 :-)

标签： user-interface user-experience

【解决方案1】：

热图分析的好处在于了解人们如何阅读您的网站。 “F”模式告诉你说英语的人从左到右、从上到下阅读。呃。热图会告诉您他们是否可以找到导航控件，或者侧边栏是否会分散内容的注意力。

Jakob Nielsen 写了一篇有趣的博文，讲述了人们如何在内容看起来像广告时忽略它。他研究的网站完美地遵循了“F”模式，眼动追踪数据显示人们看到了内容，但没有阅读——他们只扫描了前几个单词并（错误地）确定这是一个广告。如果没有实际站点的热图，这将很难弄清楚。

将热图用作分析工具，而不是设计原则。

【讨论】：

【解决方案2】：

我的不可操作的双曲线观点是，他们用一大堆胡言乱语来说服你，他们正在做一些有用的事情，以换取他们要求的大量金钱。作曲艺术和大多数其他设计原则不适合左脑分析，但不幸的是，没有人会支付艺术家 300 美元/小时在董事会会议上谈论他们的感受，所以你最终会得到这些庸医先令无关紧要的统计数据可以假装明白。

【讨论】：

呃，这是 StackOverflow。 Programmers.SE 是隔壁的站点。 ;)

【解决方案3】：

证据就在布丁里。如果设计更改增加了您的销售额（或您希望网站为您做的任何事情），请保留它。有效。如果没有，请切换回来。

【讨论】：

【解决方案4】：

除非网站设计与“标准”布局大相径庭，否则很难反驳人们倾向于扫描页面内容的证据。

我认为从长远来看，违背人性是一个巨大的失败赌注。

话虽如此，您应该对自己的设计和内容进行自己的研究。获取可用于支持更改（或不更改）设计的真实数据。

【讨论】：

【解决方案5】：

在我看来，热图测试只是项目应经过的众多测试阶段之一，以使分析数据被认为是经过验证的。每个案例都应单独处理，这样您就不会被当场发现创建同一网站的副本。此外，每个业务都有不同的原则，虽然在为广大受众开发通用网站时，概括有时很好，但必须执行多变量测试（有时称为“拆分测试”或“A/B 测试” )，以确保您相应地对内容结构进行建模。

利益相关者聘请专家来做这件事，但由于他们渴望得到赞赏和对我们正在做的工作的投入，他们可能想尝试在这个主题上提出他们的个人意见，从而制造可憎这很难控制，也不会产生收入。

在将结果交给你的老板或利益相关者之前，尽可能多地进行测试，因为这将是科学数据，你可以用它来支持你的陈述并让他们闭嘴。

热图分析在相应使用时是一种强大的工具。但是，如果您坚持可能在几个月后失效的旧概念，您将在您的脚下挖掘一个整体。创新是推动这项业务的动力，而研究是找到黄金比例的好方法。

我仅将热图与其他测试方法一起使用。很少单独使用。

【讨论】：