A large Education Client was looking for a design & development partner for the creation of e-learning courseware. As a proposal, we were tasked to create two complete, standards-compliant, interactive, engaging, high fidelity e-learning lesson prototypes, and deliver them in 6 weeks.
I was brought in to do the UX/UI design and worked within an Agile development environment.
Early on through user testing we identified some general assumptions and specific challenges for each product.
Both user groups (3rd graders & high schoolers)….
Specifically, 3G users…
Specifically, HS users…
Initial IA by SMEs and Client system requirements allowed me to create block wireframes & lesson structure while content was still ambiguous.
3G age-appropriate Illustration styles & typography were explored and presented to Client.
We needed to lock down the most intuitive navigation model for 3G users. Requirements for displaying an intuitive lesson status and progression for teachers were an added challenge. For this we turned to user testing. Limiting visual design to a minimum, I created interactive wireframes of two navigation & status models (outlined in red & purple). Presented to 8 users, the results identified certain elements we incorporated going forward.
As content was refined, iterative wireframes were produced, spawning more thought and evolution.
Interactive simulations were created, first in low fidelity to test interactive coding, then with actual data, artwork, and visual design.
User testing of midterm product validated many design & interface elements while identifying other content inferences, which were then redressed.
On-time delivery of high fidelity, interactive Axure prototypes to client were very well received and negotiations for full courseware are underway.