14种网页设计师赶走用户的禁区

在我们日常浏览网站或者登陆手机APP的时候，有一些网页交互设计是非常让用户头疼的，这些糟糕的设计不仅严重降低了用户的体验质量也给网站或者APP带来非常差的影响。所以这次万户网络小编特地为大家整理几十种特别让用户讨厌的交互设计，各位网页设计师在做网页设计时千万不要重蹈覆辙哦!

1.网站弹出广告

如果还是在不起眼的地方弹出广告还好，如果广告内容遮盖住了浏览信息不由得让人生气。此外很多页面的广告窗口内容与网站主题毫无关系，甚至内容低俗，这很容易让用户降低对网站的信任。

2.网站飘浮广告，播放音乐

前几年的大部分网站，都有这样一个功能，就是打开网页的时候，每个网页都有一个飘浮的小方形图片，有的网站甚至有几个这样的飘浮广告还自带音乐，完全将用户体验抛之不顾。漂浮广告最大的缺点就是带给用户一种强制看广告的体验，试想哪个用户愿意专门点进来看广告?

3.网站开新窗口

虽然好多人喜欢网站开新窗口，但如果打开每一个页面都是新开窗口那就十分影响用户体验了。比如从首页点击看到一篇文章，点击进入新窗口后看完，又看到相关的文章，再点击，又是一个新窗口，如此类推，看完几篇文章任务栏的排列已经密密麻麻了，而且不说另外还有可能出现的弹出广告页面。

4.内容分页无度

有的网站为了提高PV，将一篇文章用程序自动分为几个小分页，看完一段就翻一页，有的甚至是一小段，这种分页严重破坏了用户浏览网站内容的完整性，想要看之前的内容，还要回过头点回去，相信没几个用户愿意这么干。

5.图片水印到处留

互联网的原则是分享，所以文章或者图片资料就会在各个网站出现，但现在通过技术手段就可以简单的让文章里的图片加上自己网站的水印，当然，原创或者拥有版权的除外，有的图片甚至会出现许多网站的名称或者域名，看到了就烦，严重影响了图片的效果及用户体验。

6.无法提交的表单

好象在世界范围内，这个问题是被反映最多也是最令人无法忍受的问题。用户在搜索框内输入内容，眨眼之间没了;坛友在论坛中激扬文字，写下1000字的精彩吐槽，暗爽之下，提交内容，结果突然间页面一片空白，一切都没了!

你应该这样解决：

如果你是一名Web开发人员，那么你只需要为你的表单添加一些JavaScript代码，使用验证库，或者通过Ajax来提交表单就好了。 如果你希望表单提交的时候在服务器端更符合逻辑一些，那么请确保用户之前填写未曾提交的内容能被再次填充进去。

7.奇葩的验证环节

我想我不是唯一讨厌这个的人。长长的一串肉眼几乎无法识别的字符，还有一些验证机制你甚至完全不明白它是啥。当然，如果你碰上奇葩的验证码的同时还无法提交，估计想死的心都有了!图上的中文字，你让老外打一下?

你应该这样解决：

垃圾邮件和垃圾信息推送用的机器人越来越智能，这是造成验证机制越来越复杂的主要原因。在诸多验证机制中仔细选一下，总有几种比较人性化。比如使用门牌号码的图片作为验证内容，至少对于人类而言更容易识别出来。

8.垃圾邮件

当一个网站开始坚持不懈地向你推送带有无用信息的电子邮件的时候，你会恨透它的。当然，比这个更可恶的情况是，你发现你无法退订它。

你应该这样解决它：

作为站长的你只需要做1件事情：别发垃圾邮件了。

9.不合理的设置名称

在网页的按钮和设置中使用过于富有创造性的语言，往往会让用户疑惑：“我了个擦，这是个啥!?到底要不要勾选?”

你应该这样解决它：

在设置啊按钮这些地方尽量使用简洁直观的措辞，使用明确的复选框，不要使用过多的选项，尽可能让整个设置界面逻辑清晰，分类明确。

10.超长的表单

我们会在网上耗费很多时间，但是在这过程中最烦的恐怕就是填写那种超长的表单。这种情况多见于注册网站或者论坛的时候，填完邮箱密码个人信息之后，你还得填写公司人数、喜欢的颜色、谈过几次恋爱，等看到提交按钮可以点击的时候你会发现自己处于崩溃的边缘。当然，筋疲力尽的你这个时候还特别容易填错验证码

你应该这样解决它：

对于绝大多少网站而言，并不需要那么多复杂的信息!所以作为网页设计师or站长的你，应该尽量让用户提供最关键的信息就够了。正如许多网站所做的，提供邮箱设置密码，或者直接调用新浪微博或者谷歌帐号之类的API。

11.确认关闭的弹窗

从内心深处我非常讨厌这种弹窗。我已经决定离开这个页面了，结果网站还要生拉硬拽的让我再确认一次，心情不佳的时候尤其容易让人着急上火。

你应该这样解决它：除了带有编辑内容的页面可以保留这一设定，其他浏览性质的页面请不要自作多情加入这一设定。

12.内容被放置到意想不到的地方

用户界面和交互应该是符合逻辑的。按钮和操作应该符合用户的使用情境，APP和网页的导航也应该清晰直观。所以，不要将一些内容、按钮放置在一些奇怪的地方。

你应该这样解决它：

阅读一些关于UX和UI设计的文章，这将帮你发现并解决许多可用性问题。仔细观察一下亲戚朋友们使用你的网站或者APP时候的操作，如果他们都搞不清楚，那么你得重新设计了。

13.在手机上显示不正常

这让我想起多年以前网页设计师迫不及待抛弃1024×768分辨率的时代。在移动端爆发式增长的今天，打开网页一看陡然发现是桌面端的网页，WTF?!做个响应式的网页有那么难么?

你应该这样解决它：

移动端的用户访问量只会越来越大，所以尽可能做成响应式的网站吧。Wordpress网站可以用响应式的主题，或者使用栅格系统、BootStrap也不错。

14.付费墙

有些能提供高质量内容的网站，会使用一种健全的商业模式：给你看个开头，然后在付费墙上告诉你，只有付费才能看到后面的内容。

你应该这样解决它：设置付费墙可以，但是要物有所值，不要让用户还没有了解你的网站到底是什么就出现付费环节。