技术资讯
表单可用性5原则
2008-11-14 11:06:00
1、关注用户任务
1.1、告诉我填写这个表单是做什么的?
如果这是一个注册表单,你需要告诉我注册能带给我什么;如果这是一个联系网站管理员的表🌸单,你需要告诉我管理员将如🐼何处理我的信息。
1.2、表单提交后,不要把我晾在一边
是的,还有很多用户在提交表单后不知所措,没有告诉我提交是否成功,或者提示我൩提交成功,然后就把我晾在某个地方。
虽然很喜欢mister-wong的界面风格,但是当我注册完了之后,ꩵ我还是不知道该干什么。Errr...那么我现在要ꦉ做的就是去收邮件吗?
1.3、如果表单较长,创建表单导航
在线购🙈物是一个✱很好的例子,几乎所有的购物网站都建立了“挑选商品——查看详细信息——添加购物篮——支付——订单完成”或与之类似的全局导航。这样当用户在购物流程中并不会觉得自己是在一个很长的表单中,而只是为了一个特点的目标而进行的必要的点击。
即使是在一个表单里,如果表单包含多个任务,也应该将其分步骤进行。参考blogger.com的ꦆ注册表🦄单:
为每个任务添加说明。也许你需要了解一下fieldset和legend属性。
2、必要、简单
2.1、自以为是技术约束
我实在不能理解要求用户“必须使用字母是数字组合作为密码”有何意义,尤其是在银行网站上,尽管我能理解这些൩网站对于安全性的考虑,但我仍然因此必须对于自己的常用密码进行适当的修改以适应要求,这由此产生另外一个问题——我经常忘记我的密码,比如adsense。
2.2、站在你的用户角度想问题
我同意不能理解当我填写一个在线表单投诉问题,却要我留下电话号ಞ码和地址?OMG,你们的营销人员是第一天上班吗?如果我愿意电话联系,我难道看不到你们网站底部的800电话号码吗?
2.3、“我不是很聪明,但也不会太笨”
对不起,我不需要你告诉我邮编是5位数字。
当web2.0风潮吹遍神州大地的时候,我们的网站设计刮起了一股清新之分,与之相应的,表单设计却变成🐭了冗余与累赘的试验田。看看163或者zhuax🦩ia的注册表单,你就会明白什么叫过尤不及。
2.4、如果使用email作为用户名,密码重复是否必要?
对于传统的注册表单而言,密码重🔯复验证非常必要,理由很简单,对于非可见的输入,在没有其他取回密码的机制下,保证用户不会输入错误只能采用这种简单的验证机制。
但是现在很多新的互联网服务都开始采用email作为🐻登录名,这就给表单设计提供了一个新的思考方式:当密码可以方便的重新取回,那么让人厌倦的密码重复验 证是否还是必不可少?不少网站已经开始将repeat password从页面上去除了,下面是twitter的注册页面,何其清爽:
3、减少信息迷惑
3.1、用星号区别必填和选填项
尽🌳管这已经是几乎所有guidelines的标准,仍然有很多网站并没有在意这一点。看看pownce的注册表单:
为什么不直接告诉我这些是必填的,一定要我点击提交后再告诉我这些非填不可。
3.2、表单指引务必明确而直接,不要故弄玄虚,不是所有用户都有兴趣和你玩。
在我💃随机挑选测试的注册表单中,🎶xing无疑是做的最糟糕的。糟糕的并非界面设计或代码结构,而是失败的本地化。
作为一个读过十几年语文并且一直在互联网里生活的网民,我对于这个表单的疑问实在太多了。
我可以理解xing原本是国外网站,但是你要在中文圈里混,至少也꧂要适应一下姓在前名在后的中国传统吧。好吧,姑且认为要你为中文用户修改页面比较麻烦,那么能不能请你告诉我,what's the meaning of“城市(商务)” and “身份”?
4、防止用户错误
4.1、与其在提交后检测,不如在提交前检测
可以参考3.1里的pownce的案例。事实上,现在推出的大多数web服务已经越来越多的使用javascript来进ღ行表单验证,jquery和prototype等也都有很ꦅ多好用的表单验证插件。
记得,用户最厌倦的情况之一就是:当提交表单后刷新页面,然后告诉他♕有信息填写不完整和错误,然后密码部分被清空要用户重新填🐽写。
4.2、如果提供验证码,不要太过分
之前看“史上最强验证码 ”时🐠,其实颇觉理所当然,那些网站本身就是服务某些专业人士,因此问你Na2S4O6的中文名称是什么也无可厚非,那大门本来就是对俺们关闭的。但是你要做普罗大众如我辈的web服务,也忒考验俺辈的耐心了吧。
4.3、千万,千万,千万不要使用reset按钮
有什么理由要用户将刚刚填写的所有信息全部清空?
5、提供反馈
5.1、对于已完成的任务进行提示和鼓励
在适当的时候给用户一点掌声和鼓励♔会起到很大的效果,就行《使命召唤2》开始的那个苏联教官在我的射击课上跟我说的,“很好,就差一点了,继续训练吧”。
对于网站而言,一个典雅而有效的例子就是用百分比来描述表单的完成率,你会发现用户有一种使用时的“洁癖”,拒绝任何的不完美,因此ꦦ当看到这个70%时,他会迫切的要将其变为100%,是的,你的目的达到了。
5.2、不要恐吓用户
对不起,🃏用语夸张了点,但是大多用户都遇到过“可怕的”alert窗口的情况。当你提交一个表单,滴的一声弹出一个灰色窗口,“w🐼eqwew32673712323错误,请重新输入”。
于是你心惊肉跳,哪里错了,哪里错了🦄?友好一些的就告诉你Email地址填写不合法,不友好的就干脆就是一个只给程序员哥哥看的错误代码。俺的小命啊,只是填写一个表单吗,用得着这样吓俺幼小的心灵吗?
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,一站式网站服务—&mℱdash;力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2012-02-02 11:40:05] 加拿大预测网-在线预测:WEB表单设计分析及重要性
- [2009-02-18 10:45:00] 加拿大预测网-在线预测:互联网表单设计—第一章 表单设计(1)
- [2009-01-05 23:05:00] 加拿大预测网-在线预测:表单设计的最佳体验
- [2011-11-14 17:38:57] 加拿大预测网-在线预测:如何设计好网页表单的细节
- [2008-10-31 11:24:00] 加拿大预测网-在线预测:web表单按钮的使用
- [2009-02-12 08:58:00] 加拿大预测网-在线预测:回车键触发表单提交的问题
- [2008-11-20 12:01:00] 加拿大预测网-在线预测:网页表单中的主、次要动作
- [2008-08-13 12:16:00] 注册表单的规则
- [2015-07-16 21:42:58] 加拿大预测网-在线预测:织梦自定义表单获取到当前时间
- [2012-02-21 22:36:55] 加拿大预测网-在线预测:反馈表单的输入优化
- [2009-03-03 08:51:00] 设计评论表单
- [2009-02-15 22:38:00] 加拿大预测网-在线预测:表单设计中的常见问题
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案