网页设计中最常见的用户体验错误

对于一个成功的网站来说,有些东西要比一个很炫的网页设计更为重要。网站的用户体验就是这么一个重要的指标,即使一个很好的网站设计如果没有很好的用户体验性,那也会流失他的目标客户群。

我这里列出一些常见的用户体验的错误设计,我们在做网站时一定要特别警觉。


混乱的导航

具有讽刺意味的是,这个问题仍然存在于正在运行的很多网站上面。要不他们就不重视导航的用户体验性,要不就是在执行的时候,不把这个做为首要的考虑。你可能会责怪正是那些很漂亮的单页面网站设计引起了这个问题,或者就是那些以全屏的轮播图为主页导航的页面设计风格,给我们以很强的视觉感受,但是其实用性却非常低。现代的流行设计趋势又开始走回了以内容为中心的时代,那些带着导航设计的单栏界面已经慢慢不在那么受宠爱了。


对于一些小型的网站,或是个人的博客,或者就是一个简单的投资组合网站,那种单页面网站的导航设计是够用了。然后对一个大型的企业网站来说,导航就是网站的基石。 无管你相不相信:对于这次全网站导航的设计来说,三次点击原则仍然很重要。所有您网站上的内容以及其它一些实际的事情,用户都可以从主页面开始不超过三次点击,就能访问到。


大部分现代的内容管理系统都允许您利用分类,子分类以及标签等方式来组织管理您的内容。如果您能把这个功能用的好,您的用户就可以特别容易的找到您想呈现给他们的内容,而这其实和网站的大小根据没关系。正确放置面包屑导航条以及网站地图文件都会有很大的帮助。


差的易读性


随着在现在引入 Adobe Typekit或者是 Google Web Font 到网站的字体设计中来,现在在网站上引起的易读性的问题比在印刷版上面要多的多。 现在,如果您建议谁在设计网站的时候,尽量不要用 Comis Sans字体,那已经是很过时了。因为现在基本已经没有人这么做了。然而,易读性的问题仍然会很严重的破坏您设计的网站的用户体验性。


影响到网站的易读性是有很多原因的,但我们最主要考虑的两个问题仍然是字间距以及段落排版方式。字体的颜色,字体大小以及空格,也是毁掉大段文字可读性的重要因素-每一个都很重要。


当您在页面放置文字的时候,还需要重点考虑一下这个问题:每一种网站界面设计的目光关注点都不一样,您应该根据您的界面设计来放置您的文本内容。通过下面的图例您可以看出来,一个网站的目光关注点和一个论坛的是完全不同的,而对于电商网站来说也和一个杂志的目光关注点是完全不一样的。



非响应式网站设计


这是移动的时代了,出于实际的利益目的,我们也应该考虑当前网站的浏览量其实有很大的一部分是来自于移动设备的,包括智能手机或者是平板电脑。自然的,您的网站一定不能忽略了这么重要的客户群,在网站设计的过程中您就应该考虑到移动端的友好性以提高移动客户的用户体验。



响应式的设计是您最好的赌注,特别是在现在这个时代,您能非常容易的就找到那些已经预先写好了响应式的网页设计模板,这些模板完全的支持响应式调用,同时还能非常完美的定制化再开发。如果这不是您想采用的方案,那么适应性的网站会让您觉得物超所值,虽然这意味着您要维护两个完全独立版本的网站:一个就专门为PC 客户,另外一个就是专门适应移动客户。如果您的网站比较庞大且有着海量的内容,这个方案一定是最适合您了。


忽略搜索功能


这是另外一个您特别要注意避免的问题。在任何类型的网站里放置一个合适的搜索框都是很重要的。而且,如果您的网站是属于大型网站,那搜索框就更有用了。


所以,把您的搜索条放置在一个用户很容易注意到的位置就是一个很不错的设计。 一般来说,边栏是放置这些搜索条的最好的位置,另外,您也可以把他放在网站的页头之上,可能是放在公司标志旁边,或者就是最顶部,甚至就在导航栏的旁边,都可以。当然您要注意的是,也许您的页脚就不是放搜索条的好地方,可以尽量不先考虑这里。


忽略了坏链接


坏链接或是404的错误页面并不是总能避免的:时不时的,因为人为的错误或者就是URL 发生了变化,就导致了页面找不到的 404 错误。 当然,如果发生了这样的错误,您就是简单的给用户一个“不能找到页面”的提示信息,这肯定不是最好的响应方式。当您在优化您网站的用户体验时,要去考虑一下出现这个问题的时候该如何修复。



对于WordPress 的用户来说,这有一个简单的方法,就是安装一个 Broken Links Checker 的插件。如果您能一直关注着可能出现的坏链接,并且在一个比较合适的时间间隔内进行修复,那么您的用户在访问您的网站时,就会较少的看到 404 的报错页面,这也会极大的提高您页面的用户体验。


当我们谈到用户体验的时候,完全基本上是不可能达到的。但是如果您避免了以上我们所提到的各种常见错误,那么您的网站在用户体验的性能方面已经有了极大的提高了。

不深思则不能造于道。不深思而得者,其得易失。

名人名言- 曾国藩
  • By 优联实达(译)
  • 2015-10-04
  • 2148
  • 公司新闻,网站开发,网站设计,UI