行业关键字
UI设计UI理论和资料 → 正文
互联网表单设计 第七章 帮助文字(1)
作者: yummy 译 来源: 视觉同盟 时间: 2009年6月30日

与第8章将谈到的错误和成功信息相类似,因此,两者有很多共同实用指南。

提供帮助的时机
帮助文字可以简单到只告诉人们如何填写,但它并不是完成表单的圣杯。如果一开始就出现过多指示解释如何填写,表单问题不是措辞不当,就是过于复杂,或者根本就没必要。如果帮助文字说明过多,说明应回到计划阶段,确保问题都合适(图7.1)。

图7.1 http://www.flickr.com/photos/rosenfeldmedia/2366431987
eBay网站表单帮助文字过多,单一选择过于复杂。有十多种不同方法获得如何选择三个单选按钮的帮助。

人们往往不会阅读屏幕上的提示,这也会导致帮助文字产生问题。依靠一套指示解释表单,而多数人会跳过这些指示,麻烦就来了(图7.2)。事实上,眼动轨迹研究表明,很多人看到表单时会直接跳到第一个输入框。这似乎是想开始填表的自然倾向。我们只是想填完表,继续到下一步!

图7.2 http://www.flickr.com/photos/rosenfeldmedia/2366432069
多数人忽略会Fairmont Hotels 网页上这三段指示文字。

但有时需要指示文字,尤其是下列情况时,简洁帮助文字最有用:

* 人们不熟悉表单要求填入的数据:什么是PAC代码?
* 人们质疑为何要填入特定数据:为什么要知道出生日期?
* 人们关心数据安全或隐私:填写信用卡号码安全吗?
* 系统推荐数据填写方式:请用逗号分开标签(tag)。
* 某些数据框可填或必填,而大部份都必填或可填。

上述情况下,帮助文字清晰简洁,同时靠近输入框可以达到目的。图7.3,Videoegg网站注册表单。网站建议密码设为4个或更多字符,并且请用户不用担心提供电子邮箱——我们不会发送垃圾邮件。够了。这两种情况传达信息使用了最少的帮助文字。真希望所有表单都这么简单。

图7.3 http://www.flickr.com/photos/rosenfeldmedia/2367268274
Videoegg网站注册表单采用了帮助人们回答问题的最少数量的文字。

实际上,很多表单以模糊形式要求人们提供大量模糊数据,也有很多表单使人们疑问要填入什么内容、为什么要填入这些内容。其中有些情况,输入框所需帮助文字很快超过表单本身,表单看起来让人害怕、非常复杂。如果这些表单采用动态帮助系统,会比较合理。

动态帮助系统自动触发,或通过用户明确操作访问触发。人们与表单自然接触,系统自动触发,显示可用帮助文字。光标在输入框之间或输入框组之间移动,显示有用的帮助文字。另一方面,如果用户觉得需要帮助,用户激活的帮助系统要求人们采取操作,以显示有关帮助文字。

原文链接:http://www.yummyux.com/?p=409

(责任编辑: echo

作品欣赏

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