The Challenge

The majority of our users have struggled in the past to learn an app and have tried many different methods.

‍The current setup process of Memo Bros is complex and the design is not visually appealing to users. Users can be more easily convinced to try an app if the initial setup process is straight-forward and the design of the app is visually appealing.

The Solution

Rather than users choosing a full deck (taking many hours to complete), users would be given the option of choosing a language and then completing a mini task such as a movie trailer or short story. This would allow users to try out the different game modes before committing

UI elements would be designed to allow users to quickly and effortlessly complete the setup process

Logos, typography, illustrations and other branding elements would be improved to make the visual design more enticing to users

Discover, Empathise, Define

During the discovery phase I conducted interviews with potential users to find out what their experiences were with using apps to learn a language. I wanted to understand what their needs and pain points were so that I could design an onboarding process that would entice them after their previous experiences. I then created a persona and an empathy map which I referred to when creating my wireframes to ensure I was putting the users needs first.

My findings were:

1. 75% percent of users had previously failed in learning a language to fluency
2. When the initial onboarding process was explained, 3 out of 4 users said they wouldn’t be likely to continue the full 3. set up of the app as they feared it would be too complex
4. Over half of users said that the current visual design of the app did not make them feel excited to get started  
5. All users interviewed said they had time constraints when learning
6. All users said they have used over 3 methods for learning a language

Sketches and User Flows

I created a user flow and sketch of the setup process to allow myself to visualise how this may feel to the user This method was particularly helpful as I was able to send it to stakeholders for their approval before continuing with the more complex oprocess of creating wireframes. We were able to iterate on it which meant less time wasted in the longrun

Wireframes

This is an example of some of the wireframes made on Figma. These were helpful for sparking conversations about the final design and which UI elements were needed, for example my vision for the skydive gamemode was to include a progress bar around the outside to show users which level they were currently on

Illustrations

In order to advance the visual design of this app, I suggested some extended style ideas while trying to stick to the original style as closely as possible. My additions included alternative typography with a rounded style to match the circular theme and alternative logos and colours to give the designs more variety.