Wireframing, Prototyping & Usability-Testing
User testing was an iterative process that was conducted at every milestone of the project to identify the biggest pain points in the current version. Once feedback was gathered, we would revisit the prototypes and test again.
On the brand side, we wanted to create a refreshing, vibrant and clean user interface that communicates reliability and progress for parent-centered children.
We needed a bright, kid-friendly website with a simple call to action (CTA) that communicates our purpose and value to our target users.
Simple and intuitive tutorial interface. On the right is a video link with a student and the structure of the current lesson. from above the ability to change the current lesson, exit it, show and supplement homework. In the lesson itself, the student has the opportunity to draw, emphasize the main thing and move along the assignments with the teacher.
With low-fidelity paper prototypes, the planned syllabus and the general structure of the application could easily be tested in usability testing. Without much effort, adjustments could be made before going into the much more costly digital implementation.
After some paper prototyping adjustments, wireframes, mid- and high-fidelity prototypes were created, which we supplemented with clickability using InVision. Again, user tests revealed small vulnerabilities in the structure of the user interface, in some formulations and interactions. In addition, the users asked smart questions, which led to further improvements.
The visual design was developed by iterating from mood boards and styletiles to the UI kit and finally to creating a first version of the style guide.
Student's personal account
In the personal account, the student can: view current and future classes, contact the teacher, see progress and teaching recommendations at the end of each lesson.
Teacher's personal account
In the personal account, the teacher can view his current students, their interests in the profile, check their homework, change their schedule as needed.