web身为用户接触到的第一入口，直接影响着用户的第一印象，如何设计网页才能提高用户的使用体验满足用户呢？

最近正好工作中在做网页设计，就来总结一下自己的一些认知吧

首先我觉得做一个网站我们设计师应该替用户考虑清楚的一些基本问题

我在什么位置？

我该从哪里开始？

他们把某某放在什么地方了？

这个页面上最重要的是什么？

为什么他们给他取这个名字？

我们在设计网站的前和后，可以把这些作为走查对象审视一下，这些习惯就会逐渐变成你的潜意识，再次设计网站的时候就会自然而然把这些因素考虑在内。

1 别让我思考

意味着：设计者应该尽量做到，当看到一个页面时，应该是不言而喻，一目了然。用户能明白它是什么，怎样使用它，而不需要花费很多精力进行思考。

举个例子，假如一个你不认识的人，就比如你隔壁的邻居，对你的网站毫无兴趣，也几乎不知道如何使用。但是他仍然看一眼你的主页，就知道这是干什么的，该怎么用。

就比如携程机票，是不是不管谁进来都大概知道基本操作和这是干什么的。

有时候，特别是在进行一项崭新的、开拓性的或者非常复杂的页面设计时，也许只能做到自我解释。在一个自我解释的页面中，用户只需要花一点点时间去理解页面的外观，精心选择名称、页面布局以及少量仔细斟酌过的文字。所以，如果不能做到让一个页面不言而喻，那么至少应该让它自我解释，这个非常重要。

2 为扫浏览

我们常常认为用户会盯着每个网页，仔细阅读我们精心制作的文字，领会我们组织页面的方式。然后，在点击某个链接之前，权衡他们的可选目标。

但是大部分情况却是：用户只会在每个页面上瞥一眼，扫过一些文字，点击第一个令他们感兴趣或者大概符合他们目标的链接。通常，页面上的很多部分他们都不看（想一想，你是不是这样浏览网页）。

就比如前程，就没有说先给你来一推职位需求，而是分类信息。

所以，如果我们想设计有效的网页，必须开始接受关于网络使用的三个事实：比如前程不会说一上来就是密密麻麻的职位信息，而是分类，因为用户一眼扫浏览到的就是分类标题。

1 我们不是阅读，而是扫看

我们不会去有时间一个字一个字的看；

我们或许只对网页中的一小部分内容感兴趣，剩下的内容我们并不关心，扫描就是我  们找到相关内容的方式；

我们善于扫描，在日常生活中，我们不管是看报纸，还是杂志，书籍，基本都是用扫描的方式，找到我们感兴趣的部分。

再举个贴近的例子，打开站酷的首页，你们会从左到右，从上到右的一字不漏的去看吗？我们是不是用眼睛扫一遍，看到吸引你的内容，然后再点进去看详情——对的，这就是互联网用户的扫描阅读。

2. 我们不做最佳选择，而是满意即可

在设计页面时，我们通常假设用户只是扫过整个页面，考虑所有可能的选项，然后选择一个最好的。

事实上，大多数时间里，用户不会选择最佳选项，而是选择一个合理的选项，一旦发现一个链接，看起来似乎能跳转到我们想去的地方，那很大的概率就会去点击它。

原因有以下几个：

我们总是处于忙碌之中，寻找最佳策略需要的时间很长。

如果猜错了，也不会产生什么严重的后果；就算做了错误选择，我们只要点击几次返回按钮就好；所以，返回按钮，是WEB端用的最多的地方。

对选择进行仔细思考，还不如快速多尝试几次。

猜测更有意思，猜测不会像仔细权衡那么累；而且如果猜对了，速度会更快。

当然，这并不是说用户在点击之前从不进行权衡，这要取决于时间上的紧迫以及其他因素。

大家想一想，现实中是不是这样的呢？

也许通往一个入口有好几条路径，但是第一次进入该网站的时候，不会寻找最佳路径；而是试探地摸索，只要找到就可以了，不会刻意找那条最快捷的。

3. 我们不是追根究底，而是勉强应付

生活中，人们在使用任何东西时，往往不理解它们的运作原理，甚至对它们的工作原理有完全错误的理解。

无论面对哪种产品，除了刻意钻研的，很少有人会花时间阅读说明书。相反，我们往往是贸然前进，勉强应付。

比如我们买了一台新款电视机，几乎从来不会把电视机的零件一个个都拆下来，完全理解了它们的工作原理后才使用，我们甚至连说明书都不看；而是拿着遥控器自己琢磨，完全没有必要去深究。

为什么会这样？

这对我们来说并不重要。对于大多数人来说，是否明白背后的工作机制并不重要；只要正常使用即可，这并不是智力低下的表现，而是我们并不关心。

如果发现某个事物能用，我们会一直使用它。我们一旦发现某个事物能用，很少去找更好的替代品；如果偶然发现一种更好的方法，我们会换用这种更好的方法，但很少去主动寻找更好的。

举个我小时候的例子：

上学时我用的中性笔是0.5的，虽然可以用，但我发现比较粗，不太喜欢；但是认为可以用，从来没想过是否有稍微细一点的。
当第一只笔芯用完，去文具店购买时，发现竟然还有0.35的笔芯，很意外。我就放弃了之前的笔芯，换成0.35的，这样的例子应该会发生在每个人的生活中。

那如果人们勉强应付的时候这么多，有没有弄明白真的那么重要吗？答案是很重要。因为有时候可以勉强应付，但通常效率不高，而且容易出错。

如果用户很清楚，不是勉强应付呢？

他们会更容易找到自己需要的东西；

会更容易理解你的网站提供哪些服务；

你更可能引导他们到你的网站上希望他们看到的地方；

在你的网站上，会觉得自己更聪明，感觉更好，这样他们就会离开让人勉强应付的网站了。

这也是现在竞品之间抢夺用户的一个重要因素，两个服务内容一样的产品，一个直观明了；一个结构比较混乱，不能很快找到目标。对于这两个产品，那用户该选择哪一个呢？可想而知。

3 为扫浏览

前面已经说到，现在互联网的用户阅读都是扫描式阅读，那么在这种情况下，怎样才能让用户清晰理解你的网站，提高体验。

需要注意5个方面，他们就会很容易理解你的网站：

在每个页面上建立清晰的视觉层次；

尽量利用习惯用法；

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

明显标识可以点击的地方；

最大限度降低干扰。

一个视觉层次清晰的页面有3个特点：

越重要的部分越突出；

逻辑上相关的部分，视觉上也相关；

逻辑上包含的部分在视觉上游嵌套。

也可以这么说，要把版式设计的四个原则：亲密、重复、对齐、对比，把这几点做好。

习惯用法可以说是人的一种本性习惯了，这也是为什么很多竞品都很相似的原因了。

举个常见的例子，比如聊天的icon，都是一种对话框的设计。因为人们已经习惯了这种图标设计，如果换其他，用户看到后会不理解这到底是什么东西。

对于设计师，很多人一直想创新，但是一定要秉持两个原则：

创新的方法同样也要不言而喻；

能够为用户带来很大价值，值得用户付出一点努力来学习新的方法。

4 可用性第三定律

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

好处：

可以降低页面的噪声；

让有用的内容更加突出；

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

如果有欢迎词，尽量减少，能不用就不用。

指示性说明尽量不用。如果指示性说明非常冗长，用户发现所需信息的机会很小。我们应该让每项内容不言而喻，当指示文字变得完全没有必要，就应把他们全部去掉。

现在比较成功的App的引导页都非常简洁，因为没有人会在进入的时候看你写的一长段文字，等待很长时间，除非视觉性很强。

5 导航和主页

作者认为，很多网站，一旦到了第二个层次，导航会变得支离破碎，随意发挥，以至于很难找到良好的三导航的例子。

原因有三：

1 好的多级导航本来就很难设计，同时有很多元素需要安排到页面中；

2 设计师即使在设计前两个层次也常感到时间不够；

3 第三个原因是它看起来并不重要，不是主导航，也不是二级导航；而且有一种倾向认为，当人们深入到网站的这一个层次后，会自然明白如何进行操作。

而且就算设计师提出需求，他们也可能拿不到，因为负责内容的通常不会想的那么深远。

事实上，用户在底层页面上花的时间通常和花在顶层页面的时间相同，除非从一开始就自顶往下进行导航设计，否则以后很难再进行添加，也很难保持一致性。

网站主页是我们打开后第一眼看到的，也是最容易向用户突出网站的价值等内容的，那在主页该放哪些内容比较合适呢？

站点的标识和使命：告诉我们这是什么网站，做什么的；

站点层次：提供服务概貌，包括内容，功能，组织形式；

搜索；

导读：主页最好有“里面有精彩内容”的暗示提醒；

内容经常更新；

友情链接；

快捷方式：最常访问的内容片断；

登录、注册。

除了这些主要的，最好还要满足这些：

1 让我看到自己正在寻找的东西；

2 我也许感兴趣的精彩内容；

3 告诉我从哪里开始；

4 建立可信度和信任感。

比如打开淘宝首页，你不仅可以看到以上罗列的内容，淘宝通过算法，会自动推荐你曾经搜索过的商品，最顶端非常醒目的位置。

最后总结

提高好感的几种方式：

知道人们在你的网站上想做什么，并让他们容易明白，把用户最想做的几件事放在最明显的地方。

1 告诉我我想知道的。

2 尽量减少步骤，让用户以最快的途径到达他们想去的地方。

3 知道我可能有哪些疑问，并且给予解答，可以做一个经常更新的常见列表。

4 为我提供协助。

5 容易从错误中恢复，当潜在的错误不可避免时，要提供一个快速且清晰的方法快速从错误中恢复。

6 如果不确定，记得道歉：有时候会因为暂时没有能力或资源做到用户想要的；如果你做不到，至少让他们明白你知道你在给他们造成不便。

降低网站好感度有几种方式：

1. 1 隐藏我想要的信息。

2 因为没有按照你们的方式行事而惩罚我。

3 向我询问不必要的信息：大多数用户都很介意个人信息，如果网站要求的信息超出当前任务时，会让用户觉得很麻烦。

4 敷衍我，欺骗我：我们都会讨厌虚伪的真诚，也讨厌假意的关心，想想每次你听到“您的电话对我们来说很重要”的时候是什么感觉吧！

5 给我设置障碍：不得不等待一个长长的Flash介绍。

6 你的网站看上去不专业：网站看起来很凌乱，组织很混乱。

希望大家要结合实战案例使用，不要纸上谈兵。

参考（点石成金：访客至上的网页设计秘笈。http://www.woshipm.com/pd/2868619.html）

Powered by Froala Editor