Challenge
Startup ILearn imagined an employee training app where learners engage through their preferred learning style, take notes and track progress with topic visualizations and quizzes.
They engaged our team to design the full learning experience as a tablet app.
Senior Designer · The full tablet app
Core Experience
The core experience of the application involves three flexible modules. Learners choose their preferred module to read articles, watch videos and jot down notes as they progress through the topic material and quizzes.
Landscape
Portrait
- Screen and tabs
- One window
- Two windows
- Three windows
Learners can focus on one or two formats at a time, or open the Article, Video and Notes modules together, in either tablet orientation.
- Complete
- You are here
- To come
- Added review
- Start, read clockwise
One spoke = one topic · one filled ring = ten minutes · groups of spokes = units
The radial visualization represents how a course’s length and progress change depending on quiz performance.
All Courses
To switch courses, learners scan a library of their courses, each with its own progress.
Unit Progress
In addition to the core experience, a carousel of unit cards orients learners within the course structure.
Each carousel card displays a unit, with new topics flowing into the card as learners complete the material in the previous topic. Topic content is adaptive based on a learner’s performance on quizzes.
Quiz
At the end of each topic, a multiple choice quiz helps gauge learners’ retention of the material and tailor the next topic to their comprehension.
Learners mark each answer as sure or not sure. A wrong or unsure answer adds a short review to the course.
A wrong answer offers an explanation of the correct one, or a link to related material in the core experience.
Outcome
The designs were delivered to ILearn as the basis for development. After using the beta to secure further funding, ILearn brought us back to improve its usability.