To understand and to learn interactive design it is important to look at precedent designs, as a designer this allows me to see what works and what is effective. Precedents are also a source of inspiration for my own interaction and interface design, I can gain inspiration from both look and feel and the navigational and functional elements of the design.
The precedent I chose to look at in depth was Mimo, this app is designed to teach people coding on the go, in bite size pieces. It covers a range of topics ranging from programming for beginners, HTML, CSS, Java, making website, apps and more. You can download Mimo here https://getmimo.com
The target audience that I identified when looking at this precedent includes coding beginners and intermediate coders who want to learn more. The app not only targets users who want to learn about coding in general, it also caters to users who want to learn a specific task e.g how to create a website. The short courses that the users complete are ideal to target users who are on the go and have limited time to spare. Due to factors above the primary target audiences for Mimo include young adults/students (18-25) as they have a deeper knowledge and experience with technology however a secondary audience could include older adults who want to broaden their skill set.
This app assumes that the target audience has basic literacy and technology skills. If the user chooses to do a more advanced course it assumes that they have basic prior knowledge of that topic.
User interactions and interface
The user interface is simple with 4 categories displayed across a bar at the bottom of the app with the current category highlighted in green. It uses a simple hierarchy that allows users to choose their topics and level and get started. The main navigation includes back arrows and drop down menus. When actually learning the code the interface uses a simple continue button and a progress bar is used to indicate where the user is in the course.
The overall design has a semi-minimalistic feel and is fairly clean. The icons are simplistic and use the Mimo’s signature colour green with purple accents. The illustrations have a flat style to them and add colour to the interface. The type used is a clean, fairly rounded sans serif font, the hierarchy used includes bold variations for title, medium variations in a lighter colour for subtitles and medium-light variation for the main content.
Improvements I would suggest
Overall the app is easy to use, informative, enjoyable and very much suited to its target audience. A suggestion could be to have a web based app so that the user can learn about coding and then put their learning into practice as they are using Mimo on their computer. Another suggestion could be to use actual examples of final results in the teaching of the coding so that users know where they are heading.