以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.yummyux.com/?p=511

表单设计之基于选择的输入(9)

作者:yummy  |   发布: (编辑)kent.zhu   |   时间:2009-07-14 23:05:24 文字大小:- +

实用指南

我警告过了,基于选择的输入项要考虑很多方面问题,对吗?研究了海量数据,我们学到了什么?

* 如果每个初始选择的额外输入项数量很大,网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页,但动态隐藏和显示额外输入项不会迷惑用户,用户也不会怀疑选择是否互斥。

* 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错,但存在选择互斥问题。哪种方案能解决问题,得到的数据矛盾,所以两种方案都有问题。如果能通过巧妙的互动或视觉设计避开互斥问题,这两个方案就会表现良好。

* 如果初始选项列表较长(4或5个以上),每个选项都带有一套基于选择的输入,可采用下拉列表和视觉分组。

* 如果每个初始选项只有几个额外输入项,单选按钮下方显示或单选按钮内显示是最佳方案。我见过由于过多页面跳跃造成混乱,额外输入项与初始选择之间的关联丧失,所以要谨慎使用。但如果每个选择只有1到3个额外输入项,我会使用单选按钮即时显示。如果可能,应确定使用清晰的视觉联系和过渡。

* 所有非活动选项,或全部选项基本不会是发起者,选项太多,人们马上被搞昏了头,而这些选项与用户目标无关。

* 整体而言,隐藏无关表单控件,除非用户需要,减轻表单对眼睛的压力,用户能迅速填写表单。

* 整体而言,将初始选项及其基于选择的输入靠近显示,所获满意度高。

* 所有情况下,保持初始选项之间的联系清晰。不要让人们看不到顶层初始选择。

* 所有情况下,清晰显示基于选择的输入项和触发器之间的关系。本节中所有例子使用了黄色或灰色背景来显示这种关系。

* 所有情况下,应避免页面跳跃过多,页面跳动会分离基于选择的输入项和初始选项之间的关联。

 

更多
打印  |  相关话题:登录、注册的表单   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买