产品可用性原则:网页设计点睛秘笈

作者:匿名 2019-11-06 12:22:44 阅读量:4948

作为用户接触的第一个入口,网页直接影响用户的第一印象。如何设计网页来改善用户的使用体验并满足他们的心理期望?

在用户体验领域,“把石头变成金子:先为访问者设计网页的秘密”可以说是一本非常经典的书。这本书的第一版于2000年出版,现在已经更新为第三版。它出版至今已近20年,但一直受到高度尊重。

本书主要介绍产品可用性的原理,并以大量案例说明其应用。几年前我读过一遍,最近又重温了一遍。我要做一个校对,并把它作为我的学习记录。

作者史蒂夫·克鲁格(简称克鲁格)是一位备受尊敬的可用性顾问。他以一种易于理解的方式将多年的专业经验浓缩成这本书,篇幅很短。

虽然作者说它可以在两个小时内完成,但是如果你阅读和思考,两个小时是不够的。毕竟,这是一本工具书,不是小说。这篇文章只是我学习的记录。我仍然希望每个人都能阅读原著。

不要让我认为,正如克鲁格的可用性第一定律,这意味着设计师应该尽最大努力去做。当他们看到一页时,它应该是不言而喻的,一目了然。用户可以理解它是什么以及如何使用它,而无需花费大量精力思考。

例如,如果一个你不认识的人,像你隔壁的邻居,对你的网站不感兴趣,并且几乎不知道如何使用它。但是他仍然看着你的主页,知道它是什么以及如何使用它。

例如,下面的网站是我在网上随机找到的一个网站,我以前从未听说过。点击链接后,乍一看,有很多关于汽车的元素,我猜一定是关于汽车的网站。右下角有两个大按钮:“寻找新车”和“品牌寻找汽车”。那么这应该是一个销售汽车的网站。快结束了。

不管下面有多乱,至少第一眼我就能看到这个网站做了什么,应该如何使用。这是最基本的。

有可能我们以前访问过一些网站,但打开后却不知所措。在我们知道如何操作它之前,我们已经浏览了首页的几乎每个部分,或者一些元素看起来像按钮,但是它们不能被点击,并且没有失败的迹象。简而言之,经验非常贫乏。

所以当我们创建网站时,我们需要去掉这些问号。作为一个用户,我永远不会花几秒钟去思考我是否可以点击。

当我们访问网络时,每个问号都会增加我们的认知负担,并把我们的注意力从要完成的任务上引开。这种干扰可能非常轻微,但会累积起来。有时这种干扰不需要太多,这足以让我们发疯。这将使我们对网站失去信心。

那么访问者在访问网站时不应该花时间思考什么呢?

例如:

在设计网站前后,我们可以把这些作为行走的对象来考察,这些习惯会逐渐成为你的潜意识,这些因素在再次设计网站时自然会被考虑进去。

然而,有时,尤其是在设计一个新的、开拓性的或非常复杂的页面时,一个人可能只能解释自己。在一个不言自明的页面中,用户只需要花一点时间来理解页面的外观,仔细选择名称、页面布局和少量仔细考虑的文本。因此,如果一页不能变得不言自明,那么至少它应该解释它自己,这是非常重要的。

我们经常认为用户会盯着每一个网页,仔细阅读我们精心设计的单词,并理解我们组织网页的方式。然后,在点击链接之前权衡他们的可选目标。

但大多数时候,用户只浏览每一页,浏览一些文本,然后点击他们感兴趣或大致符合他们目标的第一个链接。通常,他们不会查看页面的很多部分(想想看,你是这样浏览页面的吗)。

我想举一个快速移动的网络终端的例子,但没想到在我再次打开它后发现它已经被修改了,应该是大约两个月前。不幸的是,我不能截图,但是这次修改比以前好多了。

在前一个版本中,几乎有几个段落和整个段落。虽然写得很好,但谁有耐心去读呢?简而言之,我打开过几次,从来没有逐字读。这直接增加了用户的负担,降低了主要元素的级别,并增加了画面。

因此,如果我们想要设计有效的网页,我们必须开始接受关于网络使用的三个事实:

有三个原因:

让我们想想,当我们读报纸的时候,在我们集中精力阅读这篇文章之前,我们是否先浏览一下,然后看看哪个标题更有吸引力?此外,不一定要读每一个单词,而是要知道一般内容。

让我们再举一个例子。打开车站的头版。你是从左到右,从上到下读的吗?我们是否用眼睛再次扫描,看看吸引你的是什么,然后点击查看细节-是的,这是互联网用户的扫描阅读。

设计页面时,我们通常假设用户只扫描整个页面,考虑所有可能的选项,然后选择最佳选项。

事实上,大多数时候,用户不会选择最佳选项,而是选择一个合理的选项。一旦找到一个链接,它看起来就像可以跳到我们想去的地方,并且很有可能点击它。

原因如下:

当然,这并不意味着用户在点击前从不称重,这取决于时间限制和其他因素。

让我们想想,现实中不是这样吗?

入口可能有几条路,但是当你第一次进入网站时,你不会找到最好的路。但是试探性地摸索着,只要我们找到了,我们就不会故意找到最快的。

在生活中,当人们使用任何东西时,他们往往不理解它是如何工作的,甚至对它的工作方式有完全错误的理解。

不管你面对的是什么样的产品,除了那些努力学习的人,很少有人会花时间阅读说明书。相反,我们经常向前冲,勉强应付。

例如,当我们买一台新电视机时,我们几乎从来没有一个一个地拆下电视机的部件,只有在我们完全理解了它们的工作原理后才使用它。我们甚至没有看说明书。但是有了遥控器去琢磨,就没有必要深究了。

为什么会这样?

例如,当我还是个孩子的时候:

我在学校使用的第一支中性笔是我的同学给我的。虽然可以使用,但我发现它比较厚,不太喜欢。然而,我认为它是可以使用的,我从来没有想过是否有更小的。

当我去文具店买第一个笔芯时,我发现还有0.35个笔芯,这是非常出乎意料的。我放弃了之前的续杯,取而代之的是0.35。这样的例子应该发生在每个人的生活中。

如果人们有这么多时间来处理它,他们是否明白它真的如此重要?答案非常重要。因为有时候勉强能应付,但通常效率不高,而且容易出错。

如果用户非常清楚地知道他几乎不能应付呢?

这也是在竞争产品之间抢夺用户的一个重要因素。两种服务内容相同的产品直观明了。一个结构相当混乱,不能很快找到目标。对于这两种产品,用户应该选择哪一种?可以想象。

如前所述,互联网用户现在以扫描模式阅读。在这种情况下,用户如何才能清楚地理解你的网站并改善他们的体验?

你需要注意五个方面,他们会很容易理解你的网站:

视觉层次清晰的页面有三个特征:

也可以说,格式设计的四个原则:亲密、重复、对齐和比较应该做好。

习惯用法可以说是人类的一种自然习惯,这就是为什么许多竞争者非常相似。

举一个常见的例子,比如聊天图标,这是一个对话框设计。因为人们已经习惯了这种图标设计,如果换成其他的,用户将不会明白这是什么。

对于设计师来说,许多人总是想创新,但他们必须坚持两个原则:

你点击多少次并不重要,只要每次点击都是不经思考的选择。

文章说:网页设计者和可用性专家一直在争论用户在达到目标之前不会感到沮丧的点击次数。

作者认为,真正的问题不是达到目标之前的点击次数,而是每次点击有多困难,需要多少思考,判断一个人是否做出了正确的选择有多不确定。

因此,当我们目前使用一些成功的产品时,我们会感受到一种自然而流畅的体验。虽然有时因为产品数量大,我们没有很快找到目标,但我们没有遭受太多的挫折和烦躁。

删除每页上的一半文本,然后删除剩余文本的一半。

好处:

如果有欢迎词,尽量减少。如果可以,你就不能用它们。

尽可能不需要指示性说明。如果指示性说明很长,用户很少有机会找到所需信息。我们应该让一切都不言自明,并在所有指令变得完全不必要时删除它们。

目前,成功应用的指南页面非常简洁,因为没有人会在输入和等待很长时间时看到你写的一段很长的文字,除非它非常直观。例如,今年美国联赛变黄的视频有很强的视觉冲击力。看了一遍后,我在网上找到了它,看了几次。因此,有必要尽量减少指示性陈述。

作者认为,一旦许多网站达到第二级,导航将变得支离破碎,可以自由播放,使得很难找到三级导航的好例子。

有三个原因:

此外,即使设计者要求,他们也可能无法得到,因为那些负责内容的人通常不会想那么多。

事实上,用户通常在底部页面和顶部页面花费相同的时间。除非导航设计从头至尾进行,否则很难在将来添加和保持一致性。

网站的主页是我们打开时看到的第一件事,也是最容易向用户强调网站和其他内容的价值。什么内容更适合放在主页上?

除了这些主要的,最好满足这些:

例如,如果你打开淘宝主页,你不仅可以看到上面列出的内容,淘宝会自动推荐你通过算法搜索到的产品,最醒目的位置在顶部,logo动态效果也会告诉你最新的活动。

对于控件或其他设计的选择,许多团队经常进行无休止的讨论,从不做出任何决定。除了浪费时间之外,这样的讨论很容易造成紧张,破坏团队成员之间的关系,并且经常妨碍团队做出关键决策。

我们每个人都是用户,和所有用户一样,我们对自己喜欢和不喜欢网站有强烈的感觉。我们经常认为我们喜欢我们喜欢的东西,大多数用户也喜欢它——这应该是人类的天性。

同时,在团队中,由于职位不同,不同职位的人对网站设计有不同的看法。例如,设计者喜欢视觉上有吸引力的网站,而开发人员喜欢建立新颖、有趣且功能卓越的网站。因此,不同的角色和不同的观点往往导致不同的观点,这反过来又导致会议不断讨论和僵局。当然,每个人的想法都不一样。只要有足够的证据给他留下深刻印象,他的想法就可以逆转。

一旦不同的个人和职位引起的冲突联系在一起,讨论往往会变成寻找某种方式(专家意见、焦点小组或用户测试)来决定大多数用户喜欢或不喜欢什么。然而,找出所谓的普通用户是一个错误的想法。因为没有普通用户,所有的网络用户都是独一无二的。

越仔细地观察和倾听用户表达他们的想法,他们就越意识到他们对网页的个人反应与许多不同的变量有关。因此,试图用一些简单的偏好来描述用户是琐碎无用的。另一方面,好的设计考虑到了这种复杂性。

这种关于普通用户的说法最糟糕的一点是,它强化了一种观点,即好的网页设计主要是为了找出人们的偏好,这似乎是好的。例如,面包屑导航是好是坏。弹出框不是好就是坏,不是黑就是白。

问题是,对于大多数网页设计问题,没有简单的“正确”答案,好的设计可以满足需求;换句话说,经过仔细考虑、实施和测试,设计是好的。

例如,如果用户被问及闪存的使用,一些用户会说他们非常喜欢闪存,而几乎同样数量的用户会说他们讨厌闪存。事实上,他们不喜欢的是对flash、大型复杂动画的不当使用,这需要很长时间才能下载,没有任何价值。

如果你仔细观察它们,你可能会发现同样的人喜欢谨慎、适当和小规模使用flash的网站,添加一些简单的修饰或有用的功能而不会造成麻烦。

这并不是说没有完全错误的方法。一些设计网页的方法是完全错误的,但它们通常不是设计团队争论的方法。

解决这个问题的关键方法是停止问“大多数人喜欢这个导航吗?”正确的问题应该是“在这个页面上,这个导航会给大多数可能使用这个网站的人一个好的体验吗?”-然后观察人们对它的看法和使用的方法,然后不断调整。

争论人们喜欢什么浪费了团队的时间和精力。通过测试,对与错的讨论可以转移到什么是有效的,什么是无效的,这就更容易缓解争论,打破僵局。此外,测试可以让我们看到用户动机、理解和反应的差异,从而让我们不再坚持用户的想法与我们的一致。

做测试时,许多人通常不知道焦点小组访谈和可用性测试有什么不同,所以他们应该首先普及科学。

焦点小组访谈:以小型论坛的形式,训练有素的主持人与一群有代表性的消费者或客户以一种非结构化和自然的方式交谈,以获得对相关问题的深入理解。

简而言之,这是一个小团体围坐在桌旁,主人抛出问题。针对这一问题,受访者表达了自己的想法,从而迅速获得用户的意见和回应。

焦点小组可以抽象和确定你的目标用户想要什么、需要什么和喜欢什么,还可以测试网站的概念是否有意义,其价值主张是否有吸引力。但是焦点小组只适用于网站设计,应该在它成为早期方法之前进行。

可用性测试:让一组有代表性的用户对产品进行典型的操作,同时观察者和开发者观察、倾听并做记录。

该产品可能是网站、软件或任何其他产品,可能尚未形成。测试可以是早期的纸原型测试,也可以是后期的成品测试。

简而言之,向用户展示一些内容,无论是网站、原型还是草图,并要求用户说出它是什么,然后用它来完成特定的任务。

如果你想建立一个优秀的网站,你必须测试它。为网站工作几周会让你失去新鲜感,因为你对网站了解太多,知道很多细节,所以知道网站是否正常工作的唯一方法就是测试。

测试会提醒你,并不是每个人都和你想的一样,并且会以和你一样的方式使用网站。

记住,测试用户比不测试好100倍。测试总是有效的。即使你对错误的用户做了一个糟糕的测试,你也会看到改进网站的一些方面。

在这个项目中,即使是一个用户的早期测试也比50个用户的最终测试要好。网站一旦投入使用,就不容易改变。一些用户拒绝进行任何更改。因此,在开始的时候,帮助你避免犯错的方法是非常划算的。

测试的关键不是证明或反驳任何事情,而是理解你的判断。

招聘用户不应过于严格,尤其是如果用户更接近使用网站的用户。但是更重要的是,测试应该尽早和频繁地进行。这是一个开发、测试、修复和重新测试的过程。没有什么比现场用户的反应更重要的了。

事实上,可用性测试并不像想象的那么复杂。一个简单的可用性测试可以完全解决这个问题。那么应该测试多少用户:在许多情况下,每轮测试的用户数量应该是三个,最多四个。

前三个用户可能会遇到几乎所有最明显的问题。更重要的是做更多的测试。只测试三个用户有助于快速进行下一轮测试。因为你会纠正第一轮测试中出现的问题,所以在第二轮测试中会发现新的问题。这样,可以快速总结测试,并且可以快速使用测试结果进行校正。

许多人不知道招募什么样的测试人员。他们总是挣扎,但没那么难。

事实上,我们都是初学者。即使你在寻找专家,你也可能会发现他仍在挣扎。如果只有你的目标用户可以使用设计的网站,这通常不是一个好方法。它应该满足专家和新手的要求。

例如:

如果你的网站被几乎一类用户使用,那么只有这一类用户会被招募。

如果你的目标用户群可以分成几个明显的阵营,并且这些阵营有完全不同的兴趣和需求,那么至少从每个阵营中选择用户进行测试。

同时,避免提前讨论网站或网站背后的组织结构。

可以找到任何人来指导测试,真正的工作是鼓励测试用户去尝试。

同时,我们也需要一名观察员。对于观察者来说,建议只要管理层能够参与,他们的参与就能极大地鼓舞团队的士气。这是他们第一次看到自己的网站被别人使用。此外,许多地方和他们想象的不一样。这样,团队可以更容易地从管理层获得测试投资,从而一举两得。

什么时候测试?

测试(Test):顾名思义,是让测试用户看到网站,看看他们是否能理解网站,包括目标、价值主张、组织方法和操作方法等。

您可以测试用户的关键任务,让他们完成一些任务,然后观察他们是如何完成的。

在测试后的讨论会议上,我们主要做了以下两件事:

这样,从别人的角度看待你的工作通常可以为问题提供一个全新的解决方案,或者让你用一个新的视角看待原来的问题。

请记住,这是一个循环过程,不能只停止一两次。

在任何测试中,您可能会遇到这样的情况,用户会暂时出错,然后在没有任何帮助的情况下返回到原始轨道。

只要有问题的人立即发现自己偏离了原来的主题,并能在没有帮助的情况下尽可能回到原来的方向,这种情况似乎不会干扰他们的活动,这些都可以忽略。

一般来说,如果用户关于在哪里找到他们需要的内容的第二个猜测总是正确的,那没关系。

这些问题总是存在的,因为有一些含糊不清的地方,而且总是没有简单的解决办法。无论如何做,一半的用户会在第一次猜测中出错。但每个人都会在第二次猜测中找到它,太好了。

当测试中很明显人们不理解某些内容时,大多数人的第一反应是添加一些内容,例如一些注释或说明。这种方法是错误的,正确的解决方案通常是删除一个或一些令人困惑的内容,而不是添加其他干扰。

不要太关注人们对新功能的需求。人们经常说“要是能像某某人就好了”,这通常被认为是要求新的功能。如果你仔细询问,你会发现他们已经找到了一个非常好的网站,可以执行这样那样的功能。即使你做了这个功能,他们也不会切换到你的网站,他们只是告诉你他们的偏好。

当你看到第一个用户试图解决这个问题时,问题和解决方案显而易见的惊喜就像是现成的收获。你应该立即改正它们。

像任何好的设计一样,一个成功的网页需要巧妙的平衡。记住,即使是一个小小的改变也会产生巨大的影响。有时,真正的挑战不是纠正你发现的问题,而是在不损坏已经正常运行的部件的情况下纠正这些问题。

只要有所改变,就有必要仔细考虑它会影响哪些其他内容。特别是,当你更突出地调整一些部分时,想想你是否降低了其他内容的重要性。

有几种方法可以降低网站的信誉:

即使你在某些地方做得不好,只要你让我相信你所做的一切都是为了我,还是有可能再次提高我的好意见。

改善优惠的几种方法:

《把石头变成金子:先为访问者设计网页的秘密》是一本经典著作。有人建议每个人都应该阅读它,并将这些方法应用于实践。不允许在纸上谈兵。

这篇文章最初是由@钱源发表的。每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

浙江十一选五

最热新闻