前端开发：用户体验不佳的八大细节-控件新闻-慧都网

前端开发：用户体验不佳的八大细节

原创|行业资讯|编辑：龚雪|2014-12-17 09:41:45.000|阅读 1029 次

概述：前端开发八大细节汇总，让用户体验更加美好！

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

前端开发中，开发者懂得如何设计网页和增加网站实用性。但Web应用针对的客服群非常大，不好的用户体验，往往会导致重要的客户流失。以下8大细节，将决定成败。

细节1：表单标签和各自的选择域不匹配

使用“for”属性允许用户点击标签，就可以选择到表单中整个的输入区域，这对单选框和复选框扩大点击区域十分重要。但要注意选择内容的匹配。

细节2：Logo图片不能链接回首页

点击网站的Logo回到首页已经是一个基本的原则了，大多数的访问者也已经习惯于此。另外，将Logo图片展现在网页的左上方也是需要的。

细节3：没有区分已经访问过的链接和未访问的链接

处理已经访问过的链接不需要高超的CSS技术，但它经常被忽略。应该给用户一个视觉上的提示，告诉他/她网页中的哪些链接是已访问过的。

细节4：没有区别出当前处于激活态的表单

尤其在使用输入框或输入域时，选择使用“focus”或其它方式，展示出哪一个区域在当前是处于激活状态的，这一点对用户很有帮助。这里可以是一种CSS样式，比如高亮的边框或背景色有些不同。

细节5：图片没有提示描述

这也是一个相对强制性的规定，要有这样的思想和意识，除非你的图片是纯粹的装饰目的。另外，当你的图片存在链接时，图片的描述应该包括链接的地址。

细节6：错误的使用背景图片

我们经常会使用背景图片，但要注意有时你的背景图片会影响到客户的阅读，背景颜色和文字的颜色应该有较大的反差，防止网页上的文字无法被识别。

细节7：不一致的接口设计

有一种错误叫过度的设计。一些设计师对网站中的每一个页面都进行不同的设计，这就会让用户感到困惑和烦恼。无论你的网站多么的突出或吸引人，如果它的设计是不统一的，那么用户就会感到不自在，就会离开你的网站。所以建议你的网站中的每一个页面都使用统一的模板，设计尽可能的简洁，拥有好的用户体验。

细节8：非链接也带有下划线

根据经验，我们通常认为带有下划线或阴影的内容很可能包括超链接，所以不要在你的内容下方到处加下划线，从而误导用户。如果你要强调突出一些文字，你可以选择加粗它或使用其它的一些标签。

前端开发Web神器——WebStorm（目前火热促销中），另外还有5折限时抢购和免费领iPhone 6、iPad air等好礼!

此文翻译至：http://gatelogix.com/blog/developement/small-mistakes-in-web-programming-not-to-ignore/

转载请注明本文地址：http://www.evget.com/article/2014/12/17/21952.html

标签：前端开发 Web开发

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

上一篇：危机四伏的数据库下一篇：24个有用的PHP类库分享（下）

在线采购

中文文档库

试用/Demo下载

开发社群