前端开发:用户体验不佳的八大细节
来源:互联网 发布:云计算视频学院 编辑:程序博客网 时间:2024/04/27 21:06
前端开发中,开发者懂得如何设计网页和增加网站实用性。但Web应用针对的客服群非常大,不好的用户体验,往往会导致重要的客户流失。以下8大细节,将决定成败。
细节1:表单标签和各自的选择域不匹配
使用“for”属性允许用户点击标签,就可以选择到表单中整个的输入区域,这对单选框和复选框扩大点击区域十分重要。但要注意选择内容的匹配。
细节2:Logo图片不能链接回首页
点击网站的Logo回到首页已经是一个基本的原则了,大多数的访问者也已经习惯于此。另外,将Logo图片展现在网页的左上方也是需要的。
细节3:没有区分已经访问过的链接和未访问的链接
处理已经访问过的链接不需要高超的CSS技术,但它经常被忽略。应该给用户一个视觉上的提示,告诉他/她网页中的哪些链接是已访问过的。
细节4:没有区别出当前处于激活态的表单
尤其在使用输入框或输入域时,选择使用“focus”或其它方式,展示出哪一个区域在当前是处于激活状态的,这一点对用户很有帮助。这里可以是一种CSS样式,比如高亮的边框或背景色有些不同。
细节5:图片没有提示描述
这也是一个相对强制性的规定,要有这样的思想和意识,除非你的图片是纯粹的装饰目的。另外,当你的图片存在链接时,图片的描述应该包括链接的地址。
细节6:错误的使用背景图片
我们经常会使用背景图片,但要注意有时你的背景图片会影响到客户的阅读,背景颜色和文字的颜色应该有较大的反差,防止网页上的文字无法被识别。
细节7:不一致的接口设计
有一种错误叫过度的设计。一些设计师对网站中的每一个页面都进行不同的设计,这就会让用户感到困惑和烦恼。无论你的网站多么的突出或吸引人,如果它的设计是不统一的,那么用户就会感到不自在,就会离开你的网站。所以建议你的网站中的每一个页面都使用统一的模板,设计尽可能的简洁,拥有好的用户体验。
细节8:非链接也带有下划线
根据经验,我们通常认为带有下划线或阴影的内容很可能包括超链接,所以不要在你的内容下方到处加下划线,从而误导用户。如果你要强调突出一些文字,你可以选择加粗它或使用其它的一些标签。
转自:http://www.evget.com/article/2014/12/17/21952.html
- 前端开发:用户体验不佳的八大细节
- APP开发的八大细节
- 买到首批iPhone X的用户先别高兴,刘海体验不佳
- 买到首批iPhone X的用户先别高兴,刘海体验不佳
- WEB前端开发 - 专注前端开发,关注用户体验
- 前端开发的小细节
- Radware:研究显示图像优化不佳影响用户网站体验
- Web前端用户体验的基本要求
- 软件用户体验非常好的前端设计
- 一些提高用户体验的前端技术
- android之开发总结,常见问题,细节问题,用户体验
- 做前端开发的,必须收藏的一份关于用户体验的布局设计
- 大型社区设计:提高用户体验的10个细节
- 大型社区设计:提高用户体验的10个细节
- 大型社区设计:提高用户体验的10个细节
- 做好这几个交互细节,给你的用户体验加分
- 10个细节提升后台系统的用户体验
- 减肥不可忽视的八大细节
- IOS 学习记录 表格单元格放入缓存池
- gif表情
- ucloud中的udisk错误“Read-only file system”修复指南
- [原]敏捷开发项目中升级mysql数据库,谈谈结构、数据比对,navicat for mysql + dbForge Data Compare for MySQL 足矣!
- Maven更改默认Jdk版本
- 前端开发:用户体验不佳的八大细节
- 四则运算表达式解析
- python数据类型——字典
- 注意PHP对字符串的递增运算
- oracle中字符串的操作
- 到底这些配置有哪些是可以自己后期加装的,而哪些又是无法自己后期加装的呢?可以后装加的配置是否比原装的要划算呢?
- OpenCV 2.4.8组件结构全解析
- Git 命令 创建与合并分支
- Android 给控件自定义Shape背景