Form Layout对用户扫描的影响

Luke的书里有很多Eye Tracking实验的结果。关于Label的上对齐、左对齐、右对齐，提交按钮的位置等都有相应的“最佳实践”（Best Practices），我不在这里一一列出，否则出版社又该和我急了。这里把Luke和Caroline的结论结合在一起，做一个简单的小结，“剧透”无 罪！

稍微偏题一点，对于Eye Tracking能在多大程度上帮助我们理解用户，这个很难说，至少我还不敢下任何结论。一位HCI教授曾经跟我说的是：what they look at, may not be what they think of。这是一位常年用Eye Tracking分析玩家玩视频游戏的教授（对，没错，研究玩游戏的教授...好吧，我在误导你，实际是通过游戏研究人对事物的“沉浸”现象），所以，在能有机会证实Eye Tracking的作用前，我的观点依然还是Usability Testing,，field observation等来衡量用户的使用，Eye Tracking作为辅助。

好了，抛开Eye Tracking，小结一下Form Layout的作用（下一篇文章或许能更好的阐释这一部分的内容）
上对齐：扫描轨迹标准的垂直向下，所以理论上最快，但垂直占用空间大，不适合问题较多的Form，但对问题长度变化的适应性好。

（图片来源：http://www.flickr.com/photos/rosenfeldmedia/2367264762/）

右对齐：扫描轨迹也是基本垂直向下，所以理论上也很快，垂直占用空间小，对问题长度变化的适应性较差。但如果出现用户需要浏览所有问题时，速度下降。

（图片来源：http://www.flickr.com/photos/rosenfeldmedia/2367264946/）

左对齐：扫描轨迹水平上更多更长，所以较慢，垂直占用空间小，对问题长度变化的适应性较差。但如果出现用户浏览所有问题，速度不会受到影响。

（图片来源：http://www.flickr.com/photos/rosenfeldmedia/2367264266/）

何时用何种对齐方式？

上对齐：问题较少，问题长度可能发生较大变化（如多语言），希望用户迅速完成。如果你的问题全部属于slot-in类型，且数量少，我认为这种方式基本是首选；
右对齐：类似上对齐，但适合问题较多的Form；
左对齐：出现大量用户不熟悉的问题，希望用户花时间思考这些问题；
其它：也有将问题内置于输入框内，以节省水平空间需要，但随着输入框成为焦点，问题会消失。用户可能出现走神或有认知能力上的障碍而遗忘问题的情 况，此时问题的消失对用户来说就是灾难。我的建议还是尽量避免这种设计（好吧，CSSKarma给了一个非常奇怪的解决方法，有兴趣的话，你可以看看这个Demo）。

原文出处：http://arslanyard.blogbus.com/logs/74135020.html