《众妙之门——Web用户体验设计与可用性测试》一1.2 界面应能引导用户

本节书摘来自异步社区《众妙之门——Web用户体验设计与可用性测试》一书中的第1章，第1.2节，作者 【德】Smashing Magazine，更多章节内容可以访问云栖社区“异步社区”公众号查看

1.2　界面应能引导用户

在界面上设置合适的默认信息并提供帮助性的提示还能够在用户的使用过程中引导他们，避免不必要的错误。让用户填满一个没有任何描述的表单后，再用JavaScript的警告信息告知用户他们的错误，是一种非常差的用户体验。使用这种调试方法来进行指导非常不利于向用户传达帮助信息。在表单中一步步引导用户，防止错误发生，是一种更好的指导方法。

Yahoo给不能自我描述的输入框设置了默认信息，但是当用户光标放置到该输入框时，它的默认信息会自动消失，从而不影响用户输入。当光标置于输入框中时，一个简单的描述性字段会出现在右边，提供简单的提示，这样也不会打断用户的输入过程。

在Yahoo中，处于光标定位状态的输入框会自动清除默认值。

Microsoft的Live Mail也会提供描述性的例子和需要的参数。Microsoft另外还对登录表单的输入框进行了分组，相关联的部分会分到一个组。同时Microsoft还会在每一组的右边对表单的交互区域进行描述。

Microsoft把相关联的输入框分到一组，还在右边为每一组提供了描述。

为了防止信息过多，表单只展示了用户当前所在区域的描述，也让用户能够在继续操作之前集中注意力在当前区域。

Squidoo的页面注册向导提供了另外一种指导性的界面。它在注册页面的流程中对每一个步骤都提供了拟人的描述，让整个过程更容易被理解和完成。在用户注册的过程中，它的联系表单仿佛在与用户进行交谈一样。

在这个多步骤的注册流程中，Squidoo同时还向用户反馈还有多少步骤需要完成，让用户对整个流程的范围有一个了解。

用这些措施设置表单会使得用户体验更加人性化，在用户的使用过程中提供帮助。

AJAX和JavaScript DHTML技术可以实时验证表单输入框中的内容，不再需要经过提交和返回。例如Yahoo注册账户的表单，在数据正确的时候会显示一个绿色的对号；而在数据无效的时候，会提供一个友好的提示信息，解释哪些输入有误及其原因。

Zooomr.com会实时验证注册表格中的信息，并为每一个输入框提供情感化的提示信息。

Zooomr提供在线、分享存储照片的服务，它的注册表单会实时验证已输入的信息，并为输入框的名称和有效（或无效）数据提供情感化的提示信息。