Training Course-JoVE

Type: Cross-function teamwork

Deliveries: Mobile version design.

Method: Agile+Scrum Methodology, Whiteboarding, Research, Sketch, Testing Review

Tool：Sketch, Whiteboard, Miro, InVision

Timeline: October 2019 - December 2019

MISSIONS

A new product needs to be released.
Increase usage of JoVE current products and the consumption of JoVE material and thus drive usage.
The basic laptop website interface has been decided.
Transforming the recent design into responsive web design.
Improving the final high-quality design.
JoVE Training can become a standalone product offering training or educational courses to individuals of organizations.

My role

Reviewing the recent design and turn it into a mobile-friendly version.

Closely working with Leadership, Designer, Developer, and Project Manager.

Clarifying the whiteboarding and sketch

Enhancing the final detailed design

Tools

Sketch

InVision

Miro

Jira

Google Drive

Sketch Cloud

USER STORY

A user looking for training videos in a specific field comes across this platform. They learn that JoVE has a training course that they are interested in.
The user enrolls in the course, which forces them to sign up/ log into a JoVE account.
Upon enrollment, the user starts the course. The user has to watch all the videos and answer all the questions to complete a course.
After completing a course, the user receives an acknowledgment/ certificate of completion and they enroll in more courses.

INTRODUCING JOVE TRAINING COURSE

JoVE Training is like a Massive Open Online Course (MOOC) platform for scientists and students interested in their own professional development. A collection of training courses aimed to train to do research in a specific filed or research. Each course is divided into sections. And each section has a few videos and a few multiple-choice questions that the user needs to answer after watching the videos.

Key Features:

Video-based courses for training research lab members in different areas of research.
Designed with the end-user in mind to ensure proper training in the field.
Created by PhDs using both education and research material produced by JoVE.
Assessment within each course will ensure that the learning objectives are met.

STEP 1: LOGIC FLOW

First of all, we do the whiteboarding to clarify the logic flow, which is helpful for both the design part and the developing part. And then, I use Miro, a new teamworking tool that we start to use since this project to build the final logic flow and share it with the team.

training%20course%20logic%20flow_edited.

STEP 2: SKETCH

Based on the logic flow and the current design, I start the low-fidelity prototype by hand sketch.

When I'm doing the mobile design, there are some issues block me where it is hard to bring a better user experience on the mobile device. Therefore, I enhance some new changes to the prototype design.