在这七个小细节中糟糕的网页设计 可能会毁了网站的用户体验

　　本地一个商场上线了一个购物网站，看到这条消息，处于职业习惯，就访问了这家商场网站，当时我用的是笔记本电脑上的，结果一下崩溃，图片超大，分辨率极低，自行脑补一下，是什么感觉……这就是号称与某宝并肩的电商网站，崩溃的泪流。

　　后来，有人告诉我，这是手机网站，你用PC端访问，是不是成心找事儿?

　　不能否认，在今天移动网络用户足够多前提下，上线一个网站，完全可以不用照顾到传统PC端用户的感受，因为用户用手机就可以完成浏览和购物了，何必还要费哪些功夫呢?在网页设计中完全忽略了PC端用户感受，这样做真的对吗?强大的电商网站如淘宝、京东都没有轻易放弃，一个地方的商场网站就敢这么做，这是不是作死的节奏，在当今网站建设很成熟的今天，网站的好坏往往在于一些小细节上，也许你不在意，但是，有没有想到，这是在这些糟糕的细节设计，影响到了网站功能和体验，结果让用户流失了，下面就和大家分享一下七个糟糕的网页设计。

　　排版杂乱

　　当我们打开一个网站，如果发现这个网站排版杂乱，心里面一定感觉不爽，对网站的信任大打折扣。出现这种情况，也许是网站设计者只注重一种程序，或者是没有做好各个浏览器的兼容性，这样在A浏览器可能没有问题，而到了B浏览器，却出现了一大堆乱堆砌的现象，网站排版好比一个企业的脸面，而现在打开网站的浏览器、设备又那么多，想要不出问题，只有一个一个测试才是最为正确的姿势。

　　网页图片尺寸一样

　　网页设计离不开图片，那么在图片的选择上该是如何呢?在网页设计的过程中，需要采集大量的图片，如何对这些图片有机的组合在一起呢，有的站长喜欢统一规格，就是组合的图片大小一致进行组合，这样看起来很整齐，视觉上看也不错，但是有没有考虑到图片格式的不同，存储图像是采用什么格式最恰当呢?

　　一般层次丰富颜色较多的图像采用JPG存储，而颜色简单对比强烈的则需要采用PNG。显然，图片格式的选择以及图片大小的选择并非相当然就可以了，不仅影响到网站的整体美感，而且还和网站的打开速度有很大的关系。

　　层次不分明

　　有一些站长抱怨说自己的网站为什么色彩上总是有问题，总是看起来没什么精神，没办法吸引人注意。这就涉及到一个美学问题，就是网站层次设计。

　　如何让网站显得大气又有内涵，就需要用到色彩的层次设计，所谓色彩的层次是指当把作品去色之后，作品中有没有表现出从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很沉重，而如果白色很多的话那么整体效果就会显得很苍白，如果灰色很多，白色与黑色都很少，那么整个版面就显得很脏了!

　　如果在色彩上搭配没有注意这种层次关系，那么会大大影响到用户的视觉体验。

　　网页设计基础功能欠缺

　　在网页设计比较成熟的今天，很多基本的东西通常会被站长忽略掉，比如如何让网站加载速度更快，一些按钮放到哪个位置更合适，在网站分页导航中，哪个放在第一位更合适，在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了信息的完整性和功能的完整性，只有这样，用户才能信任网页本身。

　　文字描述让人失望

　　网页设计离不开图文并茂，而很多站长过分注重对图片的依赖，却忽视的文字的重要性，在文字的描述上，要么随便找一些高大上绚丽的空洞的文字却堆砌，或者过于直白，更注重于文字和图片之间的美感，却忽视了文字要表达的意思。

　　显然，图文并茂的设计更容易让用户停留，而在这个时候，加上一些简练的文字描述，会不会更有影响力呢?

　　低分辨率

　　分辨率过低的原因是考虑到网页打开速度，这的确是让人很多站长无奈的事情，网速不是自己所能左右的事情，太大的图片，打开延迟，很容易让用户选择放弃，但是，图片分辨率过低，同样不符合用户的体验，如何在这两方面权衡一个点，需要综合网站高峰期访问量进行测试。

　　随着随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当你需要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。只有不断完善自己的设计，通过对网站更新，能从根本解决这个问题。

　　太多的花哨在内

　　页面自动跳转、广告无处不在、弹出窗口滚出网页设计、网页自动播放、过于花哨的动态导航栏……你网站设计中有没有这些东东，不要意味这样的技术控用户就会买账，金光闪闪、屎黄色一般的发亮框，未必是用户就喜欢，永远不要用自己一时低俗的恶意来挑战用户的审美底线，网站设计过于花哨，最终导致的结果是用户在5s内就选择离开。

　　站在用户角度，提高用户体验，在网站设计日益成熟的今天，细节的优化成为日常最为重要的工作之一，也许，细节的优化不是在网站建设之初，而是在网站运营时，不断的优化再优化。中国财经信息网：http://www.niup2p.com 原创文字，版权所有，转载请注明出处，并保留本链接，谢谢!