表单设计的层次
-关系:提出问题的机构与回答问题的用户之间的关系
-对话:表单提出的问题、附加的说明文字以及表单按话题排列的方式
-外观:表单看上去的样子:文字字段、输入框、排列方式以及颜色
表单设计的流程
1.说服人们回答问题
-选择在合适的时机让合适的用户填写表单
-理解用户填写表单的目的,尽量选择对表单填写认真对待的用户
-确保用户填写表单得到的奖励与其完成表单付出的努力保持平衡
2.获得正确的信息
-弄清楚谁需要表单信息
-弄清楚表单信息用来干什么
3.提出容易回答的问题
-使用用户能够理解的语句提问
-一次只问一个问题
-考虑用户获取答案的方式以及是否提供帮助
-考虑为用户提供预设选项以及是否提供一个“其他”选项
-在适当的情况下分组提问
4.说明文字
-使用常见词汇
-使用简短、肯定、主动语态的句子
-使用“如果”先于“那么”的句子
-充分利用空白、项目符号和表格将文字组织为有意义的模块
-将文字放在合适的位置
5.选择表单控件
-如果键入答案更自然,可以选择输入框
-如果用户有可能输错,可以选择一些能够点击的控件
-如果含有大量选项,可以选择下拉列表
-如果允许用户选择多个选项,可以选择复选框
-如果选项看上去极为相似,最好允许用户在输入框键入答案
-如果用户需要参看选项才能完全理解问题,最好选择单选按钮或复选框
-应尽量清晰地描述选项,并为选项设计合理的排序方式
6.填表过程一气呵成
-按话题分解长表单,可以采用分组或分页的方式,保证话题间的自然过渡
-使用进度指示器显示表单步骤,使用摘要菜单按任意顺序完善长表单
-避免页面突变
-善待错误
7.关注细节
-确保标签和对应字段密切相关
-可用“ * ”标记必填字段,也可用“(可选)”标记选填字段
-使用易读的字体和词汇
-使用适当的句长和空白
8.构造简约的表单外观
-保持表单的整齐简洁
-通过空白、分组线或背景色构建表单分组样式
-避免两栏布局
-删除不必要的文字和线条
-可以采用可折叠的表单样式
*Web表单设计*读书笔记
《Web表单设计》热门书评
-
此书看完大家可以实际应用试试
4有用 0无用 磊土 2011-04-15
用了两周时间,在拥挤的地铁上,图灵的新书《web表单设计-创造高可用性的网页表单》看完了。web表单在我们当今的互联网生活中无处不在。大到招聘网站当中的个人简历,小到用户登录,要想创造出高可用性的表单,除了重视这方面的公司外,我想大多数网站中的web表单易用性都很糟糕。曾经记忆犹新的一次失败体验是在...
-
只好粘些笔记了
2有用 0无用 ZPTAO 2015-07-27
* 1.蝶形选票butterfly wills * 2.表单的三个层次:关系relationship:提出问题...
-
*Web表单设计*读书笔记
0有用 0无用 长不大的小孩儿 2016-01-13
表单设计的层次-关系:提出问题的机构与回答问题的用户之间的关系-对话:表单提出的问题、附加的说明文字以及表单按话题排列的方式-外观:表单看上去的样子:文字字段、输入框、排列方式以及颜色表单设计的流程1.说服人们回答问题 -选择在合适的时机让合适的用户填写表单&nbs...
书名: Web表单设计
作者:
出版社: 人民邮电出版社
译者: 董淑桢 | Gerry Gaffney
出版年: 2011-3
页数: 192
定价: 35.00元
装帧: 平装
丛书: 图灵交互设计丛书
ISBN: 9787115246684