paip.提升用户体验----错误信息提示结构总结

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,可能会不知跑到哪里去了,或者干脆就隐藏不见了.