The Invoke vocabulary learning app was designed with user research at the forefront, conducting user interviews and surveys to understand the needs and pain points of language learners. The UX design process included creating wireframes, conducting usability testing, and iterating on the design based on user feedback to create an intuitive and effective app for vocabulary acquisition.
My Role: Duration:
UX Designer 6 weeks
Observe Problem Space
My process for designing a language learning app starts with conducting thorough research on the target users and their needs. I then move on to creating user personas and user journeys to identify pain points and areas where the app can provide the most value. From there, I sketch out rough wireframes to establish the basic layout and flow of the app, which I then turn into high-fidelity prototypes to test with real users. Finally, I gather feedback and iterate on the design until it meets the needs of both the users and the business goals of the app.
"Communication is a major hurdle for Paul in the workplace"
"I gathered data on common conversational scenarios and areas where users struggle the most"
Observe the target user
To begin, I conduct in-depth research to understand the specific needs and pain points of our target audience, which includes non-native English speakers who work in various industries. Through surveys and interviews, I gather data on common conversational scenarios and areas where users struggle the most. I also review existing language learning apps and resources to identify what works well and where improvements can be made.
This research serves as the foundation for the design process, ensuring that the app meets the unique needs of our target users and provides maximum value in improving their conversational English skills.
In the ideation phase of designing Invoke, one of my primary tools is creating a flow map to establish the basic layout and user flow of the app. Using the research data and user personas developed in the previous stage, I begin to map out the various screens and user interactions that will be necessary to achieve the app's goals. This includes creating a logical flow that guides the user through the different stages of learning conversational English, from introductory lessons to more advanced conversational scenarios. The flow map also helps to identify potential roadblocks or confusion points in the user journey, which can then be addressed through further iteration and testing. The resulting flow map serves as a blueprint for the design and development of the app, ensuring a smooth and intuitive user experience.
Ideate with our personas
After developing the flow map in the ideation stage, the next step in designing the UX for Invoke is to create low-fidelity wireframes that flesh out the details of each screen and user interaction. These wireframes serve as a rough sketch of the app's design and functionality, providing a basic visual representation of the flow map. Once the wireframes are in place, I create a lo-fi prototype to test the user experience and refine the design. This involves simulating the app's functionality using basic interactive tools, such as clickable buttons and simple animations. The lo-fi prototype is tested with real users, allowing me to gather feedback on the app's usability and identify areas for improvement. Based on this feedback, I iterate on the design until it is refined enough to move on to the next stage of development. The wireframes and lo-fi prototype provide a solid foundation for the design of the app, ensuring that it meets the needs of the users and provides an intuitive and enjoyable learning experience.
Wireframing allows for rapid iteration
In the design phase I take the wireframes and feedback from the previous stage and create a high-fidelity prototype with a polished visual design. This involves developing a consistent visual language, including typography, color schemes, and icons that reinforce the app's brand and enhance the user experience. I pay special attention to designing clear and intuitive navigation, ensuring that users can easily find the information and tools they need to learn conversational English. The high-fidelity prototype is tested with real users to ensure that the design is effective and easy to use. Based on this feedback, I make any necessary changes or adjustments to the design. The resulting design is a polished and visually appealing app that meets the needs of our target users and provides a seamless learning experience.
Hi-fi prototyping & user testing
In the prototype phase I use the high-fidelity design to create a prototype that simulates the app's functionality and interactions. This involves using prototyping tools or software to create a clickable and interactive mockup of the app. The prototype is tested with real users to identify any usability issues or areas that require further refinement. Based on this feedback, I iterate on the prototype until it meets the needs of our target users and provides a seamless learning experience. The resulting prototype is a valuable tool for testing the app's design and functionality, and ensures that the final product meets our users' needs and expectations.
Invoke will be successful at it's goal if users find it simple to upload new words into their lexicons. We believe this Lexicon model is helpful becuase you can group words into similar context models which is congruent with the organic way humans learn new language.
Invoke could eventually be positioned to help language learners connect and lend a hand with each others learning in a conversational manner. there could be paid conversation slots that help you put your learning to use.