share

DESIGN

6min read

How to Make a VR Game? Step-By-Step UX Review

MCE conference gathered developers, designers and tech influencers from all around the world. The 5th edition of the event was all about 2 tracks of talks with the well-known speakers representing various industries. One of the attractions waiting for the participants was VR zone—with Sort-It VR Game that I had a pleasure to work on. I would like to focus on the UX aspects of our VR experience.

How to design and develop a VR Game?

Our main goal was to design and develop a VR experience that would be fun for MCE 2018 attendees and also utilize a robotic arm (For real! We could use UR-3 robot thanks to NoMagic company). This experience had to be interesting for both a user currently wearing a VR headset, as well as for the people around watching it in the real world. So when we got the UR-3 robotic arm at our disposal, we were aware of the huge possibilities and also a big challenge that came with it. What is more, we used HTC Vive, so we had the opportunity to make 6 Degrees of Freedom fun for our players . Especially, we wanted to inspire industrial decision makers to consider VR in their businesses.

Insight the VR game from the players perspective.

Why a VR Game

Virtual Reality is a fast-developing branch and grows dynamically. That’s why the giants like Facebook or Google invest many resources in this technology. Our challenge was not to make our game…just a game. It was supposed to be a game that can give us fun and measurable value or has potential to be used in a business context as well. What is more, the robot (we named him Marvin, inspired by The Hitchhiker’s Guide To The Galaxy) had to help us with making our app unique.

UX research first

You can’t just make a great product without the UX research! We started with the fundamental action which was to understand our users and context. We used the Personas tool and constructed 3 types of personalities we wanted to involve in our VR Space. We tried to empathize with them to understand the needs and perspectives of our potential users—their emotions, inspirations and expectations. All in order to make their conference experience fun! We‘ve made 3 personas:

  • an active player
  • a game observer
  • a business representative (someone between an active player and an observer).

Identifying personas helped us to empathize with and understand our guests. This kind of research always helps with creating solutions tailored to user’s needs. It also allows to predict some feelings that we want to avoid.

Next, we conducted a wide research to know as much as we can about VR medium (you can read a few words about it here), technical possibilities of integrating our VR game with the robot in real life and some previous achievements in this field. We already knew what tools would be helpful (or just necessary), like Unity3D, Sketch, diagramming and wireframing tools, paper, pencils, VR hardware and post-it notes.

VR headset used at Polidea.

Let’s ideate!

I can specifically remember the excitement during the ideation phases. We’ve brainstormed to generate as many experience concepts as possible. To be sure, we conducted participatory process with all stakeholders (Developer, UX Designers, VR Designer, Project Manager and Product Owner), because every perspective was crucial to understand the core of the project. It’s absolutely fantastic how much crazy ideas can be produced by only a few people with totally different skills and personalities. Finally, we chose 3 main concepts to refine, describe and make simple app visual flows.

After validating the concept according to the initial requirements we were left with one final game concept to develop. We knew by then that we wanted to create the game which imitates sorting things from the conveyor belt, just like in an industrial factory. We made a very simple prototype of this experience in Unity. During our first demo we let the first players sort simple cubes into containers by the color. Despite the lack of the scoring logic and other things that make games addictive, players reacted enthusiastically. The contact with our VR medium and stepping into the virtual world was a great experience for our first game testers and at the same time very encouraging to us.

Wide shot of the game showing the warehouse.

Good flow is good. Test it well!

Next, we created the game rules to engage our players. The set up was simple - the player has limited time to get a high score by effectively sorting out items on the conveyor belt. Firstly, we had to adapt our interaction ideas to technical possibilities of interactions in VR hardware. We wanted to make sure that our users are comfortable with grabbing and throwing items, so we had to set up VR controllers as intuitively and simple as possible. Our tutorial allowed us to guide the players through the experience making it more fun. In order to test our work, we made few simple prototypes which helped us to choose the best solutions. For example, we were not sure what type of interaction is more intuitive for people— interestingly, most of the people preferred touching the button directly and sometimes they even tried to do it by pushing the trigger on the controller.

Remember! Test your app with users, ask them questions and analyze the data—it will give you a great feedback and opportunity to refine effects of your work. One more important thing: the flow was evolving during almost the entire project’s duration.

Customer Journey Map in VR

We needed to look at the game’s structure from a wider perspective and visualize it in a more graphic way. To do so, we used the Customer Journey Map, which was a clear visual sketch, helpful in visualizing the player and the environment around him/her, so we could focus on interactions and the game experience. We found a great tool to do screenplays, perfect for visualizing the VR player’s perspective. What is more, in order to make the game comfortable to play, we built the gamespace: distances, sizes of items etc. as a prototype, because it gave us a possibility to check it with the users at the early stage of the development

Moodboard mood

Every game needs a defined mood board. This is a very good way to start making the virtual environment. Everyone in the team shared their ideas during the brainstorming session. We had to finally establish assumptions about style and the overall feeling of our game. We’ve decided to place our player in the industrial space— bright, full of shadows and a bit dusty. Only some items were drawn with pastel colors.

Moodboard prepared by the Creative Team.

The objects to grab and sort out were animated: we opted for some funny little monsters in 4 colors and 4 different moods (sleepy, angry, giggling, shocked). We’ve also placed some blocks from the MCE Conference key visual, that the players have to put on the screen in front of them (for some extra points). By the end of our project we came up with the idea to place our factory in Space. Which is why you can see The Space behind your back, while you’re playing the game…and a Tesla drifting with the cosmonaut inside. Sounds awesome? It is.

Wireframes time

Finally, it was time for creating first UI concepts, Lo-Fi UI Wireframes and Unity’s assets research. The main interaction was the dragging and dropping items in VR and we wanted to make this experience the best we could. The tutorial and the intuitive interactions with interfaces and game objects were crucial.. Firstly we took care of clear text communication. Based on many tests with users we chose the best options. Once that was ready, we moved on to the Hi-Fi Wireframes.

MCE Vr Game wireframes.

Shiny experience. Animations, sounds, haptic feedback

Over the course of the whole project, we had tested various gamespace types with many people to be sure that we exhausted all the VR space possibilities and made it comfortable and fun for the users. Next, we worked simultaneously on the environment’s design and UI design, as well as on animations, sounds and haptic feedback, which turned our VR game into an immersive experience.

But wait… Where’s Marvin, the robot?

We knew what will happen with Marvin once we’ve established the idea of the game. Still, there were questions to be answered: Should the robot compete with our player? Or help? Finally, we decided that Marvin will reflect (in reality) what the player does in VR—when he or she matches the MCE block with the special board, the robot does the same thing in real life, with exactly the same block. We believe that Sort-it VR shows a potential of how robots or robotic arms specifically could help humans in real life.

Creating immersive experiences takes time, but it is worth it. The moment you see how players are getting involved and fascinated with your game and want to compete with each other is priceless.

If you have any questions about our game or VR in general, get in touch!

share


PaulinaJunior VR/AR Designer

LEARN MORE

Contact us if you have any questions regarding the article or just want to chat about technology, our services, job offers and more!

POLIDEA NEWSLETTER

Sign in and expect sharp insights, recommendations, ebooks and fascinating project stories delivered to your inbox

The controller of the personal data that you are about to provide in the above form will be Polidea sp. z o.o. with its registered office in Warsaw at ul. Przeskok 2, 00-032 Warsaw, KRS number: 0000330954, tel.: 0048 795 536 436, email: hello@polidea.com (“Polidea”). We will process your personal data based on our legitimate interest and/or your consent. Providing your personal data is not obligatory, but necessary for Polidea to respond to you in relation to your question and/or request. If you gave us consent to call you on the telephone, you may revoke the consent at any time by contacting Polidea via telephone or email. You can find detailed information about the processing of your personal data in relation to the above contact form, including your rights relating to the processing, HERE.

Data controller:

The controller of your personal data is Polidea sp. z o.o. with its registered office in Warsaw at ul. Przeskok 2, 00-032 Warsaw, KRS number: 0000330954, tel.: [0048795536436], email: [hello@polidea.com] (“Polidea”)

Purpose and legal bases for processing:

 

Used abbreviations:

GDPR – Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016
on the protection of natural persons with regard to the processing of personal data and on the free movement
of such data, and repealing Directive 95/46/EC (General Data Protection Regulation)

ARES – Polish Act on Rendering Electronic Services dated 18 July 2002

TL – Polish Telecommunications Law dated 16 July 2004

1)        sending to the given email address a newsletter including information on Polidea’s new projects, products, services, organised events and/or general insights from the mobile app business world |art. 6.1 a) GDPR, art. 10.2 ARES and art. 172.1 TL (upon your consent)

Personal data:name, email address

2)       statistical, analytical and reporting purposes |art. 6. 1 f) GDPR (based on legitimate interests pursued by Polidea, consisting in analysing the way our services are used and adjusting them to our clients’ needs, as well as developing new services)

Personal data:name, email address

Withdrawal of consent:

You may withdraw your consent to process your personal data at any time.

Withdrawal of the consent is possible solely in the scope of processing performed based on the consent. Polidea is authorised to process your personal data after you withdraw your consent if it has another legal basis for the processing, for the purposes covered by that legal basis.

Categories of recipients:

Your personal data may be shared with:

1)       authorised employees and/or contractors of Polidea

2)       persons or entities providing particular services to Polidea (accounting, legal, IT, marketing and advertising services) – in the scope required for those persons or entities to provide those services to Polidea

 

Retention period:

1)       For the purpose of sending newsletter to the given email address – for as long as the relevant consent is not withdrawn

2)       For statistical, analytical and reporting purposes – for as long as the relevant consent is not withdrawn

Your rights:

 

Used abbreviation:

GDPR – Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016
on the protection of natural persons with regard to the processing of personal data and on the free movement
of such data, and repealing Directive 95/46/EC (General Data Protection Regulation)

According to GDPR, you have the following rights relating to the processing of your personal data, exercised by contacting Polidea via [e-mail, phone].

1)       to access to your personal data (art. 15 GDPR) by requesting sharing and/or sending a copy of all your personal data processed by Polidea

2)       to request rectification of inaccurate personal data
(art. 16 GDPR) by indicating the data requiring rectification

3)       to request erasure of your persona data (art. 17 GDPR); Polidea has the rights to refuse erasing the personal data in specific circumstances provided by law

4)       to request restriction of processing of your personal data (art. 18 GDPR) by indicating the data which should be restricted

5)       to move your personal data (art. 20 GDPR) by requesting preparation and transfer by Polidea of the personal data that you provided to Polidea to you or another controller in a structured, commonly used machine-readable format

6)       to object to processing your personal data conducted based on art. 6.1 e) or f) GDPR, on grounds relating to your particular situation (art. 21 GDPR)

7)       to lodge a complaint with a supervisory authority,
in particular in the EU member state of your habitual residence, place of work or place of the alleged infringement if you consider that the processing
of personal data relating to you infringes the GDPR
(art. 77.1 GDPR)

No obligation to provide data:

Providing your personal data is not obligatory, but necessary for Polidea to provide you the newsletter service

Refusal to provide the above data will result in inability to receive the newsletter service.

Profiling

In the process of providing the newsletter service, we make decisions in an automated way, including profiling, based on the data you provide.

 

“Profiling” means automated processing of personal data consisting of the use of your personal data to evaluate certain personal aspects relating to you, in particular to analyze or predict aspects concerning your personal preferences and interests.

 

The automated decisions are taken based on the analysis of clicked and viewed content. They affect the targeting of specific newsletter content to selected users registered to receive the newsletter service, based on the anticipated interests of the recipient.