行動遊戲首頁介面配置之注意力研究

Users' Attention on Mobile Game Main Screen

10.30105/JDS.201607_19(1).0005

蔡子瑋(Tzu-Wei Tsai)；沈毅珊(Yi-Shan Shen)

行動裝置遊戲介面 ； 腦波 ； 注意力 ； Mobile Game Interface ； Viewing Behavior ； EEG ； Attention

設計學研究

19卷1期（2016 / 07 / 01）

81 - 102

繁體中文

隨著行動裝置的普遍化，資策會產業情報研究所(MIC)指出，使用者在行動裝置上的遊戲時間逐漸增加，每天平均行動遊戲時間約52.6 分鐘。因此了解遊戲介面對使用者注意力及觀看行為的影響，將有助於改善遊戲介面的使用性及使用動機。本研究以App Store 中遊戲類為主要探討對象，探討行動遊戲介面設計對注意力的影響。透過注意力實驗，藉由眼動儀器與腦波儀器收集人們注意力訊息，進行分析行動遊戲介面設計因素，歸納出行動遊戲首頁出現率較高的要素為開始按鈕、多重按鈕型態、文字按鈕，作為主要注視興趣區域。接著，依據遊戲首頁介面配置設計的重要三項因素：螢幕方向、編排方式及元素位置，製作實驗樣本，量測56 位受測使用者的眼動行為及腦波反應，了解對不同行動遊戲介面配置設計的注意力。研究結果顯示，以眼動注意力為主的介面配置設計，為直向螢幕、以水平排列。「開始按鈕」水平排列於或左中位置、「遊戲標題」位於左中側、「設定按鈕」配置於畫面左中或左上，較容易讓使用者注視。研究結果提出易理解且易注意的配置設計，提供未來行動遊戲介面配置設計參考。

As the popularization of mobile devices, it becomes a trend that people spend more time on playing mobile game. According to the survey from the authoritative MIC (Market Intelligence & Consulting Institute) of III (Institute for Information Industry), the average time that users daily play mobile game is about 52.6 minutes and is on the rise yearly. The game interface is critical to intrigue players' attention and affect the game usability. Thus, the aim of the study is to explore users' attention toward the mobile game main screen. First, the three main design factors, screen direction, layout arrangement, and location, are explored from the expert interview and focus group discussion. Second, the experimental samples are set according to the variables of three factors. Then, eye tracking and EEG instruments are applied to measure participants' attention when they look the mobile game main screens. The analyzed results of attention data yield the style with the vertical screen and the horizontal layout more attracts eyes' attention. It is founded that some design will be easily noticed to users: the stat button on horizontal arrangement and central-left position, the game title on the central-left position and the setting button on the central-left or up-left position. The conclusion could be the reference to the interface designers.

1. 王韋堯、黃詩珮、劉怡寧(2012)。消費品廣告設計情緒效價與喚起分析。設計學報，17(3)，45-67。
   連結：
2. 吳智鴻、劉長儒、曾奕霖、徐日薇(2012)。結合眼動與腦波之注意力指標建構iPad 電子書最佳色彩配置。聯大學報，9(1)，199-215。
   連結：
3. Albert, W.(2002).Do web users actually look at ads? A case study of banner ads and eye-tracking technology.Proceedings of the 11th Annual Conference of the Usability Professionals Association,Orlando, FL.:
4. Byrne, M. D.,Anderson, J. R.,Douglas, S.,Matessa, M.(1999).Eye tracking the visual search of click down menus.Proceedings of CHI'99,NY:
5. Cherry, E.(1953).Some experiments on the recognition of speech, with one and two ears.Journal of the Acoustical Society America,25(5),975-979.
6. Cooke, L.,Ieee(2006).Is Eye Tracking The Next Step in Usability Testing?.New York:Ieee.
7. David, L.(2005).Sustained attention and apical dendrite activity in recurrent circuits.BrainRes,50,86-99.
8. Djamasbi, S.,Soussan, M.,Tullis, T.(2012).Faces and viewing behavior: An exploratory investigation.AIS Transactions on Human-Computer Interaction,4(3),190-211.
9. GHAOUI, C.(Ed.)(2005).Encyclopedia of Human-Computer Interaction.Hershey: PA:Idea Group.
10. Goldberg, J. H.(1999).Computer interface evaluation using eye movements.International Journal of Industrial Ergonomics,24(6),631-645.
11. HYONA, J.R.(Ed.),RADACH , H.D.(Ed.)(2003).The Mind's Eyes: Cognitive and Applied Aspects of Eye Movements.Oxford, UK:Elsevier Science.
12. Just, M. A.,Carpenter, P. A.(1976).Eye fixations and cognitive processes.Cognitive Processes,8(4),441-480.
13. Marcus, A.(2001).Babyface design for mobile devices and the Web.Proceedings, Vol. 2, Human-Computer Interface Internat (HCII) Conf.,New Orleans, LA, USA:
14. Miller, P. H.,Bigi, L.(1979).The development of children's understanding of attention.Merrill-Palmer Quarterly,25,235-250.
15. Milller, P. H.,Weiss, M. C.(1982).Children's and adult's knowledge about what variable affect selective attention.Child Development,53,543-549.
16. SCHUMACHER, R.(Ed.)(2010).The Handbook of Global User Research.Amsterdam:Elsevier/Morgan Kaufmann.
17. Strandvall, T.(2009).Eye tracking in human-computer interaction and usability research.Proceedings of Human-Computer Interaction - Interact 2009,Berlin:
18. Zimbardo, P.(1985).Psychology and Life.Boston:Scott Foresman and Co. Boston.
19. 史萊姆工作室譯、Rollings, A.、Adam(2003)。大師談遊戲設計Game Design。臺北市:上奇出版社。
20. 何韋德(2014)。碩士論文(碩士論文)。國立交通大學資訊研究所。
21. 林永紹(2013)。碩士論文(碩士論文)。國立高雄師範大學資訊教育研究所。
22. 林佩瑩(2011)。碩士論文(碩士論文)。國立交通大學傳播研究所。
23. 林書安(2014)。碩士論文(碩士論文)。國立臺北教育大學課程與教學研究所。
24. 林威志(2005)。碩士論文(碩士論文)。臺北醫學大學醫學資訊研究所。
25. 涂雯婷(2014)。碩士論文(碩士論文)。國立高雄應用科技大學資訊管理研究所。
26. 張玉秀(2012)。碩士論文(碩士論文)。國立交通大學理學院科技與數位學習學程。
27. 張宛惠(2014)。碩士論文(碩士論文)。臺中科技大學資訊管理系碩士班。
28. 莊雅茹、楊乃潔、賴素純(2012)。智慧型手機介面設計使用性差異之研究。管理與資訊學報，17，83-114。
29. 許維哲(2006)。碩士論文(碩士論文)。國立臺北教育大學玩具與遊戲設計研究所。
30. 郭盈顯(2013)。碩士論文(碩士論文)。崑山科技大學資訊管理系所。
31. 陳奕樺(2014)。碩士論文(碩士論文)。國立成功大學教育研究所。
32. 傅小貞、胡甲超、鄭元攏(2014)。行動設計之鑰。臺北:松崗資產管理。
33. 黃馨儀、陳建雄(2012)。社群網站之智慧型行動裝置使用者介面研究。工業設計，127，138-143。
34. 楊亦婷(2006)。碩士論文(碩士論文)。銘傳大學設計創作研究所。
35. 蔡明憲(2013)。碩士論文(碩士論文)。國立成功大學心理學系認知科學所。
36. 蔡旻諺(2013)。碩士論文(碩士論文)。國立臺中科技大學多媒體設計系。

1. Lin, Hui-Fei(2017).A Preliminary Exploration of the Development of Mobile Communication Research.資訊社會研究,33,1-16.
2. (2023)。手機行動遊戲之介面優化設計研究。樹德科技大學學報，25(1)，119-131。