paip.提升用户体验----错误信息提示结构总结
来源:互联网 发布:韩国虚拟手机号软件 编辑:程序博客网 时间:2024/05/22 15:07
paip.提升用户体验----网站WEB错误提示信息的设计与原则
作者Attilax , 1466519819@qq.com
比如,当用户登录时,注册时会出现信息指示用户,比如用户名重复,密码错误等
1.错误信息的颜色,通常以红色加粗为主
注意设置是不要只通过CSS来设置颜色加精,因为可能手机浏览器等对CSS支持不完美..所以还需要冗余的使用FONT来设置颜色与粗体.
2.每次错误要明显显示..
特别是AJAX的时候,错误和上次一样的话,用户不知道是不是变化了..不知道这个提示是上次的还是这次的.因为看起来没动..
可以在错误信息前边加不定长的前缀,以及日期格式变化等..这样就很容易看出来了
3.错误要有错误码..这样方便用户识别反馈..
4.所以一条良好的提示语结构是 "前缀"(每次长短不一变化大.)+时间(最好每次格式化不同)+错误码:错误信息
比如
出错了,2012-10-3 0:53:25,ELO2:用户名或密码不正确
第二次时显示
错误,请检查你的输入, 下午1点45分25秒,ELO2:用户名或密码不正确
5.错误信息的位置:应该放在提交按钮的上面最好了.
特别是表单较长,而用户用手机浏览器提交时,如果错误位置比较远,可能用户看不到..
6.提示信息的位置使用TABLE来定位..最好不要用CSS方式..
原因很简单,手机平板等移动设置对CSS的支持不一,可能非常差.如果用CSS,可能会不知跑到哪里去了,或者干脆就隐藏不见了.
- paip.提升用户体验----错误信息提示结构总结
- paip.提升用户体验---提示语
- paip.提升用户体验-----填写EMAIL时自动提示完成
- paip.提升用户体验与安全性---注册流程总结
- paip.提升用户体验---提高兼容性无JS支持总结
- paip.提升用户体验------c++ 拖曳使用总结..
- paip.提升用户体验----c++ 源码字体自定义制造总结
- paip.提升用户体验-----用户注册设计
- paip.提升用户体验之全角半角
- paip.提升用户体验---导入导出
- paip.提升用户体验---文件查找
- paip.提升用户体验---注册异常记录
- paip.提升用户体验---搜索功能设计
- paip.提升用户体验----置顶菜单
- paip.提升用户体验---程序异常处理
- paip.提升用户体验与提升安全性----记住密码
- paip.提升用户体验与安全性----登录与权限流程总结
- paip.提升用户体验=----c++ qt 字体切换功能缺少的总结..
- dbms_stats 详解
- 程序员还是有经验的好
- VCL组件之主要方法(Methods)和通用事件(Events)
- Linux并发机制思维导图
- 图文解释Visual Studio 2008 建立CUDA 项目
- paip.提升用户体验----错误信息提示结构总结
- VCL组件之重要的公用属性
- C++,类,对象,引用--语法练习.
- opengl学习(二)
- datagrid 编辑 textbox 还是原来的值
- POJ 3264 Balanced Lineup 线段树 单点更新 求区间最值
- 双击jar不执行
- VCL组件之Name属性
- Win7快捷键