Web眼动模式

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

提纲1. 视线轨迹研究 Eye Tracking2. 视觉焦点研究 Eye Catcher3. 网络案例 Web Design4. 平面案例 Graphic Design

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

什么是眼动模式？

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

优先在同一背景区域移动

优先移向醒目的地方

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

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

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

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

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

视线轨迹对比

视点热区对比

？www.rexsong.com Created: 2010.11.10

参考• 研究：視線追跡装置をチラシのレイアウトデザインに応用する 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

Web眼动模式

by rex song on Dec 05, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 832

Statistics

Web眼动模式 — Presentation Transcript

http://blog.rexsong.com	829
http://static.slidesharecdn.com	3