别让这9个闹心的套路，毁了你的网页设计！

模式化的网页设计套路之所以为广大设计师所喜爱，很大程度上是因为它们具备有良好的可用性和可访问性，在转化率和用户留存率上有着不错的数据表现。

但是这些通过数据来体现的设计模式，在用户的视角里，可能并不那么理想。设计和做人一样，需要少一些套路，多一些真诚。那么下面就为大家揭穿那些看似好用，但用户体验并不好的设计模式。

1、色彩种类运用过多

为了让自己的网站表现得热情而有吸引力，很多朋友非常极端地向其中加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。这显然有损访客对核心内容的关注。

解决办法

最好的办法是使用最多三种主色调与素雅的背景。如果大家决定选择纹理背景，请确保其具体取色不会像霓虹灯般锐利刺眼。

2、字体大小存在问题

这类问题往往存在多种表现形式，包括字体不足12号使得用户无法看清甚至点不到后退按钮。

解决办法

要解决这些难题，最重要的是理解客户需要——年纪超过40岁的群体往往更喜欢大字体。年纪更大的使用者甚至只能看得清14号以上的字体。

主题文本还应被拆分成更易于管理的区块，但却又不能破坏其连贯性。保证信息的易读性与快速获取性是我们的核心设计原则之一。当需要提供大量文本内容时，可以考虑将其划分成多个不同页面以简化内容管理。

3、过度使用GIF、动画与音效

在某些情况下，GIF动画非常有趣；动画能够让访问者获得更好的使用体验；音效可能也有助于提升感受。但这些都只是点缀，切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围，而大家对于音效以及音乐的取向也有所不同。有时，我们精心设计，却难以实现效果。

解决办法

千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免，企业的官方网站绝对不要使用。

4、超大的导航菜单

大型的导航菜单，对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单，超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫。这看似满足了全部用户的需求，实则会分散用户注意力，并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作，那么网站内容再好也将没有意义。

解决办法

信息分类整合其实是就是为了应对这种情况而存在的，将网站的导航内容规划为不同的大分类，有了层级，用户更容易筛选；又或者你可以将导航设计成为更为有趣的图文式链接，让它看起来不那么枯燥，也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性，因为其是创造平衡美感的重要基础。

5、乏味无趣的加载页面

随着技术的进步，时间对于人们来说越来越宝贵，为了一个20M的网页在浏览器前静静坐上1分钟等待加载，那大多数用户都会有关掉它的冲动，因为我们会在这个过程中无数次怀疑这个页面是不是卡住了。如今的网站加载需要的是速度和效率，这符合当前的真实用户需求。给用户提供即时的位置、时间和响应对一个优秀的产品来说很重要。

解决办法

如果你的网站在加载速度上有问题，首先应该加载页面中较轻的元素，以及整个框架，然后使用加载器将较大和较重的元素逐步填充进去。这样一来，用户就不会觉得页面卡在那儿，而是在逐步加载了。

缓冲应该尽量避免，如果它必须存在，那就应该有趣一点。加载页面可以是一个加载进度条，一个为浪费用户等待时间的道歉或者是配有文案的简单动画。

6、设计臃肿，内容杂乱

不断增加的功能会导致需求和交付之间的延迟，这会让设计逐渐变得臃肿。将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪，导致用户难以阅读及导航。

解决办法

产品发布上线后能够覆盖用户最常见的使用情形并提供值得信赖的使用价值；考虑用户的使用习惯，使你的设计能够让用户集中注意力。坚持增加必要且有价值的功能，尽量避免内容混乱多余。产品设计的流程应该是：发散，优化，迭代和提炼，直到你们的产品或服务可以提供一个优质的解决方案。

7、对移动设备不够友好

智能手机已经成为人们在互联网上获取内容的最佳途径。大家的多数出站流量很可能都指向智能手机或者平板电脑。如果各网页没有针对移动设备进行优化，那么人们可能面对难以进行访问或者加载时间过长等问题。

解决办法

目前市面上有着大量免费的应用与插件能够帮助我们解决这类难题，而针对移动端拥有出色优化效果的一大实例就是MailChimp网站。

8、复杂的注册流程

网站构建需要投入大量精力，而其最终目的在于吸引潜在群体并宣传或者表达自己的产品或观点，并通过重复访问带来收益。在设计网站时，我们往往只考虑自己的个人品味——但正确的作法应该是立足于目标受众的需要与特点。

解决办法

大家应当尽可能简化注册流程，因为多数用户对产品或者服务的注册机制并不感兴趣。如果需要填写的信息太多或者由于不支持键盘而导致流程难于操作，用户会很快选择放弃。

• 上一篇：IOS提交审核，APP会遇到的各个状态和时间
• 下一篇：网站设计的7个技巧帮助你创意首屏内容