Skip to content

Pop up Menus User Testing

WendyW16 edited this page Aug 31, 2021 · 25 revisions

Introduction

Pop-up win, loss and pause menus were designed by Team 3 throughout Sprint 1. The menus appeared when the player won the level, lost the level and paused the game, respectively. They contained buttons for the player to Return to the Main Menu, Replay the Level, Continue to the Next Level (when they win) and Resume the Game (when paused).

Purpose

A test plan was put in place to determine whether the functional and design elements were clear to the player. Feedback allowed the team to determine whether the design felt consistent with users previous experiences in similar games, and whether changes needed to be made to the visual design or interactive elements.

Test Plan

According to the user experience information we want to know, we took the TAM method to test the three screens.

What preparations have been made:

  • Organize the prototypes for interactive testing
  • Prepare test tasks on screen interaction
  • Questions to ask users after testing
  • Invite 5 test users (regardless of age and gender)

Process

To conduct our user testing we did the following.

  • We asked test users to click and interact with the three screens.
  • According to the prepared interactive tasks, let the participants complete them alone.
  • When they were doing task tests, we observed and recorded their status and behavior. (If they ask questions during the test, take notes.)
  • After completing all task tests, ask them about their satisfaction with the overall design of the prototype, and ask for some feedback and suggestions. (We use open-ended questions, which can encourage users to say some details that are unsatisfactory or satisfactory.)

Tasks and questions we asked were

  • Play the previous level again
  • Return to the main menu on this page
  • Go to the next level of the game
  • Continue the game
  • Satisfaction with the overall style of the pop-up screen. (1-5)
  • For the comfort of the button placement on the screen interface. (1-5)
  • What feedback can be provided. For example, some suggestions for impression and interaction.

Test Prototype & Result

Win Screen

屏幕快照 2021-08-31 下午12 21 49
  • User 1: The user was a bit confused at first when she was doing the replay button test, then clicked next level. Then clicked replay
  • User 2,3,4,5: Click the correct button very quickly

Lose Screen

屏幕快照 2021-08-31 下午12 22 00
  • User 1,2,3,4,5: Click the correct button very quickly

Pause Screen

屏幕快照 2021-08-31 下午12 21 37
  • User 1,2,3,4,5: Click the correct button very quickly

Feedback & suggestion

屏幕快照 2021-08-31 下午1 22 28
  • User 1: Quite satisfied. The lowercase font can be selected on the text of the button.
  • User 2: On the lose screen, it is best to set the Main Menu and replay to one font, you can remove replay. It is best to distinguish between buttons and fonts larger.
  • User 3: It is recommended to provide users with straightforward and clear information, without requiring such long sentence prompts. The title of winning and losing needs more distinction. The fonts of the winning and losing buttons do not seem to be uniform.
  • User 4: The colors are too confusing, the content of winning and losing is not very obvious, and the main title is not visible at first glance. The resume is not very like a button.
  • User 5: The color of the main title of the lose screen is not obvious enough for people to see at a glance. Can be simplified. Font sizes are different.

Conclusion

Based on user feedback and suggestions. We made the following changes

Win Screen

屏幕快照 2021-08-31 下午12 34 59

On the win screen, the subtitle was canceled to make the picture look simpler. We used bright warm colors to express the state of winning. The font of the button has also been reformatted and set to the same size. The "next level" button cancels the border and makes the style of each screen unified. Making the screen cleaner and can directly focus on the key points.

Lose Screen

屏幕快照 2021-08-31 下午12 35 18

On the lose screen, the same changes as the win screen. The subtitle was canceled, and the title was changed to "you lose". Cool colors are used in the choice of colors to symbolize the state of losing. Cancel the "setting" button. Replace "replay" with a single word according to the user's suggestion. Making the picture neater and can directly focus on the key points.

Pause Screen

屏幕快照 2021-08-31 下午12 44 59

On the pause screen, the color of the button needs to be changed to make the text clearer, or the color of the text to be brighter. And change "Resume" to "continue" that users all indicate.

Table of Contents

Home

Introduction

Main Menu

Main Game Screen

Gameplay

Player Movement

Character Animations

Enemy Monster Design and Animations

Game basic functionalities

User Testing

GitHub Wiki Tutorial

Game Engine

Getting Started

Documentation

Entities and Components

Service Locator

Loading Resources

Logging

Unit Testing

Debug Terminal

Input Handling

UI

Animations

Audio

AI

Physics

Game Screens and Areas

Terrain

Concurrency & Threading

Settings

Troubleshooting

MacOS Setup Guide

Clone this wiki locally