Anny Yo's profile

表单的响应

表单的交互主要从 即时验证、多余的输入、额外的输入、基于选择的输入 几项描述

即时验证
能提供多类反馈:确认回答合适,建议有效回答,通过实时更新设计以帮助人们控制在必要的限制范围内。这类反馈通常发生在人们在输入框中开始、继续输入或停止输入的时候。主要表现在确认、建议和限制上。

1.即时确认
当光标置入,开始输入时,在输入过程中就会出现消息说明用户名是否已被使用。如果答案有效,信息会随之更新并反馈给用户。通过这种方法,人们不会陷入错误循环—他们能马上知道答案有效。
2.即时建议
直接反馈并不仅限于确认所提供的答案,还能提供回答建议。如果有一组特定答案都有效,但范围太广,无法设计成单一用户界面元素,比如下拉菜单或者一系列单选按钮,在这种情况下,即时建议能帮助人们找到正确答案。
光标移出,输入完成时,立马判断输入答案的正确与否并给出相关答案,或者将答复转成特定格式。
3.即时限制
有些问题没有明确答案,但有明确限制。这类即时验证有助于避免超过输入限制而产生的潜在错误。
如果有输入限制,应当采用实时、动态更新的方法传递输入限制
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
多余的输入
表单中的任何问题,人们都需要解析,形成答复,并在表单提供的地方输入答案。要小心设置每个问题,如果某个问题并非绝对必要,要么可以去除,要么可以在更好的时间或者位置提出,要么可以自动推断出答案 ,提出的问题越少,人们就可能越快越容易完成表单。

1.去除问题
无关紧要的问题,可以删除,避免用户产生疑惑,填写信息是否会泄漏自身信息。
● 仔细检查表单所有问题,去除多余的问题,注意,不要为了去除问题页使问题复杂化

2.智能默认
即在满足多数人需要的地方放置选择,来帮助人们作出明智选择。
●  寻找人们回答问题的模式,准确推断答案
●  通过恰当设置满足多数人需要的默认选择,智能默认可以帮助人们回答问题
●  人们会忽视默认选项,所以要确认默认选项符合多数人目标
●  只要有可能,单选按钮都应当设置默认选项。如果没有明确的默认选项,人们仍可能会明白需要做出选择。 但如果他们不明白,就会发生错误

3.个性化默认
设置个性化默认选择,客户能更快完成表单,记录用户之前的选择,因为答案具有“粘性”。
● 考虑个性化默认选项发挥作用的地方。并不是表单每项输入都能设为个性化默认选项。

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

额外输入
并非所有时候所有人都需要填写表单的所有输入框。很多时候,几个简单选项就能满足多数人的需求,其他情况下,可以借助额外输入:即时增加、叠层、循序激进

1.即时增加
提供额外输入框给需要的人,同时不会阻碍不需要的人。
● 额外输入可以提供更多选项或者高级选项,满足有需要的用户,同时不妨碍不需要的用户。
● 应当根据客户需求的优先顺序,安排额外输入。主要用例应当总是直接而且可见;次要用例应当点击一次鼠标即可见。
● 如果允许人们激活额外输入,额外输入会比自动浮现更受欢迎。
● 确保触发额外选项的操作措辞明确。如果额外选项自动触发,应当提供图标和文字来预设期望。
● 对于单一表单,应当保持一致的额外输入方式。

2.叠层
额外输入框出现在表单上方,就像电脑桌面上出现的对话框。
● 如果需要显示大量额外输入,可以考虑采用叠层方式代替即时显示方式,避免网页跳动以及用户迷失方向。
● 确保叠层不会遮住帮助人们填写的输入框,确保人们仍然可以自行填写。
● 如果额外选项需要单独考虑,应当使用模式叠层。
● 确保提供用户明确办法关闭或者取消模式叠层并返回表单。

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

基于选项的输入框
基于选择的输入框允许人们按时希望的方式回答问题,额外输入框允许人们补充回答想回答的问题,基于选择的输入框根据初始问题的回答要求人们继续回答。

未完待续。。。


摘自《WEB表单设计  点石成金的艺术》
表单的响应
Published:

表单的响应

Published: