Professional Documents
Culture Documents
Dan Yu
Thesis Proposal for the Master of Fine Arts Degree
Rochester Institute of Technology
College of Imaging Arts and Sciences
School of Design
MFA Visual Communication Design
October 28, 2014
Title: See a Different World: Interactive Storytelling to Raise Awareness of Color Blindness for Children
Submitted by: Dan Yu
Date: October 28, 2014
Date
Date
Date
Date
Abstract
Children play with interactive applications to gain knowledge in their daily life. There are different
kinds of interactive applications that help educate children through visual storytelling. In reviewing the
current apps available, few of them were written or designed for children with disabilities, especially
children with color blindness. Through research, I discovered that children lack an awareness of color
blindness. My thesis aims to design an efficient, interactive visual storytelling application to raise
awareness of color blindness for elementary children. The project will help elementary children gain
knowledge about color blindness through reading and playing activites within the app. In addition, a
small color blind test for children will be included. Based on the research of children's interactive apps
and illustration geared towards children, my thesis project's visual style will help facilitate the childrens'
goals of learning about color blindness. The visual storytelling will also attract children through the design
of different characters and colorful elements, such as backgrounds, props, and user interface buttons.
Visual design principles will be integrated and using basic design software to produce the an effective
user interface. Usability testing will be done to test the visability of this app and address any issues that
need to be modified and improved.
Keywords: interactive app, educational app, children storytelling, interactive design, color blindness,
children illustration, visual storytelling, color blind test, electronic book.
Blog: http://danyuthesis2014.weebly.com
Situation Analysis
A majority of children are not aware of color blindness. Considering children are more sensitive about
visual graphics than literal text, I will design an efficient, interactive visual storytelling application to
raise awareness of color blindness (color vision deficiency) for elementary children (age 712).
Children can be educated through the combination of the visual storytelling and playing. A Children's
research institute, named Common Sense, claims that the time children spent on mobile devices tripled
over the past three years ago. Combining interactive technology with the traditional graphic design
can provide a more interesting method for children to learn. Vivid visual images not only help children
to gain the knowledge, but also can raise their awareness about vulnerable groups, especially children
with color blindness.
About 2% of the population is color blind all over the world.[1] Based on a number of research results,
it points out that about 8% of the male and 0.5% female population has some sort of color blindness.[2]
Majority of children lack the awareness of color blindness. For these children who are color blindness,
they afraid about it and feel different when compared with other children, so they urgently need a
platform that other child can learn and understand them. Some children may have some color vision
deficiency, but they do not notice or recognize it. Faced with these problems, how can visual design
and interactivity to raise childrens awareness of color blindness?
Problem Statement
Looking at interaction design, there are lots of good interactive educational applications for children.
But few of them relate to the knowledge of color blindness, and most of them have poor visual style
and are too literal for elementary children to comprehend. Except the traditional children books, color
blindness test is another part of design that may help children to play and learn. But the test is too serious
for children that they may be intimidated by taking a test. So an effective design is needed that solves the
concerns of color blindness and avoids a too literal or serious presentation for children to play and learn.
For my thesis, I will propose a study that explores how design an interactive storytelling application to
raise awareness of color blindness for elementary children. My research will investigate and develop
the children education design, children illustration design, interactive design, and color blindness
information, and aim to answer the following questions:
1 What kind of visual storytelling is more suitable for elementary children to learn
the information of color blindness?
2 How to combine the mini game and colorblind test into the application
that easily for children to accept?
3 How interactive elements help the story more attractive than others for children to play?
4 Consider both color blindness and normal vision children, what color palette will be using in the design?
5 What character will be create in the storytelling that more easily for children
to understand and want to share their feelings for others?
The result of my research will be meaningful for both children with color blindness and normal vision.
Its goal to raise the awareness of color blindness with empathy.
Survey of Literature
Books
Survey of Literature
5 Storytelling with Children
By Andrew Wright
Oxford University Press, New York, NY. 1995.
The book is a resource book for teachers to learn and educate children through storytelling. It includes
some popular stories in different culture. The first chapter lays out how to choose, tell, and reads stories
aloud. The second chapter presents some common activities that happened before, during or after the
story. The third chapter points out the stories and lesson plans through some examples. The last chapter
highlights guidelines about writing, visualizing, grammar, music, characters in storytelling. This book
provides teachers a outline, helpful and practical structure for storytelling.
6 What is Color Blindness?: What to Know if You're Diagnosed With Color Blindness
By Egill Hansen
CreateSpace Independent Publishing Platform. 2013.
The book provides basic facts about defects in color visionhow they arise, how they become apparent,
how many different types, and which diagnostic methods are used. Part one presents the extent of
color blindness and its history. Part two indicates about what causes color vision deficiencies. Part three
introduces some tests that examines if you are color blindness. Part four describes ramification of color
blindness. The last part indicates how can the influence of color vision among artists be estimated. The
content of the book offers me the information of color blindness that I can apply to my thesis.
Survey of Literature
9 Chris Crawford on Interactive Storytelling
By Chris Crawford
New Riders, Berkeley, CA. 2005.
The book helps designers navigate and open their mind to more creative ways of producing stories.
The author firstly lays out the fundamental ideas behind interactive storytelling. Then he details
about interactive storytelling into five parts. The first chapter explains the differences between story
and interactive storytelling. The second chapter provides different styles of thinking. The third
chapter focuses on strategies for interactive storytelling. The fourth chapter points out the core
technologies for interactive storytelling. The final chapter introduces the applications relevant to
the interactive storytelling.
11 LIMBO
Developed by Playdead and Double Eleven
Microsoft Studios, Playdead. 2010.
LIMBO is a puzzle-platform video game. The player guides an unnamed boy through dangerous
environments and traps as he searches for his sister. The developer built the game's puzzles expecting
the player to fail before finding the correct solution. The game is presented in black-and-white tones,
using lighting, film grain effects and minimal ambient sounds to create an eerie atmosphere often
associated with the horror genre.
Survey of Literature
13 Amelia and Terror of the Night
Developed by OhNoo Studio
CreateSpace Independent Publishing Platform. 2012.
Amelia and Terror of the Night is an extraordinary, quirky interactive story book app not only for children.
It stands out for its visually stunning presentation and interactivity. Not only in art style but also in unique
3D effect and animations. The book tells a story about little girl Amelia and her three animal friends.
Website &
Online
Articles
15 http://wearecolorblind.com/
Founded by Tom van Beveren
We are Colorblind.com is dedicated to making the web and beyond a better place for the color blind. It
founded by an colorblind (deuteranomally) interaction designer who uses examples to illustrate certain
mistakes and pitfalls on this website.
16 http://www.colourblindawareness.org/
Founded by Kathryn Albany-Ward
The Colour Blind Awareness site has been founded to raise awareness of colour blindness (colour vision
deficiency) and aims to be the first point of reference for in the UK for people seeking information on
colour blindness. This website provides support for colorblind people, especially colour blind children and
their families and teachers. It also provides information on the everyday problems experienced by colour
blind people and offers advice to parents.
17 Color blindness
By Wikipedia
http://en.wikipedia.org/wiki/Color_blindness#Diagnosis
Date of Access: September 2, 2014
The term of Color Blindness in Wikipedia provides the history, causes, types, tests of color blindness. It
also offers many reference and links about color blindness.
Methodological Design
Objective
The final design product will be an interactive application for mobile devices, specifically an iPad.
The project's visual storytelling and interaction design will raise an awareness about color blindness for
elementary children. Elements of design will include character design, background layouts to illustrate a
narrative story about color blindess. Interaction design will allow children to gain knowledge about color
blindness by manipulating the characters and/or situations in the story. A color blind test will also be
incorporated and will use best practices in user interface design.
Story: a boy starts a space journey and travels to different planets. Each planet represent a kind of
color blindness effect and includes some basic information and testing. The story will be approximately
20 pages.
Visual Style: two dimensional, low polygon, colorful, humorous.
Characters: a main male child, different residents live on the planet. These residents include: a King, a lost
boy and a couple.
Interaction design: Color blind test, tap for information hints and/or feedback, control character
movements using gestures.
Deliverables
Based on the limitation of the techniques, the final design product will be an interactive prototype
of the app. It will include the following parts:
1 An interactive storybook that display on desktop, it includes all the interface design
and 3 main games to test if the children are color blindness.
2 An reading sample on iPad. Children can click and read it, but it has limitation of some interactive effects,
such as the games or moving items.
Methodological Design
Approach
1 Study and analyze the visual storytelling and illustration for children.
2 Research information about color blindness and how it can be used to develop a story
for an interactive app. Compare similar or related apps on the market.
3 Brainstorm visual design principles and the design process that focuses on visual illustration,
character design, storytelling and typography. Also apply interface design and interactivity cues.
4 Evaluate the prototype and obtain user feedback.
5 Collect feedback and data from user testing and then make modifications to improve the app.
6 Evaluate final recommendations and critiques, based on my research findings,
for visual and logic of the interactivity of the app.
Implications
Target
Audience
The specific target audience for my thesis will be elementary children who lack the knowledge of color
blindness and are interested in reading and playing interactive application on the iPad.
The specific target audience for the questionnaires and surveys will be both color blind and normal
vision children. The users surveyed will be 712 years of age.
Software
Programing:
HTML 5
JavaScript
CSS
Design Ideation
Mood
Board
Illustration
Design Ideation
My Design
Style
Illustration
Design Ideation
My Design
Style
Interactive Design
Design Ideation
Design
Mind Map
Information
Flowchart
Color
Blindness
Information
Interactive
App
Test
Interactive
Process
Story / Content
Solution
Solution
Visual
Design
Design Ideation
Process
Flowchart
PLOT: A boy notices that he seems different than other kids because he see the world in different
colors. He decides to travel to find someone similar to him who can help him understand about his
color blindness.
Start
Outlook
Info
Test
Feedback
Outlook
Info
Test
Feedback
Part 3
Outlook
Info
Test
Feedback
End
Go back
home
Part 1
Part 2
Summarize
Design Ideation
Color
Blindness
Test in the
App
The test uses the story elements of traveling to different planets as the metaphor. Test are structured more
as games for my target audience who may be frightened of taking tests.
1 The color dots game
There will be five treasures hide in the sky. Player should find all of them in 30 seconds.
2 The puzzles
The player should follow the example in the left side to make the same building in 60 seconds.
3 The match games
The player should find the correct shapes to match a heart.
Pass
Thank you for visiting our planet. This is not the planet you are
looking for, but stop by at anytime.. ( Feedback )
Play Test
No
Pass
Welcome! You have found the planet you are looking for.
Please feel free to go and visit the other planets in the galaxy.
( Feedback )
Design Ideation
Storyboard
1. Home Page
5. Finally, he finds an
abandoned starship.
18. The king sends him to 19. His parents and frinds 20. He becomes brave
his home and gives him a greet him. He farewells
and loves to share with
the king.
gift.
his friends and family.
Implementation Strategies
I plan to implement my research and analysis into an interactive storybook application for children
for my thesis project. This thesis requires a background knowledge and data analysis of the field of
color blindness. Based on the research that I have done, my research on the subject will continue
throughout my thesis process. The breadth and scope of my thesis is to achieve an published application
in Apple Store. I will use Adobe Illustrator, InDesign, Photoshop, Flash, JavaScript, and an Apple iMac
to help build my thesis.
Dissemination
I plan on distributing my findings for future audience interaction by posting it on my thesis blog,
http://danyuthesis2014.weebly.com, I will also leave printed copies with RIT Archives and the Graduate
Graphic Design Program as well as submit electronic copies to the RIT Archives, Digital Media Library,
and ProQuest/UMI. Lastly, I will submit my final thesis and research findings to design and communication
journals that may have interest in my subject area as well as interactive application design competitions.
The following are publications and organizations I may potentially contact or inform of my thesis research
and published printed book.
Magazine
Communication Arts
HOW
I.D.
Print
Organization
AIGA
Adobe
Competitions
AIGA Awards
ADAA
Red Dot Award
iF DESIGN AWARD
Color Blindness
Prevent Blindness
Colour Blind Awareness
Evaluation Plan
Type
The evaluation process and feedback is important for my thesis. There are two main methods that I
will employ for my testing: face-to-face observation of user-interaction and online surveys. I will meet
the elementary children to observe how they use the application and if my product clearly convey the
message that they can easily understand. My analysis of the feedback be both qualitative and quantitative.
After analyzing the feedback, I will modify and improve my application by polishing it.
How
Pragmatic Considerations
Budget
Thesis Show
Print Materials, Promotional Posters,
Business Cards, Note book
$400
Dissemination
Submitting final thesis research to magazines
and competitions
$250
Publishing
Proposal (2)
Final Bound Copies (3)
$100
Application Publish
Adobe Publish
$100
Total
$850
Timeline
Thesis Show
Publish Thesis
Commitee Meeting3
May.
Thesis Implementation
Apr.
Commitee Meeting2
Mar.
Usability Testing
Feb.
Commitee Meeting1
Jan.
2015
Finalize Commitee
Dec.
Proposal Defense
Nov.
Oct.
01 06
07 13
14 20
21 27
28 30
01 04
05 11
12 18
19 25
26 31
01 08
09 15
16 22
23 30
01 06
07 13
14 20
21 27
28 31
01 03
04 10
11 17
18 24
25 31
01 07
08 14
15 21
22 28
01 07
08 14
15 21
22 28
29 31
01 04
05 11
12 18
19 25
26 30
01 02
03 09
10 16
17 23
24 30
Thesis Blog
Sep.
Thesis Documentation
2014
Bibliography
Anderson, Julie, and David Lopez. Erik the red sees green: a story about color blindness. Illinois: Albert
Whitman & Company, 2013.
Liao, Jimmy. Sound of Colors: A Journey of Imagination. New York: Random House Books for Young
Readers, 2004.
Seuss, Dr. Dr. Seuss's Horton Collection. New York: Random House Children's Books, 2008.
Cottin, Menena, Rosana Fara, and Elisa Amado. The Black Book of Colors. Toronto: Groundwood Books,
2008.
Wright, Andrew. Storytelling with Children. Oxford: Oxford University Press, 1995.
Hansen, Egill. What Is Color Blindness?: What to Know If Youre Diagnosed with Color Blindness.
CreateSpace Independent Publishing Platform, 2013.
Miller, Carolyn Handler. Digital Storytelling: A Creator's Guide to Interactive Storytelling A Creator's Guide
to Interactive Entertainment. Focal Press, 2014.
Jackson, Chris. Flash Cinematic Techniques Enhancing Animated Shorts and Interactive Storytelling. Oxford:
Focal, 2010.
Crawford, Chris. Chris Crawford on Interactive Storytelling. Berkeley, Calif.: New Riders Games, 2005.
Van Beveren, Tom. We Are Colorblind. We Are Colorblind. Accessed September 1, 2014.
"Welcome to the Colour Blind Awareness Site." Colour Blind Awareness. Accessed September 2, 2014.
Color Blindness. Wikipedia. Accessed September 2, 2014.