关于Web视线轨迹研究、视觉焦点研究的案例总结。

1. Web眼动模式
Eye Movement Pattern
Final Ver1.20101206

2. 提纲
1. 视线轨迹研究 Eye Tracking
2. 视觉焦点研究 Eye Catcher
3. 网络案例 Web Design
4. 平面案例 Graphic Design

3. 适用于
• 版式设计 Layout design • 可访问性 Accessibility
• 信息设计 Information Design • 可读性 Readability
• 用户界面设计 User Interface Design
• 视觉设计 Visual Design

4. 什么是眼动模式？

5. 提纲
1. 视线轨迹研究 Eye Tracking
2. 视觉焦点研究 Eye Catcher
3. 网络案例 Web Design
4. 平面案例 Graphic Design

7. 左右移动优先于上下移动（横向书写）

11. 优先在同一背景区域移动

15. 优先移向醒目的地方

19. 早期向下个视觉焦点移动的可能性小
E. C.
E. C.

22. 提纲
1. 视线轨迹研究 Eye Tracking
2. 视觉焦点研究 Eye Catcher
3. 网络案例 Web Design
4. 平面案例 Graphic Design

24. 上部视觉焦点丌能太靠上
E. C.

29. 中间视觉焦点会导致两侧视线丌固定
E. C.

32. 右上视觉焦点会导致视线丌固定（横向书写）
E. C.

36. 点对称视觉焦点可以让视线比较固定
E. C.
E. C.

38. 提纲
1. 视线轨迹研究 Eye Tracking
2. 视觉焦点研究 Eye Catcher
3. 网络案例 Web Design
4. 平面案例 Graphic Design

39. 视线轨迹对比

40. 视点热区对比

48. 提纲
1. 视线轨迹研究 Eye Tracking
2. 视觉焦点研究 Eye Catcher
3. 网络案例 Web Design
4. 平面案例 Graphic Design

51. ？
www.rexsong.com
Created: 2010.11.10

52. 参考
• 研究：視線追跡装置をチラシのレイアウトデザインに応用する
http://www.sda.nagoya-cu.ac.jp/kimoto/ncu/yamauti_eyemark/eyemark_recorder.html
• You look where they look
http://usableworld.com.au/2009/03/16/you-look-where-they-look/
• Eye Movement Patterns in Web Design
http://www.onextrapixel.com/2010/11/05/eye-movement-patterns-in-web-design/
• A Cross-Cultural Comparative Study of Users' Perceptions of a Webpage: With a Focus
on the Cognitive Styles of Chinese, Koreans and Americans
http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/267/163