WEB表单设计

更多的发现

调查结果中18%的注册表单旁边都会有登录表单或者登录连接。(例如, YouTube, Reddit, Digg, Lulu, Metacafe)
78%的注册表单没有用星号或者高光去表示必选框;大多数情况无论星号或者其他形式的高光都不会被使用。
9%的注册表单用流程指示来告诉用户他们进行到哪一步了,并且告诉他们哪些步骤是完成注册的必填项。
85%的站点更喜欢用尽可能简单的web表单。
区域通常都是用空白区来群组和拆分的,有时边框的用途也和空白区一样(22%),还有9%的情况是利用不同的背景色来区分。
  概要

  让我们来为这个web表单设计样式调查的第一部分做一个总结。请记住,我们只考虑注册表单。

注册链接的标题大多数是“sign up”(40%)并且被放在右上角。
注册表单为了避免分散用户的注意力而使用简单的样式。
93%的注册表单是单页表单。
41%的注册表单通过解释注册的优势来吸引用户注册。
62%的输入框标题是通过加粗高亮的。
标签不是都排成一条直线的。
设计师试图不用必填项和可选项。
86%的注册表单更喜欢用垂直布局的表单

注册表单没有任何hover,active或者focus的特效(84%)。
提示和帮助不管是静态(57%)或者动态(33%)都是出现在输入框下方(57%)或者右侧(26%)。
状态确认和动态确认一样流行。当然Ajax不是趋势
82%不需要email确认
72%需要密码确认
校验码可用(48%)可不用(52%)
92%不用取消按钮
提交按钮是左对齐(56%)或者居中对齐(26%)
感谢信息激发用户继续探索网站的服务(45%)

转载于:https://www.cnblogs.com/yingpp/archive/2008/07/30/1256282.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
内容简介 · · · · · · 网页表单无处不在——从注册表单到联系信息,从商业领域到政府部门。成功的表单设计不仅能提高用户满意度,还能收集更加精确的数据并降低维护费用;而失败的表单设计不仅会收集到与需求相悖的冗余信息,还极有可能导致潜在消费者的流失。 设计具有高可用性的表单绝非易事。两位作者通过丰富的实例,明确阐述了如何从表单的关系、对话和外观三层模型出发,设计出具有高可用性的优质网页表单,并通过可用性测试及早发现表单的潜在问题。通过阅读本书,读者能够了解到如何定义需求,如何提出与用户期望相符且容易理解的问题,以及如何撰写说明文字、设置进度指示器和处理出错信息。 经实践检验的实用建议将帮助你远离设计失误,创建出美观、高效的表单。 可贵的设计方法和技巧是赢得数据准确性和顾客满意度的制胜法宝。 包含大量实例——从细节展现(如标签对齐方式、必填字段)到视觉设计(如创建整齐的网格、颜色应用等)。 作者简介 · · · · · · Caroline Jarrett经营着一家可用性咨询公司Effortmark Ltd。自1992年开始开发税务表单,从此迷恋上了易用表单设计。她每月在www.usabilitynews.com撰写专栏“Caroline’s Corner”,阐述关于可用性的理念。 Gerry Gaffney经营着一家可用性咨询公司Information & Design Proprietary Ltd。主编过几期《用户体验》杂志,还创建了广受欢迎的“用户体验播客”(uxpod.com)。他认为表单设计是个难题,但还是试图从客观的角度来分析表单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值