Cities VR

1. DEFINING THE PROBLEM

The Brief

I joined Fast Travel Games as their first UX Designer after the skeleton of the tutorial had been created.

I quickly noticed that it needed some love to fit the target audiences since not all would be familiar with the Cities: Skylines franchise.

Target Group

City Building Dreamers

VR headset owners who play simulation & casual games, and would be excited about the fantasy of creating a city in VR

City Architects

VR headset owners who like strategy & simulation games, and would be thrilled about creating and managing their own detailed city in VR

Virtual Skyliners

Cities: Skylines fans who own a VR headset

2. RESEARCH

Playtest

I found some low-hanging fruit that would help players.

For example, switching from radio buttons to checkboxes when players can check several options.

Benchmarking

I played other tutorials to check how they solve the cognitive overload issue that often happen in VR

Initial test

To validate the need for an update, and identify the main pain points, I ran an initial tutorial test on Cities: VR.

40% of the players couldn't even finish the tutorial! 

Other insights included:

• Too overwhelming

• Long instructions

• Several prompts at the same time

• Forget controls & buttons

• Intrusive screen which follows the face

• Missed vibrations & indications

• Ran out of money

• Teleport didn't work as they thought

• Players felt stupid
  
  

3. PROTOTYPING & QUICK FIXES

While some fixes could only be tested after a rough implementation, I could test and iterate on the instructions.

Tutorial Flow

I created and iterated on the tutorial texts in Figma, testing each iteration on the target audience through 1-on-1 interviews online.

Controller Cheat Sheet

Cities: VR is a very complex game, and not everything is being taught at the tutorial.

Since players also got overwhelmed by the amount of information and controls, I suggested we add a controller cheat sheet to the game.

While testing the instructions, I also tested my wireframe of the controls.

Quick fixes

I had identified some issues which could be easily fixed by the developers. Some examples are:

The city border looks like water while the player is in the water-view. Just by changing the color, no players thought it was water in future tests.

Players could run out of money and get stuck in the tutorial. We changed the bulldozing so players could get a full refund during the tutorial.

4. PROTOTYPING & TESTING

Test 1: New instructions & button GIFs

The tested, new instructions were in! The test was much quicker, no players got stuck, and they were generally less confused.

We also added GIFS with pictures of the controllers, highlighting the relevant buttons.

While this was a cost-effective and fast way to show button locations, it was ultimately not enough.

• Players didn't remember controls & buttons

• GIFs moved too fast

• The intrusive screen still annoyed players

Test 2: Stationary screens

During the past two tests, I noticed players trying to look past the instruction screens. It seems like it was interfering with the learning.

We fixed the screens and implemented a Player Guide which would support players with information later in the game.

The result of the stationary screens was better than expected!

• Players noticed indications and vibrations

• Tutorial was quicker

• Players read the instructions more

• Tutorial felt short

But, players still had issues with knowing button placement and remembering controls.

When playing VR games it's a hassle to look at the controls, since you need to remove the headset to do so.

Players also forgot which buttons had which action, since they focused on trying to remember button placements.

Test 3: Controller update

We added a controller model with button labels, to help players remember positions of buttons as well as the actions. I immediately saw that it made the tutorial experience much smoother in the next playtest.

Test 4: PSVR2 enhanced edition

I did a usability test for the game on PSVR2, identifying fun blockers.

Test 5: Tile purchase update

I did a usability test for a new feature to purchase tiles, making sure it was easy to understand.