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,但对问题长度变化的适应性好。

Eye Tracking with 上对齐

(图片来源:http://www.flickr.com/photos/rosenfeldmedia/2367264762/)

继续阅读Form Layout对用户扫描的影响

[10/01周主题] – Web 项目开发中的常见问题

这周来一直在赶一个Web项目,没多少时间focus到其他上面,于是这周的主题就干脆做个整理,整理下web项目开发时遇到的一些问题和解决办法。

本周主题:Web 项目开发中的常见问题

一、中文乱码

建议统一使用UTF8,或者全局做个filter处理。

二、表单校验

使用第三方校验框架, 而非自己去写,可以减少很多工作量。

三、Ajax的使用

首页尽量少用ajax,页面初次加载时常会加载不上来,尤其多个Ajax实例同时运行。

四、UI 规范

UI最好是出Demo,跟客户确认,定终稿,然后开发按最终效果图实现页面最好,否则没有页面或者效果图,即使有统一的规范,还是会浪费很多时间去调UI问题。

五、浏览器的兼容问题

虽然IE6基本上淘汰了,可老机器上使用IE6的还是不少的,Css 在处理兼容问题时,建议分开处理,在页面进行浏览器version判断,读取不同的css,这样管理和调整起来都方便。

六、比较完整的测试数据

页面框架搭完了,看着效果不错,可是填完数据后会发现和想象的不太一样。

七、用JPA Or JDBC 与数据库交互

JPA与JDBC相比之下,使用JPA大大减少了编程人员的工作量,因此还是偏向使用JPA,特殊环境下再选择JDBC