眼球追蹤 Eye Tracking 一個有趣的研究方法 UI介面設計參考~

Eye Tracking 眼球追蹤 這個玩意不知道有多少人聽過~

最早我是從軍事雜誌中看到 記得是 美軍的"阿帕契"直昇機的機關槍 他的控制是透過駕駛員的頭盔

駕駛人看哪裡 那槍就指向哪裡 所謂看哪打哪 當時就覺得很酷~ 這玩意~

後來看到 Eye Tracking都運用在醫學上, 提供腦部麻痺的患者 有更大的行為能力~

這幾年~ 看到他又運用到媒體廣告的研究上~

最近因為工作上需要, 我又想起這個有趣的部分, 整理之外也把這一些放到這分享一下啦~

open_img('attachments/201001/5052874744.jpg')

 所謂 Eye Tracking 就是把使用者觀看一個網頁時的注視程度 紀錄下來

例如上面這張圖 表示百度和google觀看時的差異~

但個人覺得這是要去百度上班的學生做的吧~ 呵呵~ 看來百度的觀看比google還認真….

open_img('attachments/201001/5966174789.jpg')

 

Eye Tracking 怎麼做呢~ 基本上就是戴著這樣的"帽子"~

然後紀錄觀察使用者上網的行為, 追蹤使用者眼球怎麼看 停留多久 重點在哪裡等等資訊~

open_img('attachments/201001/7514326079.gif')

 下面是大致的儀器功能解說~ 參考一下~

open_img('attachments/201001/3469252383.gif')

open_img('attachments/201001/5249818985.jpg')

 這是google的一份研究, 可以看的出來 SEO自然排序 是很重要的~

越後面的資訊 觀看者越沒注意到, 這還包含廣告的排序 也有相同的情況出現~

open_img('attachments/201001/0924957367.png')

open_img('attachments/201001/4269769425.png')

 而現在部落格表現型式的網頁, 中間文章度也是最被注意到的部分

下方若有電子商務的行為, 看來被觀看到的機會並不大~

open_img('attachments/201001/1821257332.png')

 而網站介面 左方表現的方式 還是大部分人最習慣的閱讀習慣吧~

open_img('attachments/201001/2417246385.jpg')

 加上圖片 可以再看看不同的狀況~

open_img('attachments/201001/8820011986.jpg')

 以這樣方式 加上眼球的移動圖示, 可以看到圖片的影響度 和閱讀順序~

open_img('attachments/201001/9996029745.jpg')

 再看看這張圖, 能不能帶給你設計UI時的參考的一些想法呢~

T字型的UI設計習慣  觀看順序的安排…這些資料是值得好好研究一下的,

open_img('attachments/201001/8174523524.jpg')

圖片式廣告研究也會用到 Eye Tracking喔~

看看上面這個兩張圖片的差異 只差在摩特兒的眼球注視方向

就直接影響了觀看者看這張圖片 視覺注視度 讓視覺延伸到商品品牌

小小的一個改變 卻可能影響了廣告的效應狀況~  科學的方法真是有趣~

 

真是希望 中文網站的使用研究 能多用點這樣科學方式 而不總是 廣告業務說了要開多大就多大

把版頁搞的粉醜….  大部分中文網站 都是塞的滿滿滿那種表現

到底他的根據是哪裡產生~ 這真的值得好好思考一下~ 

 

PS: 什麼事最慘… 就是剛剛花了好久寫的文字 忽然… IE當機~ 靠…

沒存到檔… 一且又得重來… 很堵濫….. 唉… 死M$ 不穩定還死要錢…

吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

2 thoughts to “眼球追蹤 Eye Tracking 一個有趣的研究方法 UI介面設計參考~”

  1. 吳大,你還有更多關於 眼球追蹤的資料嗎?

    最近要優化網站跟文案。 就是不知從何著手….

    例如:眼球追蹤的追蹤軟體,分析等…

    有嗎有嗎?

  2. 抱歉~ 我並沒有很深入去研究這部分的技術,你可以上網Google這關鍵字,應該可以找到不少的資料的~
    另外、國家論文網站也有較深入的論文資料了。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *