Mr. HAZY

Mr. HAZY

Mr. HAZY

Mobile

iOS

2023

My role

UX Research and UX/UI Designer

Company

Apple Developer Academy

Duração

6 weeks

Team

Gabriel Okura, Laura Isolani and Lucas Flores and Natália Schueda

Mr Hazy is an asynchronous detective game to play with your friends.

Mr.Hazy is available to

Mr.Hazy is available to

WHAT I DID

In this project, I led the entire research stage, which was carried out together with the team. In the UX Design area, Natália Schueda and I were responsible for developing the interaction flows. I also designed the entire visual identity and UI Design, always communicating with everyone on the team.

CHALLENGE

Problem

Young adults avoid exercising investigative thinking in moments of doubt because they have instant access to answers through technology.

Solution

An app that encourages friends to solve small mysteries in order to exercise investigative thinking.

PROJECT SCOPE

The project uses CBLD methodology for its execution and was divided into six weeks:

First week

discover

user interview

problem finding

Second week

benchmarking

crazy 8's

concept test

Third week

wireframe

wireflow

data architecture

Forth week

prototype

coding

usability test

Fifth week

design review

remote database

API

Sixth week

App Store

notification

RESEARCH

During the research phase, we tried to understand the genre of the game we were planning to create and analyzed what already existed in the market.

  1. Desk research

We carried out desk research to increase our knowledge of the subject and define our approach to solving the problem defined in the project scope.

  1. Benchmarking

We did a benchmark to understand how other products similar to ours already do things. That brought us a lot of insights and helped us move forward with the idea.

IDEIA

We didn't want our game to be a single-use app. So, we developed a multiplayer game in which players not only solve mysteries, but take part in them. And because of the different players personalities, every match is a different match

  1. Game Mechanism

Mr.Hazy

One of the players will be assigned the role of Mr. Hazy, who commits the crime. His goal is to answer questions in a way that his real identity remains a secret.

Detectives

On the other hand, all the other players are detectives. They investigate by interrogating Mr. Hazy and analyzing his answers.

  1. Concept test

Before putting our idea into practice, we looked for A proof to check the game's mechanism. I created an Instagram account and adapted the interaction to our needs.

USERFLOW

All participants must log in to the game via the waiting room. Each player is assigned the role of detective or Mr. Hazy. After each game there is a vote to find the culprit.

MINIMUM VIABLE PRODUCT

We began by sketching out our initial ideas, using the crazy8's method, before moving on to medium-fidelity prototyping. In this phase, we relied a lot on the Human Interface Guidelines to express our ideas with ease.

VISUAL IDENTITY

Typography

Heading

Body

Colors

FINAL RESULT

On the left, we have the medium-fidelity prototype using Human Interface Guideline components and on the right we have the final version of that same screen.

The game

The game was created to be a multiplayer game with matches lasting up to 24 hours and can be played during the user's routine.

Onboarding

Our aim is to offer a concise onboarding that not only introduces the application's functionalities, but also serves as a step-by-step guide to make it easier to use.

Find a room

It begins with a room where the players can join the round.


To enter the room you need an access code that all players in the match must have.

We created avatars to make the game more dynamic.

Roles

One person is randomly picked to be Mr. Hazy, and the remaining players will play as detectives. To whom will be presented the context of the crime.

For an immersive experience, we incorporated the atmosphere of films and detective books into the app interface.

Notification

We don't want people to be overwhelmed by match information throughout the day. We've organized the notifications to show only decisive actions.

other projects

© Fabiana Kaori de Sousa 2024