本文通过一系列的可用性测试，探讨了表单设计中标签的位置（如左对齐、右对齐、上方紧贴）、对齐方式、是否加粗对用户体验的影响。测试发现，标签在输入框上方紧贴且左对齐的方式减少了用户认知负荷，而粗体标签可能导致阅读困难。下拉列表框虽然吸引注意力，但也需谨慎使用。
笔者针对不同类型的表单做了可用性测试与分析后，得到了有助于用户高效使用的表单设计要点，希望内容对你有所启发。
我们一直想研究表单中标签如何放置才能让用户带来好的体验，所以我们借助眼动仪对不同种类的表单进行了可用性测试与分析，期间我们发现了很多有趣的数据，以下是我们对数据的详细分析。
在大家详细阅读前，我们先说明下此次测试搭建的环境是一个有别于真实情况的、临时的，因为我们需要正确的测试视觉跳动的过程、跳动的次数，我们需要消除测试中其他的干扰因子，用户纯粹聚焦在表单的填写上。
卢克在我们测试准备前和分析数据的时候都给了又价值的见解和反馈，我们将他的一些理论纳入了可用性测试中，并通过数值数据来丰满和举证。
在构建我们要测试的表单的过程中，我们尊重卢克的两点建议，首先是考虑标签位置和格式设置之间的关系，其次是表单填写内容熟悉数据与陌生数据之间的关系。
因此，您将在我们测试的每个页面上找到两种类型的数据。为了添加一些真实的情况，我们将用户熟知的数据输入字段与其他难的表单元素(如下拉列表框)配对。这样做也有助于我们确认我们以前对表格的发现。
我们的测试对象既包括专家用户(主要是设计师和程序员)，也包括一些可用性专家和新手用户。我们要求用户填写我们提交给他们的所有表格。一旦用户点击提交按钮，我们的凝视路径记录就完成了。
最低0.47元/天 解锁文章
6152
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
