行业关键字
UI设计UI理论和资料 → 正文
互联网表单设计 第五章 输入框(3)
作者: yummy 译 来源: 视觉同盟 时间: 2009年6月12日

输入框供人们填写答案,同时还能提供帮助人们回答问题的机会。其表现形式提供人们填表的有用线索。人性因素专家将这些线索称为暗示(Affordance)。

例如,门把手看起来能被拉开,这就是有效暗示。其外形特点告诉人们如何打开门:拉,而不是推。输入框能发挥类似作用。

图5.2,eBay Express网站表单,邮政编码输入框符合美国邮政编码实际长度:5位数。电话号码输入框也符合美国标准电话号码长度。其他文本输入框长度一致,足够填写答案。

图5.2  http://www.flickr.com/photos/rosenfeldmedia/2367265712
eBay网站表单不同文本框长度提供暗示,帮助人们了解如何回答问题。

对比eBay与Macy’s网站的付款信息表单,图5.3。图中所有文本输入框长度一致,没有考虑答案类型。换言之,没有提供帮助人们填写答案的暗示。Macy’s不得不通过帮助文字来保证邮政编码输入框只能填写5个数字(xxxxx 5 digits only)。只要输入框长度合适,就可避免这个问题。

图5.3  http://www.flickr.com/photos/rosenfeldmedia/2367265798
从基本美观角度考虑,Macy’s选择提供一致的输入框长度。然而,这种方式没能利用暗示帮助人们回答问题。

暗示提供组织答案的有用线索,人们填写时会自然考虑这些线索。如果输入框长度模糊不定,人们要思考为什么会这样。例如,图5.4,Tick网站表单,每个输入框长度几乎都不一样。人们会想:“是不是网址应当比公司名称短一些?”,或者“为什么email输入框这么长?是不是漏了些什么?”

图5.4  http://www.flickr.com/photos/rosenfeldmedia/2366429989
Tick网站表单输入框长度不同。

换句话说,如果输入框很长,回答很短,用户会不会误解问题?不要让人们考虑太多,输入框保持长度一致,提供人们明确线索。

(责任编辑: echo

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2026 视觉同盟 visionUnion.com)
Copyright © 2004-2026 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版