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

用户激活的块帮助

用户激活的帮助文字还可以显示在表单一致位置,而不是显示在相关输入框毗邻区域。显示帮助文字的位置一致,能利用更大显示面积,提供广泛的帮助文字和内容,例如图形、图表,同时提供人们找到帮助文本的固定位置。

许多网站采用浏览器新窗口显示大量用户激活的帮助文字(图7.12),但弹出窗口拦截器和糟糕的窗口控制导致这种方法不理想。我见过一种替代方法,利用毗邻表单的一致区域显示相关帮助内容,测试证明很有效。Vizu网站帮助部分采用了这种办法,图7.13。表单右侧有一栏一致显示相关帮助文字。针对Vizu网站注册表单,这种做法会用过了头,自动即时帮助系统会更好。

图7.12 http://www.flickr.com/photos/rosenfeldmedia/2366431549
Charles Schwab网站采用新浏览器窗口显示大量帮助文字,包括图表。

图7.13
上:http://www.flickr.com/photos/rosenfeldmedia/2366431643
下:http://www.flickr.com/photos/rosenfeldmedia/2367267888
Vizu网站的帮助块采用表单的一致位置,根据活动输入框显示相关帮助文字。

与用户激活的即时帮助类似,用户激活的块帮助较适合用于多次使用的表格,尤其是复杂问题表单。图7.14,eBay万盏出售物品(Sell Your Item)表单更适合采用这种方法。表单使用帮助面板,人们点击表单顶部全局帮助按钮显示或隐藏帮助文字。点击输入框旁的帮助按钮,帮助面板显示相关内容。面板打开后,帮助内容会根据人们在输入框之间移动自动更新。

图7.14 http://www.flickr.com/photos/rosenfeldmedia/2367267948
eBay网站出售物品表单帮助面板可随时打开关闭。

卖家第一次用eBay,可以一直打开帮助面板,填表时得到详细帮助。高级用户可以关闭面板,只在需要时打开。面板大小可以容纳图形、图表和广泛的帮助文字,而这些都不适合放在即时帮助系统中。

(责任编辑: echo

作品欣赏

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