Flow in the Field

Date

Jan.-May 2022

UX/UI

What I Did

Team

Eirean Co

Angela Lin

Robert Rosas

Shashank Jarmale

Jake Duffy

Nicole Sorial

Tools

Figma

Flow in the Field is a language learning mobile app for Turkish vocabulary. It's an experiment designed by a social psychology researcher who is trying to understand flow, or the experience of effortless immersion.

The Flow team had been developing the app for a year before I came. Our client's main goal for the semester was to create tutorials on how to play the vocab games and complete the tests. He also wanted a new vocab test to be implemented.

During my time on the team, I did an overhaul on their app look , designed vocab tests, and improved on game results. I was the only designer on the team and worked with five developers.

THE PROBLEM

How do we create intuitive tutorials for the experimental games, improve the current user experience, and introduce a new knowledge test.

Improving on old designs for a cleaner easier flow and the addition of new features for better usability.

A New Look for the App

After looking at the current design, I wanted to create a modernized look with clear UI that would be easier for users to understand. For the game design, our client wanted to keep most of the design the same, but wanted a way to signify correct answers and what the user got wrong more clearly.

I created a separate page for correct answers where users can see what the correct answers were for the ones they got wrong. This helps users learn from their mistakes to improve in the next game. I also instated a new purple color for buttons, so negative and positive connotations wouldn't be related to them. Navigation was also improved on. In addition, games were improved regarding accessibility.