加载中…
个人资料
daydayup
daydayup
  • 博客等级:
  • 博客积分:0
  • 博客访问:8,968
  • 关注人气:15
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

web表单设计

(2013-03-21 20:04:53)
标签:

产品设计

表单设计

分类:
        第一.表单的组织 
  1.选取问题 
  如果已经确定了表单问题,就应当思考为什么要问那些特定问题,如果没人知道,就表明可能需要重新思考整个方法,这个表           单是否真的有必要? 
   
  2.构建对话 
  网站想知道我这么多情况,而我对网站却一无所知.. 
  把输入框视为问题(标签)的一部分反映了我们在现实世界中回答问题的方式 
   
  3.内容的组织 
  根据问题数量和情景,可以将这些组分到多个网页或者单个网页的不同部分 
  如果把表单看成对话,主题之间就会自然出现间断。首先谈谈你是谁,然后说说你住哪里。 
  首字母应该大写 
  可选性营销问题最好在注册表单之后提出,人们可能会觉得可选问题作为后续问题出现在填完表之后,侵略性较弱。 
   
  第二.完成之路 
  向人们说明填完表单的路径至关重要 
   
  1.表单的命名 
  表单名称与要求人们采取的行动保持一致至关重要,告诉人们所处位置是否正确 
  2.起始页 
  只有需要花费大量时间填写的表单才应当考虑起始页来说明填完表单的路径 
  3.清晰的浏览线 
  问题有节奏的流动需要问题之间有合适的间隔,最好采用输入框高度的约50%-70%作为问题之间的间隔。 
  4.注意力分散最少 
  Amazon可以再任何地方销售商品,但一旦进入支付过程,就没有任何可有可无的装饰 
  5.进程指示 
  进程指示有时候不能真正的反应出所需要的页数,有一个办法是使用笼统的、没有目标设置期望值的进程显示。 
  6.TAB键跳转 
   
  第三.表单元素 
  1.标签 
  顶标签的填写时间最少,但需要大的垂直空间 
  如果希望人们速度放慢,并仔细考虑表单中的每个输入框,左对齐标签式个好办法,特别是表单含有大量可选输入框、陌生的           数据时 
  对于不明显的问题不采用输入框内标签,因为人们回答时需要能够参考标签 
  使用输入框内标签应该确保标签和数据有明显区别 
   
  2.输入框 
  这样造成用户在键盘和鼠标之间来回切换,如何引导用户使用TAB切换输入框是个问题。 
   
  3.输入框长度 
  如果输入框无法受益于暗示,就应当采取一致的长度 
  Ebay表单采用不同长度的文本框提供暗示,如邮政编码输入框符合美国邮政编码的实际长度5位数。 
   
  4.必填项 
  如果多数问题必填,那么就表明是可选项的少数问题。 
  采用标签(*号)来标示必填项,务必采用图例解释其含义。另外由于输入框形状、长度各不相同,*放在标签后面,还是输入           框后面值得考虑。 
   
  5.输入框分组 
   
  6.弹性输入框 
  确保用户填写内容有足够的弹性,多种有效的答案形式。 
   
   
  在下列情况下,简洁的帮助文字最有用 
  1人们不熟悉表单要求填入的数据:什么是pac代码? 
  2人们质疑为何要填入特定数据:为什么要知道我的出生日期? 
  3人们可能关系数据安全或者隐私:填写信用卡号码安全吗? 
  4系统推荐数据填写方式:请用逗号分开标签 
  5某些数据输入框可填或者必填项,而表达的大部分内容都相反 
   
  帮助和错误的消息必须突出,双重视觉强调错误以及清晰的解决指导。 
   
  如果表达填写成功,应当用成功消息清晰传达并通过成功消息显示结果 
  根据情境提供成功消息,不要阻止进程 
   
  避免成功消息页面成为死胡同

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
前一篇:赢在设计
后一篇:胜于言传
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    < 前一篇赢在设计
    后一篇 >胜于言传
      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有