A Journey to User-Centered Design

First Iteration

An iPad application design: a video maker for teenagers with ASD to learn activity sequence

Prototype Link: https://xd.adobe.com/view/6fea7b6d-dae0-4989-566b-6ab96f936edf-19db/ Password: BBA-?????-all (The ????? is our Slack channel name)

Second Iteration

Considering the convenience of development and portable feature of the mobile application, I transferred my platform of the prototype from iPad to Android.

Activity Gallery

Selecting an Activity

Video Story Board

Tips and Instruction

before Launching an Activity

Sample Webpage for Generating the Template for an Activity

The webpage is for planning the vlog.

Users such as children with ASD along with parents can plan for their activity in advance on the webpage.

The decision of the webpage design is to reduce the difficulty of mobile application use.

Sample XML Template

The output of vlog planning procedure is an XML code.

The XML code can be copied from the webpage and pasted into a text box on the main page of the mobile application.

It contains activity title, step instructions, and other possible elements such as completion verification (e.g. expected time).

Prototype Link: (very massive) https://xd.adobe.com/view/c25aaeb6-2270-4af3-5d10-1f46bcf0b196-b46b/ Password: BBA-?????-all (The ????? is our Slack channel name)

Third Iteration

Final theme:

Learning daily activity sequences through video self-modeling in individuals with ASD: a constructionist approach

Refine the second iteration and focus on the design in a constructionist approach.

Activity Gallery

Voiceover Feature

Dragging Manipulation to Change the Sequence of Steps


Ask for Outcome Prediction

Step Description

Ask for Step Interpretation

At the end of the activity, ask for the comparison between prediction and final outcome.

Self-Reflection & Vlog Generating Page

Prototype Link: https://xd.adobe.com/view/350211ed-2bbb-490e-71ef-1b7d99f36c6b-4333/ Password: BBA-?????-all (The ????? is our Slack channel name)

In the last class, I learned that designing an educational product is more than human-computer interaction design. The learning goal should be placed at the top of the technology.

Seeing that from the first iteration to the last iteration, my design is becoming more meaningful for the learning context. I am feeling that my role is being transformed from being a software developer to being a learning product designer in the educational technology field.