Skip to content


CooLMS - A Cool Learning Management System


Team member: Xiaoyu Tai, Jenny Hottle, and Boney Yeldho.

This semester-long project aims to build a friendly learning management system for elderly teachers and professors. We mainly used participatory design along the design thinking process. We used wireframing, paper prototyping, and high-fidelity interactive prototyping during the design process, and we conducted multiple interviews and evaluations with an amazing 70+ years old professor. We documented the whole process and concluded serval tips for a success learning management system in our final report.

View our final interactive prototype, and code base on GitHub.

Participatory Design Process The participatory design process in this project.

My Roles

  • Conducted multiple user interviews and usability testings.
  • Devised primary and secondary design with hand sketches.
  • Created low-fidelity prototype with Adobe XD.
  • Coded high-fidelity prototype with Bootstrap CSS framework.

High-fidelity prototype: GitHub contribution information.

  1. Hand Sketch Prototype
  2. Low-Fidelity Prototype
  3. Final High-Fidelity Prototype
  4. Highlights
  5. Documents

0. Problem

Current systems are not working for both teachers and students.

ELMS by Canvas Engrade
ELMS by Canvas on the left; Engrade on the rihgt.

ELMS is the default system of our university, but it is "overwhelmingly complicated." A third-party system for grade book is perfect, but "switching between the two systems gets confusing for her and for her students."

1. Mock-ups

Primay Desing 1 Primay Desing 2 Primay Desing 3

2. Low-Fidelity Prototype

Hand Sketch Low-Fidelity Prototype 1 Hand Sketch Low-Fidelity Prototype 2
Sketch Low-Fidelity Prototypes

Low-Fidelity Prototype 1 Low-Fidelity Prototype 2
Paper Low-Fidelity Prototypes

3. High-Fidelity Prototype

High-Fidelity Prototype 1 High-Fidelity Prototype 2
Play with this interactive prototype.

4. Design Highlights

Highlighting Scenario 1 Highlighting Scenario 2 Highlighting Scenario 3
System Description 1 System Description 2

Evaluation Option 2 Option 3
User Evaluation and Low-Fidelity Prototyping.

5. Documents

Nomad Report Nomad Keynote