前端开发人员能够改善的用户体验

1. 点击异步加载避免跳到页面的顶部。

   现在很多新闻的评论都使用异步加载，但点击翻页时却跳转到页面顶部，新闻篇幅比较短还好，长篇大论就必须滚动多次，耗费用户的更多时间。

2. 双击页面中的文字却不可选。

   有时候我需要拷贝这部分文字黏贴到其它地方，例如浏览购物网站时我要拷贝商品的名称在其它购物网站中搜索，却因为有其它层覆盖在上面导致不能选择，难道我要手动把它敲出来，或是查看源文件，这实在是太不方便了。

3. 链接添加title属性，尤其是带有省略号的链接。

   有些时候链接中的关键词正好被省略掉，而用户又不想在不知道标题的情况下去浏览该篇文章。链接必须带有title属性，用户能够知道完整的链接文字，再确定是否点击该连接。

4. 图片添加alt属性。

   图片是页面中体积较大的组件，加载慢甚至没有加载的情况是很容易出现的，在这种情况下必须让用户知道这张图片的信息，所以需要添加alt属性，并把图片信息放在alt属性中。

5. 异步加载缺少等待状态。

   用户如果在页面上操作需要异步加载的按钮或链接，由于网速原因没有及时显示，用户很有可能认为本次操作没有成功而重复操作或是选择离开。

6. 缺少页面标题（title）对页面内容的说明。

   对于新闻内容页，还是应当把文章一级标题（h1）放在页面标题中最前面的位置，一方面是利于seo，另一方面对于多选项卡浏览器（除了IE6外，现在的浏览器基本上都是多选项卡浏览器），选项卡一栏显示的字数有限，而用户切换时只能从页面标题前面几个字来判断页面（部分网站可以通过网站logo来区分），所以把文章的一级标题放在页面标题的最前面对用户切换页面是很有益的。

7. 修改外部静态文件时应该打时间戳。

   用户不会使用ctrl+f5,无论文件修改了多少，都应该修改时间戳使用户获得最新的外部静态文件以覆盖本地缓存中的文件。

8. 用户的操作区域容易被选中且有较明显的选中状态。

   一直以来我都认为点击单选按钮对使用高分辨率屏幕或电脑操作不熟练的用户不是一件容易的事。我们应该使用label标签包含单选按钮的说明文字，并赋值于手型鼠标属性，提示用户这是可点击区域，并且用户点击后能选中对应的表单元素，如单选按钮，而且在用户选中后有较明显的选中状态告诉用户它们正在操作的区域，因为有时候仅仅一个闪动的光标并不明显。

9. 初始化表单元素定义边框颜色和宽度。

   在windows经典主题下或server版本下，输入框和文本域边框都有立体效果，需要在初始化时对表单元素的边框统一定义。

10. 搜索输入框应该具备回车能提交的功能，短信和邮件文本域通过ctrl+enter能提交。

    大多数的用户都有输入搜索内容后回车的习惯，而在文本域输入内容后也习惯用ctrl+enter发布（长期使用IM软件后留下的“后遗症”），添加这些功能对用户操作很方便。

转载于:https://www.cnblogs.com/nicholaslai/archive/2010/12/10/3762639.html