Skip to content Skip to sidebar Skip to footer

Better Games: Insights from Eye Tracking

Game screen on mobile phone with eye scans illustrated as red lines.
Figure 1. A study participant playing GetH2O on a mobile phone. The red dot indicates the point of gaze.

When we play test games at Valsplat, we often use eye tracking to enrich our observations. Eye tracking leaves less room for assumptions and helps us better understand player behavior. As a result, we—and the game developers we work with—can make more informed decisions, and therefore better games.

Apart from providing a general aid for observation, eye tracking can reveal unique things about a player. It can offer qualitative insights that would be difficult to obtain otherwise. This article is about those insights.

Visual Cues within the Game

Eye tracking can help us determine whether players see and understand the visual cues within a game. For example, in a playtest for the PlayStation 3 first-person shooter Killzone 3, players walked through a jungle level with some patches of dense forest. Eye tracking revealed that players were scanning the screen, but not finding their way out of the denser parts. It was too dark to see the way out.

As a solution, the developers created light cues in the jungle, subtly hinting the correct path, but without making it too easy. In the subsequent test, we found that players could find their way out after some searching.

In the mobile version of the peace-building game GetH2O (see Figure 1), eye tracking allowed us to see that players didn’t always understand the visual language in the game. Some objects were not recognized. For example, when the game reported that a river was polluted, players would scan the screen looking for a polluted river. Even though they looked at the brown areas indicating the polluted river, they kept on searching. This observation revealed that players didn’t recognize the representation of the polluted river.

Heads-up Displays

Eye tracking can also identify issues with the heads-up displays (HUDs). During gaming, the HUD shows game-related information such as score or ammunition. We playtested SXPD, a high-speed pursuit racing game for the iPad (see Figure 2). The initial test pinpointed two major HUD issues. Then the game was iterated and retested.

Game screen with sketch of gun controls.
Figure 2. In our first study, players of SXPD overlooked buttons and enemies. These problems were solved in this improvised version of the game.

The first problem was that the fire and brake buttons, essential elements of the game, were overlooked. When the game starts, you immediately start racing at a very high speed. Eye tracking showed that players were fully focused on the screen center, paying attention only to racing and avoiding obstacles (steering was done using the iPad’s gyroscope), missing the buttons on the left and right of the screen.

For the second test, the developers made a subtle change: the motor starts racing immediately, but the virtual car is not yet controllable. A countdown shows how many seconds to the start of the race. This change worked quite well. During countdown, players noticed the fire buttons on the left and right side of the screen. The brake buttons, however, were still overlooked.

The second issue in the first test was that players didn’t know where their enemies were. When enemies were racing behind the player, red arrows indicated their location. The further their enemies were behind them, the smaller the arrows were. Eye tracking showed that the players were so focused on racing that they didn’t look at the arrows. Even when enemies were onscreen in sight, players didn’t always see them; the game was in black and white, and enemies didn’t stand out.

For the second test, the HUD was stripped to its bare essentials. The arrows indicating offscreen enemies were enlarged. Onscreen enemies now had red circles around them. Eye tracking showed that players now noticed enemies, both onscreen and offscreen.

The Game Menu

Eye tracking can also be very useful for identifying issues with the game menu. When testing Gamepoint, a large casual gaming portal (see Figure 3), players were overwhelmed by the visual design of the menu. They would scan the entire screen, looking for cues about where to go. But the most important buttons and menu items didn’t draw attention. As a result of the study, the menu will be cleaned up and the most important buttons and flows will be emphasized.

Game screen with many buttons and other controls.
Figure 3. The players of Gamepoint found it difficult to location the primary action buttons.

Instructions

When testing a web game for high school kids, we observed that they rarely read pre-game instructions. Players quickly scanned the text, and as soon as they saw the “Next” button, they clicked it. In the GetH2O mobile phone game, we saw adults doing the same thing. Players were looking for some action; they wanted to play, not read. Based on eye tracking test results, the developers plan to shorten instructions to include only the essentials, as well as make the information more visually appealing.

By contrast, in the SXPD game, the pre-game story is told in a graphic novel style. Eye tracking showed that players read the story and looked at the drawings. So when text is visually appealing, it can encourage the player to read, at least in pre-game segments.

Conclusion

When used during playtesting, eye tracking can reveal what draws a player’s attention. This additional layer of information can clarify player behavior in general, but also in specific interface areas such as visual cues, instructions, and game menus. And even though eye tracking is not the Holy Grail, it’s still a very useful tool to help developers understand their players and, in the end, make better games.眼动跟踪在游戏的用户测试中会很有用。它通过提供独有的定性深度信息,帮助我们更好地理解游戏用户行为,而不仅凭猜测。这篇文章讲述四个案例,介绍了眼动跟踪数据如何帮助做出更明智的设计决策:(1) 游戏中的视觉暗示;(2)头戴式显示装置;(3) 游戏菜单;以及 (4) 游戏说明。

文章全文为英文版

.아이 트래킹은 사용자  평가 게임을 위한 유용한 도구입니다. 다른 방법으로는 얻어내기 어려운 정성적 통찰력을 제공함으로써 가정할 수 있는 여지를 감소하며 플레이어 행동을 더 잘 이해할 수 있도록 돕습니다. 본 논문은 아이 트래킹 데이터가 어떻게 더 많은 정보를 통해 디자인 결정을 할 수 있도록 돕는지에 관한 네 가지 사례 연구 예를 설명합니다.  (1) 게임 안의 시각적 암시, (2) 헤드업 디스플레이, (3) 게임 메뉴 그리고 (4) 게임 방법 설명.

전체 기사는 영어로만 제공됩니다.O equipamento para rastreamento do olhar é uma ferramenta útil para testes de usabilidade de jogos. Ele diminui as suposições e nos ajuda a entender melhor o comportamento do jogador oferecendo informações qualitativas que seriam difíceis de ser obtidas de outra forma. Este artigo descreve quatro exemplos de estudo de caso de como os dados obtidos com eye-tracking ajudaram na tomada de decisões de projeto mais bem informadas: (1) exemplos visuais dentro de um jogo, (2) heads-up displays, (3) o menu do jogo e (4) instruções sobre como jogar.

O artigo completo está disponível somente em inglês.アイトラッキングはゲームのユーザテストに有益なツールである。これには推測の余地はあまりなく、我々がプレイヤーの行動をきちんと理解する上で、他の方法ではなかなか得られない定性的な洞察をもたらしてくれる。この記事では、4つのケーススタディによって、アイトラッキングのデータが確かな知識に基づいたデザイン決定に役立つことを説明する。(1) ゲームの中の視覚的手がかり (2) ヘッドアップディスプレイ, (3) ゲームメニュー (4) 遊び方の説明

原文は英語だけになりますEl seguimiento ocular (Eye Tracking) es una herramienta poderosa para realizar tests de usuario en juegos. Deja menos lugar a las suposiciones y nos ayuda a comprender mejor el comportamiento del jugador ya que entrega resultados cualitativos que, de otra forma, serían difíciles de obtener. En este artículo se describen cuatro ejemplos de casos de estudio sobre cómo los resultados obtenidos en el seguimiento ocular sirvieron para tomar decisiones de diseño más fundamentadas: (1) señales visuales dentro de un juego, (2) pantallas de datos, (3) el menú del juego, y (4) las instrucciones para jugar.

La versión completa de este artículo está sólo disponible en inglés.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.