To begin this design process, I conducted an informal competitive analysis to gain a better understanding of mobile app design for the purposes of learning and matching. I also studied and made reference to Apple’s iOS 14 guidelines to ensure my designs were accessible and followed industry standards. For my sketches, I created crude/rough screens for each major task to determine 1) the layout of each screen and 2) establish the apps basic information architecture.

For this app, I decided to go with an earthy green colour scheme as I wanted to invoke a feeling of calm and groundedness while representing the idea that learning leads to growth. Green is also associated with luck in some parts of the world, and hopefully by using LearnOn, students feel a sense of serendipity as they are able to connect with students and exchange knowledge according to course history. Informal design critiques held with fellow designers allowed me to collect feedback on the initial stages of my app concept and interface design. Alterations to LearnOn were made according to the feedback received from design critique sessions.

The last step in this process was transforming my rough wireframes into high fidelity screens. To complete this project and ensure baseline accessibility, the WebAIM contrast checker was used to ensure all foreground text and background colours passed a contrast ratio of 4.5:1.