不让用户思考的设计

来源于网络

这本书很值得设计师一看，书虽然有点旧了，但从用户角度思考的网页设计特别具有说服力，可以让自己明白网页为何要这样设计，而不仅仅只停留在临摹或视觉好看的浅层，评价一个网站的好坏应该从好用、好看、简洁、易操作多个角度思考。

不要让用户思考

人都有堕性，包括在访问网页也一样，现阶段快节奏的生活方式让用户没有耐心在一个网页上等待太久，也不想去思考太多，只想美观的界面让我使用舒畅并能快速的找到我想要的点，因此在用户访问网站时，不要让用户思考我在什么位置？我该从哪里开始？这个页面上最重要的是什么？为什么他们给它取这个名字等等一系列的疑问，而是直接一目了然的展示，创建不言而喻的网页，或者至少也要做到自我解释。大多数人会花比我们想象中少得多的时间来浏览网页，也不想为不关心的事耗费我们的时间和精力。

好的视觉层次是通过预先处理页面，用一种我们能快速理解的方式对页面的内容进行组织并区分优先级，从而减少用户浏览网页耗费的时间。如果一个页面没有清楚的视觉层次，比如所有内容看起来都一样重要，用户会降低扫描页面的速度，寻找关键的文字和短语，然后拼凑出他们感觉重要的内容和内容的组织方式。这样就增加了他们很多工作。而且通常用户希望在网站上得到编辑的引导，希望网页将重要的内容标识出来，故文字之间一定有主次层级之分。

请舍弃网页中大段文字

你在精心设计一大段有心的文案时，用户通常不会仔细看。

第一个事实是用户在打开网页时直接扫描式阅读搜寻他想要的内容，为什么要扫描式的看网页？因为用户总是处于忙碌之中；他们知道不必阅读所有内容，用户善于或习惯扫描式阅读（请想想自己在刷网页的时候是不是也这样）。

第二个事实是用户在浏览网页时不作最佳选择，而是满意即可，因为寻找最佳策略很难，需要的时间也很长，满意策略效率更高；如果猜错了也不会产生严重的后果，直接返回或退出就行；对选择进行权衡并不会改善用户的机会；猜测然后再点击进去让用户觉得更有意思；

第三个事实是用户不是追根究底，而是勉强应付；就像我们不愿花太多时间看说明书一样，因为这对用户来说并不重要；如果发现某个事物能用，用户会一直用它；所以我设计的网站应该为扫描设计，不为阅读设计。

来源于网络

去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。

有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。

去掉没有人会看的文字有几个好处：

1、可以降低页面的噪声。

2、让有用的内容更加突出。

3、让页面更简短，让用户在每个页面上一眼就能看见更多的内容，而不必滚动屏幕。

那么，对于扫描式浏览网页的用户，为了保证他们尽可能地看到并了解我们设计的网站，需要做到以下几点：

1、在每个页面上建立清楚的视觉层次

越重要的部分越突出，逻辑上相关的部分在视觉上也相关，逻辑上包含的部分在视觉上进行嵌套。

2、尽量利用习惯用法

即参照报纸杂志的标题文字区域来设计网站，用户对以往看习惯了的版面有熟悉的掌控感 。

3、把页面划分成明确定义的区域

划分区域让用户快速定位到他们关注的内容区域，避免用户在茫茫网络中自己支寻找。

4、明显标识可以点击的地方

告诉用户哪些地方可以点击，哪些地方不能点击，这是极其重要的。

5、最大限度降低干扰；

避免网页眼花缭乱和背景噪声，让用户集中注意力于他想要信息上。

点击难度比点击次数更容易让用户思考，思考还有多大的不确定性来判断自己是否在进行正确的选择。故三次无须思考、明确无误的点击相当于一次需要思考的点击，宁愿多让用户点击也不要增加点击难度。

网络导航101法则：

1、用户通常是为了寻找某个目标

2、用户会决定先询问还是先浏览

3、如果选择浏览，你将通过标志的引导在层次结构中穿行

4、最后，如果找不到想要的东西，用户便会离开该网站并不再回访

被忽视了的导航用途

1、它给了我们一些固定的感觉

2、它告诉我们当前所在网页中的位置

3、它告诉我们如何使用该网站

Web上的体验有以下几点：

1、感觉不到大小（比如百度首页的下拉新闻会一直有，像汪然大海）

2、感觉不到方向（没有左右上下，只有层次结构的上一级和下一级，即更一般的层次或更具体的层次）

3、感觉不到位置（没法向物理空间一样看到一路上有什么东西）

持久导航在网页的每一页以一致的外观出现在同样的位置，会让你立即确认自己仍然待在这个网站上，也有外观不一致的例外，比如

主页：通常和其它页面不一样，它要承担一些不同的任务。

表单：在需要填写表单的页面，持久导航可能会成为不必要的干扰。例如，在注册等情况，这个时候不需要有导航。

关于页面名称，需要注意以下四点

1、每个页面都需要一个名称

2、页面名称要出现在合适的页面

3、名称要引人注目

4、名称要和点击的链接一致

在web上，可以用突出我当前的位置来做到，不管是在页面的导航条，列表还是菜单上。

站点ID代表了整个网站，它在当前站点结构中层次最高，通常出现在左上角，它可以是一种独特的字体，一个可以识别的图形，大小从按钮到广告牌不等。

网页传达整体形象很重要，在第一次进入到一个新网站时，主页应回答头脑中这四个问题：

1、这是什么网站

2、网站上有些什么？

3、我能在这里做什么？

4、为什么我应该在这里，而不是在别的地方？

如何传达这个网站：

1、口号：一个和站点ID相关联的短语

2、欢迎广告：网站的简要描述，在主页的首要位置显示（国内网站通常没有）

3、合适的网页空间

4、阐述应保持简短——表明观点即可，不需要太长

5、不要把使命陈述当作欢迎广告

6、最重要的是进行测试：不能只依靠自己的判断力，必须把主页拿给公司之外的人看。

主页上的导航可以和网站其他页面的导航不一致，但也不能相差甚远。

常见的差别有：

1、栏目描述：主页尽可能多地表现网站的内容，会为每个栏目名称增加一些描述性的短语，甚至列出下一级栏目。

2、不同的方向：主页通常和其他页面的布局不同，因此它可能有必要使用垂直导航而不是水平导航，反之亦然。

3、用于识别的空间更多：主页上的站点ID通常会比持久导航上的站点ID更大。

主页导航和持久导航需要保持一定程度上的一致性，这样用户才会明白这是同一导航的不同版本。最重要的是，让栏目名称保持不变：同样的顺序、同样的文字和同样的分组。尽可能多地保持相同的视觉提示也很有用：同样的字体、颜色和大小写。

下拉框的问题：

优点：节省空间

缺点：1、你必须把它们找出来——必须点击下拉框才能看到下拉列表。

    2、它们难以扫描——无法控制字体、间隔和列表的格式，以提高菜单的可读性，也没有好办法将列表分组。

    3、它们不好控制——列表的显示和收缩很快，因此会影响查看效果。

避免页面放太多的内容区域。

对于设计的网页，用户会根据个人主观来判断喜欢与否，WEB设计不是找出人们的喜好，对于大部分web设计问题来说，没有简单的“正确”答案，良好的、一体化的设计能满足需要，也就是说，经过仔细考虑、实现和测试的设计就是好的设计。

不要再问这样的问题：“大部分人喜欢下拉框吗？”正确的问题应该是“在这个页面，这样的上下文中，这个下拉框以及这些下拉项目和措辞会让可能使用这个网站的大部分人产生一种良好的体验吗？”

而且，也只有一种方式来回答这样的问题：测试。设计者必须使用团队的集体技巧、经验、创造力和判断力来创建一些版本，然后仔细观察人们对它的看法和使用的方法。除此之外，再没有其他的方式了。

争辩用户喜欢什么既浪费时间又消耗团队的精力，而通过测试讨论对错转移到什么有效、什么无效上，更容易缓和争论，打破僵局。而且，测试会让我们看到用户的动机、理解、反应的不同，从而让我们不会再坚持认为用户的想法和我们的想法一样。

关于测试的几个事实

1、如果想建立一个优秀的网站，一定要测试

将测试看作旅行，一种开阔视野的体验，它能提醒你人们有多么不一样，又有多么相像，并且能让你从新的视角看待事物。

2、测试一个用户比不做测试好一倍。

3、在项目中，早点测试一位用户好过最后测试50位用户。一旦项目投入使用，要改变它就不那么容易了，有些用户拒绝做出任何变化，因为即使很小的变更也会给他们带来深远的影响，所以任何在开始时就有助于防止你错误的方法都很划算。

4、人们对招募用户代表的重要性估计过高。

如果进行测试的用户接近可能使用网站的用户，那很好。但更重要的是尽早和经常进行测试，不论该用户以后是否会使用该网站。

5、测试的关键不是要证明什么或者反驳什么，而是了解你的判断力。测试能做的就是给你提供有价值的参考，加上你的经验、专业判断和常识能够让你更容易在A和B之间作出更明智，也更自信的选择。

6、测试是一个迭代的过程。测试不是做一次就可以了，而是要遵循开发、测试、修复、再度测试的过程。

来源于网络

测试做的好，便可以节约返工修改的时间。

在开发持续过程中进行小规模测试，每次测试的用户数量可以是3-4个用户，可以是更多用户，且用户类型不限，测试地点及时间也不限，测试后要及时进行总结，而不是等开发完成后再进行总结。

通常情况下每轮测试的用户数量应该是3个，最多是4个。前3个可能会遇到几乎所有最明显的问题，而且更重要的是多做几轮测试，而不是写下每轮测试里面发现的所有问题。只测试三名用户有助于保证你很快进行下一轮测试。另外，由于你会修正在第一轮测试里面发现的问题，因此在第二轮测试里，另外的三名用户很可能发现一些新的问题，但他们不会再遇到第一轮中的那些问题了。

只测试三四名用户便于即时完成测试和总结并利用测试结果，且重要的是重点关注的最严重的问题。可用性测试的最大秘密是测试对象是谁并不重要，对大部分网站来说，你只需要懂得上网基本知识的用户就可以了。

在进行招募测试时要注意以下几个问题：

1、提供合理的激励。即付给被测试者一定的福利或金钱，这明确表示我认为他们的意见很重要（这个在一些运营的微信公众号平台常通过用户调查并给予一定的奖励来收集用户建议）。

2、邀请要简单。我们需要一些人来看看我们的网站，并给我们一些反馈。这很容易，大约花费45分钟到一个小时的时间，而且你将得到X美元的报酬。

3、避免让他们预先知道这是哪家网站。

4、别不好意思请朋友和邻居帮忙。——有人认真考虑你的意见，并且可以得到报酬是一件很有意思的事情，而且他们也会学到一些以前不知道的电脑或网络知识。

在哪里测试：在办公室先进行内测，或者邀请别人一起测试。

应该由谁来引导测试：几乎任何人都可以引导可用性测试，真正需要的工作只是鼓励测试用户去尝试，并且观察。

测试什么，什么时候测试——关键是在Web开发的各个阶段及早进行测试，还有经常测试。甚至在你开始设计网站之前，就应该测试一下同类的网站，可以是实际的竞争对手，或者和你脑海中在组织方式或者功能上风格类似的网站。

先自己试用一下，然后观察其他一两个人的使用，总结哪些地方效果好，哪些地方效果不好。

“理解”测试：让测试用户看到网站，然后看他们能否理解这个网站，理解网站的目标、价值主张、组织方法、运行方式等。

关键任务测试：让用户完成一些任务，然后观察他们是怎么做的。

当你开始建立自己的网站时，越早把设计思想展示给用户越好，从你的第一张草图开始。设计师通常不愿意展示尚未完成的作品，但用户更愿意评论一些看起来还没有完成的东西，因为他们知道你还没有投入太多，还有机会过行修改。

也可以将页面打印出来给到旁边的人看他们是否能弄清楚页面的意思。 这种非正式测试的效率很高，也很能减少很多潜在的问题。

向对方要求测试并提供宝贵意见时的措辞：

我们想知道你是怎么想的，所以请别担心会伤害到我们的感情。我们想要改进这个网站，因此我们想知道你真实的想法，这对我们有很大的帮助。如果你有疑问或其他问题，就尽管问，等结束后我会回答你不明白的问题。

背景问题：

1、对方的职业

2、对方的爱好

3、对方特别喜欢或经常浏览的网站等等

对主页的反应：

1、这个页面你认为它是什么，你觉得你下一步操作是什么或打算点击什么地方。

2、尽可能地说出你的想法，这样能帮助我们了解你在想什么。

设计师不必为他人对网站的个人审美反应太过激烈。

整个测试的时间不要超过45分钟。

立刻回顾测试结果

在每轮测试之后，你应该尽快让开发团队回顾每个人的观察，决定接下来如何处理。我强烈建议你在一个上午进行3-4轮测试，然后在午餐时间进行简短的总结。

测试完之后要

1、对问题分类——回顾大家看到的问题，决定哪些问题需要修改。

2、解决问题——找出修正这些问题的方法。

这样你从可用性测试中了解到的东西总是会很有意义，而且每个观察了这个过程的人都能看出这些问题。

从其他人的角度看你的作品，这样的体验常常能为问题提供全新的解决方案，或者让你用一种新的眼光看待原有的问题。

记住，这是一个循环的过程，团队不必对完美的解决方案达成一致，你只要确定下一步做什么就可以了。

常见问题：

下面是几种你在测试过程中最有可能遇到的问题。

1、用户不清楚概念，即不理解网站或者页面说的是什么。

2、他们找不到自己要找的字眼

3、内容太多了

一些问题分类指南

1、抵制添加的冲动：当在测试时清楚地看到人们没有理解某些内容时，大部分人的第一反应是增加一些内容，例如一些注释或一些指导说明。而正确的解决方案往往是去除某个（或一些）让人混淆的内容，而不是增加另一些干扰。

2、不要太看重人们对新功能的要求：人们常常说：如果它能做XX就更好了。这样的说法常常被看作是要求新的功能。如果你仔细询问，常常会发现，他们已经找到一个很好的网站，能做XX，也不大可能会切换到这里来；他们只是在告诉你他们的喜好而已。

3、抓住够得着的果子：在每轮测试中，你的主要目标是寻找重要而不费力的收获。

成功的网页往往要进行巧妙的平衡。重要的是要记住，哪怕一个微小的变化都会带来不小的影响。有时候，真正的挑战不是修正你发现的问题，而是修正这些问题，同时不破坏已经正常运行的部分。

在理想状态下，每个web开发团队应该在每个月花一个上午时间进行可用性测试并进行总结。

除了清楚我们的网站之外，还要问我的网站值得尊敬吗？

在用户测试时可以忽略所有关于颜色的评论，除非有三、四位用户用到了“令人作呕”这样的形容词，如果到了这种地步，就要好好想想了。

某种情况下也会对你的网站故意做一些对用户不友好的事，比如自动弹出窗口，如果数据表明可以通过使用弹出窗口多得到100%的收益，而且你觉得这样得罪用户很值得，那么尽管使用弹出窗口好了，这是商业决策。要确定你是有意这样做的，而不是无心之举。

提高网页好感的几种方式：

1、知道用户在你网站上想做些什么。

2、告诉用户他们想知道的

3、尽量减少步骤（比如抵押贷款的尽量减少操作的步骤）

5、知道用户可能有哪些疑问，并且给予解答。

6、为用户提供协助。

7、容易从错误中恢复

8、如有不确定，记得向用户道歉

以上网页设计中的很多方法也同样适用在手机App的设计上，尤其是测试这一环节，设计师不应对别人提出的改动意见持回避或反击心态，而要保持一颗开放的心接受不同人的不同意见，当然也不能不加思考的全盘接受别人的意见，只有经的起推敲和考验的设计才是最佳的设计作品。