SlideShare a Scribd company logo

眼球追蹤法

黑豹
黑豹
黑豹混水摸魚 at 黑豹

眼球追蹤法

眼球追蹤法

1 of 6
Download to read offline
眼球追蹤 Eye Tracking 法
是指通過測量眼睛的注視點的位置或者眼球相對頭部的運動而實現對眼球運動的追蹤。
眼動儀是一種能夠跟蹤測量眼球位置及眼球運動信息的一種設備,在視覺系統、心理學、認知語言學的研究中有廣泛
的應用。目前眼動追蹤有多種方法,其中最常用的方法是通過視頻拍攝設備來獲取眼睛的位置。也可包括在眼睛中埋
置眼動測定線圈或者使用微電極描記眼動電圖。
在 19 世紀,眼動的研究主要是靠直接對眼睛進行觀察完成的。1879 年,法國巴黎的眼科醫生 Louis Émile Javal 發現
人們在閱讀文字的時候,眼睛的注視點並不是平滑的划過所注視的文字,而是在某一點停留一段時間(注視),然後
進行一詞快速眼動切換。人們根據這項發現提出了關於文字閱讀的許多被認為重要的問題:人們的眼睛遇到哪些單詞
會停下來?會在這些單詞上停留多長時間?眼睛什麼時候會回顧前面已經看到過的單詞?這些問題在 20 世紀得到了
廣泛的研究。
下面是大致的儀器設備。
網頁與視覺實用性的檢測:
從觀察眼球的注視焦點來審查一個網頁,廣告,被觀眾最常注視的點,進而審查網頁與廣告的實用性與使用性,(目前許多網
頁公司與廣告公司都有引進這樣的技術來審查網頁的使用性,如: google,yahoo,阿里巴巴,FB)
視覺神經學
在所有被人們用來蒐集外在世界訊息的各種方法中,視覺可能是最古老、複雜而重要的一種。
眼球內的接受器(receptor)會將反射自物體上的光線轉換成視神經可以處理的電能,然後傳送到大腦。最強而有力的光
接受器位於眼球的中心位置,稱為中央窩(fovea)。在進行閱讀、辨色、臉孔辨識和其他相當依賴視覺細節的活動時,
中央窩必須能夠在視野中的相關位置上維持固定(fixate)。眼球在每秒鐘之內會完成幾次這種凝視(fixation)、跳視
(saccade,在凝視點之間的運動)、凝視、跳視…一而再、再而三的循環。在每次凝視時,中央窩會從視野中蒐集新的
細節。而每一次跳視則是在迅速地調整凝視點位置,以便讓眼睛可以從視野中位置略有差異的部分蒐集資料。有趣的
是,人的眼球可以在一秒鐘之內完成好幾次這種循環,但是卻讓他覺得自己是在盯著某個定點看。
注意力
注意力是一種心理建構(psychological construct),意指某種認知功能的基本單位,並且用於使心智維持聚焦在特定的
事項、物體或活動。眼球運動和注意力之間的關係相當密切。歸納目前相關研究可知,你無法做到只移動眼球而不移
動注意力,但是你卻可以只移動注意力而不移動眼球。甚至當眼球和注意力不同步時,只要一旦注意力移動到某個新
的定點,眼球就會立刻跟著移動過去。因此,在想了解人們如何注意網頁或應用程式的情況下,注意力焦點和眼球凝
視位置兩者幾乎是完全對應的。所以當我們在解讀眼球追蹤資料時,必須先了解眼球雖然無法直接反映注意力,但無
疑是我們能夠掌握注意力運作的最佳途徑。
可用性研究中的眼球追蹤
眼球追蹤可以用來解釋當參與者試圖探索介面或完成作業時,他們的眼睛會看向何處。如果運用得宜,它可以提供深
入而且獨到的資料,讓我們用各種有趣的視覺化方法加以呈現,並且透過資料探勘來產生洞見、想法與創新。然而,
想要成功地將眼球追蹤應用在設計研究上,必須了解視線追蹤能夠以及不能夠對研究過程增加哪些價值。
眼球追蹤資料最有價值的用途之一,在於提供與其他觀察結果互補的資料。這在社會科學研究中被稱為三角測定
(triangulation),而且是用來防範單一方法、單一觀察者與單一理論研究所產生的弱點或內在偏誤(intrinsic bias)的重
要措施。
眼球追蹤資料的分析
僅僅透過對所蒐集到的眼球追蹤資料進行觀察,設計師和其他利害關係人(stakeholders)便可以獲得某些獨到而且極具
價值的洞見。但是一個經過嚴謹規劃、執行與分析的研究,更可以提供我們許多能深入了解使用者經驗的寶貴觀點。
視覺化呈現
眼球追蹤研究的報告內容通常包含各種能夠淺顯表達研究結果的視覺化呈現(visual presentations),譬如:
• 顯示哪些位置為參與者凝視重點的熱區圖(heat maps)
• 用以解釋參與者需要多久才能找到感興趣重點的至第一次凝視時間(time to 1st fixation)
• 提供有關哪些視覺成分被參與者花了多少時間注視等各項細節的逗留時間(dwell time)
精確的時間測量
眼球追蹤的測量機制,需要硬體設備達到毫秒(millisecond)級的精確程度。不過這也帶給研究者一個正向的副作用,
因為他們將可以觀察到利用傳統研究方法所無法測量的瞬間行為。
• 觀看時間(viewing time)。眼球追蹤可以提供參與者花多少時間觀看網頁或感興趣區域(region of interest, ROI)—研
究進行前或進行後所劃界的任何區域,而且不論其大小如何皆可為 ROI。傳統的可用性測試和網站分析雖然可以提供
粗略的瀏覽頁面或畫面時間,但是無法獲得由眼球追蹤所提供的細節。眼球追蹤資料可以用來比較人們花在特定內容、
圖片、瀏覽元素、選單項目或空白區域的時間各是多長。眼球追蹤研究者會利用這些測量結果來評估各種商業目的,
並且了解使用者會在哪些地方耗費較久的時間,以便掌握設計成果的優劣品質。
• 作業時間(time on task)。儘管傳統的使用者研究方法著重在對整體作業時間的測量,但是眼球追蹤卻可以提供有關
參與者在每個階段各花多少時間的精確細節。舉個例子,眼球追蹤研究和傳統方法一樣,可以測量使用者在進入登入
頁面後花了多少時間完成登入動作,但是眼球追蹤則可以提供相關細節,讓我們知道使用者在開始進行登入動作之前
是否先花時間在觀看其他部分,以及使用者花了多少時間在填寫每個登入資料的欄位。透過這些寶貴資料,我們可以
將重新設計的精力集中在最有可能獲得大幅改善的部分,不論這項作業是簡單或複雜的。
精確的時間測量可以提供資料來為各種設計決策(design decision)提供支持或決定其優先次序,以利改善使用者經驗。
任何你預期會從你的使用者身上發生的互動都可以拆解成幾個部分,而且你也都可以為這幾個部分針對時間、投入程
度和樂趣等各方面進行最佳化。Luke Wrobleski 在他所撰寫的 Web Application Form Design (2008)一書中提到,
Matteo Penzo 在 2006 年七月所做的一個眼球追蹤研究是他建議採用上緣對齊表單標籤(top-aligned form labels)的
原因。這項研究發現,採用上緣對齊的方法可以讓輸入標籤到輸入欄位的時間減少至 50 毫秒,而這個時間長短是採用
靠左對齊方法的十分之一,或是採用靠右對齊方法的二分之一。這些資料被用來支持他的設計建議,並且持續證明表
單標籤的排列方式確實會對使用者經驗造成巨大影響。
大部分人最習慣的閱讀習慣圖
眼球的移動圖示, 可以看到圖片的影響度 和閱讀順序。
觀看順序的安排這些眼動數據資料,可以帶給 UI 設計介面時有依據的設計方法。
圖片式廣告研究也會用到 Eye Tracking。
看看上面這個兩張圖片的差異 只差在摩特兒的眼球注視方向就直接影響了觀看者看這張圖片視覺注視度讓視覺延伸
到商品品牌小小的一個改變卻可能影響了廣告的效應狀況。

Recommended

Grand Challenges for Mixed Reality
Grand Challenges for Mixed Reality Grand Challenges for Mixed Reality
Grand Challenges for Mixed Reality Mark Billinghurst
 
Startup: Onde e como nascem as Ideias - MBA Esamc
Startup: Onde e como nascem as Ideias - MBA EsamcStartup: Onde e como nascem as Ideias - MBA Esamc
Startup: Onde e como nascem as Ideias - MBA EsamcRenato Melo
 
VR - Virtual reality
VR - Virtual realityVR - Virtual reality
VR - Virtual realityRohit Jain
 
헬스케어 웨어러블 디바이스 적용기술 및 서비스 사례와 주요과제
헬스케어 웨어러블 디바이스 적용기술 및 서비스 사례와 주요과제 헬스케어 웨어러블 디바이스 적용기술 및 서비스 사례와 주요과제
헬스케어 웨어러블 디바이스 적용기술 및 서비스 사례와 주요과제 제관 이
 
서비스디자인 개요 및 사례
서비스디자인 개요 및 사례서비스디자인 개요 및 사례
서비스디자인 개요 및 사례teaminterface
 

More Related Content

What's hot

한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면
한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면
한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면Yoon Sup Choi
 
김동환 서비스경험디자인 디자인씽킹
김동환 서비스경험디자인 디자인씽킹김동환 서비스경험디자인 디자인씽킹
김동환 서비스경험디자인 디자인씽킹Dongwhan Kim
 
Virtual reality ppt
Virtual reality pptVirtual reality ppt
Virtual reality pptdiksha gaur
 
Oficina: Realidade Aumentada
Oficina: Realidade AumentadaOficina: Realidade Aumentada
Oficina: Realidade AumentadaNellie Santee
 
VIRTUAL REALITY (VR) ppt
VIRTUAL REALITY (VR) pptVIRTUAL REALITY (VR) ppt
VIRTUAL REALITY (VR) pptKhumanDewangan
 
Multimodal Multi-sensory Interaction for Mixed Reality
Multimodal Multi-sensory Interaction for Mixed RealityMultimodal Multi-sensory Interaction for Mixed Reality
Multimodal Multi-sensory Interaction for Mixed RealityMark Billinghurst
 
COMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual RealityCOMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual RealityMark Billinghurst
 
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?SilverTech
 
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022Renato Melo
 
Lecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRLecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRMark Billinghurst
 
Augmented Reality By Jaseem Bhutto
Augmented Reality By Jaseem BhuttoAugmented Reality By Jaseem Bhutto
Augmented Reality By Jaseem BhuttoJaseem Bhutto
 
Virual reality
Virual realityVirual reality
Virual realitygk28
 
Introduction to Augmented Reality
Introduction to Augmented RealityIntroduction to Augmented Reality
Introduction to Augmented RealityMark Billinghurst
 

What's hot (20)

한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면
한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면
한국에서 혁신적인 디지털 헬스케어 스타트업이 탄생하려면
 
김동환 서비스경험디자인 디자인씽킹
김동환 서비스경험디자인 디자인씽킹김동환 서비스경험디자인 디자인씽킹
김동환 서비스경험디자인 디자인씽킹
 
Virtual reality ppt
Virtual reality pptVirtual reality ppt
Virtual reality ppt
 
Oficina: Realidade Aumentada
Oficina: Realidade AumentadaOficina: Realidade Aumentada
Oficina: Realidade Aumentada
 
Virtual Reality
Virtual RealityVirtual Reality
Virtual Reality
 
VIRTUAL REALITY (VR) ppt
VIRTUAL REALITY (VR) pptVIRTUAL REALITY (VR) ppt
VIRTUAL REALITY (VR) ppt
 
Vitual reality
Vitual realityVitual reality
Vitual reality
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
Multimodal Multi-sensory Interaction for Mixed Reality
Multimodal Multi-sensory Interaction for Mixed RealityMultimodal Multi-sensory Interaction for Mixed Reality
Multimodal Multi-sensory Interaction for Mixed Reality
 
COMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual RealityCOMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual Reality
 
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?
Virtual Reality (VR) & Augmented Reality (AR): Are You Ready?
 
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022
Visão de Presente e Futuro - Visão de Futuro e Novos Negócios 2022
 
Lecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRLecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VR
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
Augmented Reality By Jaseem Bhutto
Augmented Reality By Jaseem BhuttoAugmented Reality By Jaseem Bhutto
Augmented Reality By Jaseem Bhutto
 
André Bazin
André BazinAndré Bazin
André Bazin
 
Câmera fotografica
Câmera fotograficaCâmera fotografica
Câmera fotografica
 
Virual reality
Virual realityVirual reality
Virual reality
 
Introduction to Augmented Reality
Introduction to Augmented RealityIntroduction to Augmented Reality
Introduction to Augmented Reality
 
Lecture 4: VR Systems
Lecture 4: VR SystemsLecture 4: VR Systems
Lecture 4: VR Systems
 

Viewers also liked

調查評估法
調查評估法調查評估法
調查評估法黑豹
 
Ideo 有競爭力的設計公司
Ideo 有競爭力的設計公司Ideo 有競爭力的設計公司
Ideo 有競爭力的設計公司黑豹
 
人種誌研究
人種誌研究人種誌研究
人種誌研究黑豹
 
友善餐廳研究報告
友善餐廳研究報告友善餐廳研究報告
友善餐廳研究報告5designact
 
新一代.新價值-社會設計提案
新一代.新價值-社會設計提案新一代.新價值-社會設計提案
新一代.新價值-社會設計提案Chih Yuan Cho
 
使用者設計的旅程
使用者設計的旅程使用者設計的旅程
使用者設計的旅程Chih Yuan Cho
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼Souyi Yang
 
#成效特訓營 | 網路應用使用者經驗趨勢前瞻
#成效特訓營 | 網路應用使用者經驗趨勢前瞻#成效特訓營 | 網路應用使用者經驗趨勢前瞻
#成效特訓營 | 網路應用使用者經驗趨勢前瞻AdWordsGreaterChina
 
電視、社會電視與未來電視
電視、社會電視與未來電視電視、社會電視與未來電視
電視、社會電視與未來電視Charles (XXC) Chen
 
如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UXChih Yuan Cho
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計Charles (XXC) Chen
 
HPX83-HPX讀書會介紹 (哈林) 20160623
HPX83-HPX讀書會介紹 (哈林) 20160623HPX83-HPX讀書會介紹 (哈林) 20160623
HPX83-HPX讀書會介紹 (哈林) 20160623悠識學院
 
使用者經驗設計初探
使用者經驗設計初探使用者經驗設計初探
使用者經驗設計初探George Chang
 

Viewers also liked (16)

調查評估法
調查評估法調查評估法
調查評估法
 
Ideo 有競爭力的設計公司
Ideo 有競爭力的設計公司Ideo 有競爭力的設計公司
Ideo 有競爭力的設計公司
 
人種誌研究
人種誌研究人種誌研究
人種誌研究
 
友善餐廳研究報告
友善餐廳研究報告友善餐廳研究報告
友善餐廳研究報告
 
新一代.新價值-社會設計提案
新一代.新價值-社會設計提案新一代.新價值-社會設計提案
新一代.新價值-社會設計提案
 
當科技遇到設計-科技人才布局新洞察
當科技遇到設計-科技人才布局新洞察當科技遇到設計-科技人才布局新洞察
當科技遇到設計-科技人才布局新洞察
 
使用者設計的旅程
使用者設計的旅程使用者設計的旅程
使用者設計的旅程
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼
 
#成效特訓營 | 網路應用使用者經驗趨勢前瞻
#成效特訓營 | 網路應用使用者經驗趨勢前瞻#成效特訓營 | 網路應用使用者經驗趨勢前瞻
#成效特訓營 | 網路應用使用者經驗趨勢前瞻
 
Maslow-UX hierarchy of need
Maslow-UX hierarchy of needMaslow-UX hierarchy of need
Maslow-UX hierarchy of need
 
電視、社會電視與未來電視
電視、社會電視與未來電視電視、社會電視與未來電視
電視、社會電視與未來電視
 
如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
HPX83-HPX讀書會介紹 (哈林) 20160623
HPX83-HPX讀書會介紹 (哈林) 20160623HPX83-HPX讀書會介紹 (哈林) 20160623
HPX83-HPX讀書會介紹 (哈林) 20160623
 
使用者經驗設計初探
使用者經驗設計初探使用者經驗設計初探
使用者經驗設計初探
 

More from 黑豹

情境故事法
情境故事法情境故事法
情境故事法黑豹
 
參與式設計
參與式設計參與式設計
參與式設計黑豹
 
原型設計法
原型設計法原型設計法
原型設計法黑豹
 
Pac 模式
Pac 模式Pac 模式
Pac 模式黑豹
 
Oai 模式
Oai 模式Oai 模式
Oai 模式黑豹
 
Nasa tlx
Nasa tlxNasa tlx
Nasa tlx黑豹
 
Goms分析模式
Goms分析模式Goms分析模式
Goms分析模式黑豹
 

More from 黑豹 (7)

情境故事法
情境故事法情境故事法
情境故事法
 
參與式設計
參與式設計參與式設計
參與式設計
 
原型設計法
原型設計法原型設計法
原型設計法
 
Pac 模式
Pac 模式Pac 模式
Pac 模式
 
Oai 模式
Oai 模式Oai 模式
Oai 模式
 
Nasa tlx
Nasa tlxNasa tlx
Nasa tlx
 
Goms分析模式
Goms分析模式Goms分析模式
Goms分析模式
 

眼球追蹤法