Context:
Design Research Study
Duration:
One week
Date:
Fall 2020
Tools:
Figma, Adobe Photoshop
Menu
For my Design Research class, we were to choose an app and analyze a task within the app that we believe contain ‘pain points’.
Our analysis was to include a task flow analysis, and a re-design of the task using wireframes and a final render. For my study I chose Duolingo, the popular language-learning app, after I observed my mom experience two frustrations while learning French on the app.
Context:
Design Research Study
Duration:
One week
Date:
Fall 2020
Tools:
Figma, Adobe Photoshop
Key:
User translates phrase by tapping word bubbles in correct order.
User generates guess, realizes they placed “le”, not “une”.
No way to directly replace incorrect word with correct word.
User forced to remove almost all words and rebuild sentence.
User is now ready to check if they are correct.
Receives notification of success. No option to listen to pronunciation of phrase.
Each possible word placement is represented by a word box. These are all the same size so as not to give away the solution.
The user drags their word guesses into the corresponding word boxes (these grow to fit the varying word lengths).
If the user needs to replace a word, they will tap the unwanted word, causing the original word box to appear again.
They can now drag the new word into the word box.
The notification of achievement includes a speaker icon that when tapped will play the completed sentence.
The word boxes match the visual appearance of the word bank areas that are empty. This is to keep a consistency throughout the design, as well as not distract from the important details of the task.
The speaker icon matches the visual appearance of the other icons as listening to the full sentence is still a secondary action just like flagging the lesson or making a note.
