Business professionals and students need to reference and study industry-specific terminology enabling them to write and communicate effectively in business settings.
• Plan for an escape route in your navigation • Users wanted additional functionality than originally planned
Research
Conducted user interviews to help pinpoint vocabulary related tools, pain points, motivations, and learning blocks that users face, while determining the level of need for vocabulary study app.
Key User Insights
1) There is a recurring need for vocabulary look up and study 2) Primary goal is for career advancement and personal growth 3) User's possess a fascination for words and their meanings 4) Interest in saving words for future study or reference 5) Desire for audio on correct pronunciations
User Persona
Katherine, is a self-employed marketer that needs access to a vocabulary study app that allows her to stay up-to-date on terminology, save words for future recall, and check idiomatic differences between languages to communicate effectively with her multi-national clients.
User Motivations
1) Stay up-to-date on industry-specific terminology 2) Study terms in short, convenient time-bursts 3) Reference local vernacular when travelling 4) Communicate clearly and accurately in presentations
Creating the Flow
To create the flow, a task analysis with designated success criteria was completed to map out each step the user would take to achieve her goal.
Low-Fi Wireframes
Low-fidelity wireframe sketches were developed to work through the task flows.
Findings from
Usability Testing
Prot.io was used to create a low-fidelity prototype from the sketched wireframes. Three users were tested on the prototype and the following findings emerged:
1) Flow issues—confusing icons & placement 2) Missing navigation—user's wanted a return route or back button 3) Users requested additional functionality: create category, add word
Clarifying the UI through A/B Tests
New iterations of the design addressed flow issues from the previous usability testing. Once the higher fidelity iterations were created it became important to conduct an A/B preference test to clarify UI design choices for the home page, quiz category page, and the login screen.
A/B Testing Insights
• 78% of users chose: a traditional login screen (above: bottom left) • 74% of users chose: the style for active state elements (above: bottom right) • 57% of users chose: a home screen with navigation (not pictured)