AvalonHu.com
 
  Home Projects Art & Design Resume

Project description

During spring break 2010, I worked at the Huffington Post Investigative Fund and created an interactive narrative for their report on health care claims with Illustrator and Flash. The report will be posted on huffpostfund.org soon.

Interactive Narrative Sample

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


This interaction starts with a pseudo patient at left hand side. With a heart beating motion, it can easily draw people's attention and has them start reading from there. After reading the story, users can mouse-over three panels at right and see the changes of their claim in each stage of the medical lost ratio. There will be a interactive bar chart shows up at left when users hover the panels. Additionally, users can also click on "details" and a pop-up window will show up with more information.

Note: This narrative will be used along with HuffPost Fund's report and HuffPost Fund have the right to change the content for better use.

Wireframing

We used wireframing to determine the interaction for narrative. The wireframing was done with Illustrator

My Role: Graphic design, interaction design, implementing interaction

Technology used: Illustrator, Flash


Other projects

Meetin'Bytes
Client: TechSmith
Course: Interface and Interaction Design

FuturTech Conference 2009
U of M Ross Business School, School of Information
Information System Evaluation
Client:U of M Survey Research Operations
Gesture Recognition
Senior Thesis
Nightmarket.web
Nightmarket workshop
 
  © 2010 Avalon (Yang-Chen) Hu