Summary

Kinundrum: Spine is a desktop e-Learning module designed to help first-year Kinesiology students. It will be used supplementary to class lectures. The goal is to provide visual resources for students to better understand anatomy and learn the thought process of solving case studies.

UI/UX

Kinesiology

Instructional Design

3D-Model

Illustration

Animation

Date

Summer 2019- Fall 2020

Tools

  • Autodesk Maya
  • Adobe Illustrator
  • Adobe XD
  • Adobe After Effect
  • Google Slides
  • Microsoft PowerPoint
  • Trello

The Team

Kinundrum is an existing app that contains three modules: upper limb, spine, and lower limb.

My role is to create the spine module of Kinundrum. The application interface and lower limb module was developed in 2018.

Janell Lin

Spinal cord module content visualization and UX design

2019-2020

My role includes designing visual assets and prototyping the spinal cord module.

I created illustrations, 3D models, and prototype, and design documentation for the spinal cord module.

Chelsea Canlas

Natividad Chen

Patricia Nguyen

Kinundrum App general interface UX/UI Design

2017-2018

Chelsea Canlas, Patricia Nguyen, and Natividad Chen created the first module Kinundrum: Lower Limb in 2018.

They designed the UX/UI of the Kinundrum general interface.

101
How to use
Kinundrum

01. Learn about the story

First, select a case to start and scroll through introduction slides to learn about the case.

02. Complete Exercises

After learning about the case, complete exercises to go through the thought process of solving the case study step by step.

If it is difficult to get the the answer, clicking on the Re-kinnect button will provide additional anatomy information.

In Re-Kinnects, use slider to control the 3D animation and observe anatomy mechanism relevant to the exercise.

03. Review the Case

After all exercise are completed, review case summary written by Dr. Judi Laprade to understand the learning objectives of the case.

Lastly, review flow diagram to understand the thought process of solving the case study.

Process

Re-Kinnect Design

01. Initial ideation sketch

02. Refined Idea

03. Initial 3D Animation

04. Refined 3D Animation

Case Introduction slides

Story-telling

From storyboard to illustrated slides

Illustration

From ideation sketch to illustration