Hannah Jiang

Get in touch if you want to chat about design or just simply want to say HI!


Latest Prototype and Final Presentation

Popup Show Prototype

View It Online

Based on the previous prototype, I redesigned the layout of the learning map and the interaction to show the map. In the final prototype this semester, which was also the one I exhibited in the popup show, the learning map shows up when users pause the video and hides when they play.

The final story I picked is about the first emperor in China, Qin Shi Huangdi, and the 8000 terracotta soldiers buried with him. Before users started watching the video, I told them how long the animation was and how they could pause the video and learn more if they found anything interesting. I had about 10 testing sessions with people from different cultural backgrounds, all of whom showed their interest in learning more after watching the animation. As a designer, it was mentally challenging for me to show an incomplete work to a large number of people, but it was also o beneficial to see my target audience interacting with an early prototype, what confused them, what bored them, etc.

What did not work well was that it was hard for the users to discover the extra learning content by themselves without me giving instructions. Some of the users did not want to interrupt the flow of watching the animation so they didn’t pause the video through the whole process.

Feedback from the Show

– Need context of where people encounter this content
– What if there are things I want to learn that are not directly related to the story? e.g. mercury and bronze as materials
– Maybe show popups instead of pausing the video, give an option to bookmark things they are interested so they can learn later (reference: YouTube bubbles)
– Mark the timeline on the video, show thumbnails of content
– Use space bar to pause, want to see real pictures instead of animated characters – “Now I want to see what it really looks like”
– Don’t want to interrupt the flow of the animation, maybe put all the related knowledge together so they can browse after watching
– Length of the experience matters (the expectation from a 4 min story could be totally different from a 40 min one)
– The related knowledge is too general, keep scrolling bc he was afraid of missing anything
– Use eye-tracking or brainwave to detect if people are paying attention (it’s interesting but I don’t really want to go towards this direction, not feasible for the scale)

An MFADT 2018 graduate, who was my Bootcamp code teacher, stopped by and shared a lot of her experience on designing instructional materials for corporations. Her domains and target audience are so similar to mine(adult online education), it was a very informative conversation with her as she had been working in this specific area for years. Some references/thoughts given by her:

– Thinking about the safety protocols for corporates, how to make it less boring as employees HAVE TO learn about it
– Course development tool: https://articulate.com/# https://community.articulate.com/
– A simple animation tool: https://www.vyond.com/ (for instructional design)
– 2-2-2 method, knowledge check every 2 days/weeks/months
– Jeana’s portfolio: jeanaelearning.com jeanadesigns.com

All the feedback I received were helpful, although I realized that after 5-6 testing sessions I started to receive replicated feedback, which was also very beneficial for me to see where the patterns emerge as the patterns indicated where the high-priority issues existed.

Final Presentation and Feedback

*Special thanks to Sara and Jenni who took notes for me.

Presentation Slides: Download Here (37 MB)

(- Critics’ feedback • My thoughts)

– Adults: What kind of education level? age? Still very broad.
• 18+ who has an education level equals to high school or higher. Yes, it’s broad. Moving forward I will create personas to figure out details of my audience such as occupations, online habits, learning goals, etc.

– What are your measurements for success?
• People leave the site with a gain of proactively self-taught knowledge. The 2-2-2 methods mentioned above could be a great measurement.

– How are you selecting the stories?
• For this specific prototype, I chose a story that was proved universally popular. For the future platform that may have hundreds of stories or more, I’m not sure yet how I should select the stories.

– How can you make this something that can be packaged and put out to the world?
• The easier way I’m thinking about is to build this upon an existing platform like Netflix, or a browser extension.

– So maintenance intensive
• Agreed. I need to do either crowdsourcing or to have partnerships with other platforms/educators/storytellers.

– Filters that information goes through
• Will become necessary when there are different genres of stories.

– Didn’t see enough of the interface(determining whether or not people will enjoy this experience or not)
• Yes. I was trying to make it subtle so it’s not distractive. The whole UX needs to be reconsidered.

– Go to educational conferences
• Found a few past educational conferences and went through their content, didn’t find anything particularly stood out. Will keep an eye on it.

– Could set this up as something that can be implemented into another education company
• Will think about it. A partnership is critical for this project.

– Ref. comments from SoundCloud relate to the timeline, VH1 videos, Sporcle quiz

– Crowdsourcing is interesting but how do you control it?
• I’ll study the existing crowdsourcing platforms that are successful and learn from them.

– What are the misuses of it?
• Distribution of hatred, racism, tampered history, etc. Will need to figure out a screening/judging system to prevent these.

– Do you see this as a startup or a nonprofit?
• I didn’t think that far when asked this question. Ideally, I would start an educational for-profit organization to make it more sustainable and attract better storytellers/educators.

– Do you want to continue doing this after thesis?
• Not sure yet at this point, but my future job is related to online learning so what I learned from this thesis could be applied to a real platform.

– User testing without explaining/giving instructions to your user
• My goal for each UX project is to have people interact with it and achieve their goals without any extra instructions.

– The first thing that blows up will be how people see your product
• Will keep this in mind.