Hello Hero Thesis Book

HELLO HERO A Hero Educational Game Application

Shanshan Huang 03694115

Final Proposal Original August 5, 2015 | 01:00pm

1 Web Design & New Media | Academy of Art University

TABLE OF CONTENTS

1

BACKGROUND Autobiography Resume

2

OVERVIEW

3

PROOF OF CONCEPT

4

Elevator Pitch Thesis Abstract Statement of Interests

Site Map TASK 1 - Create A Hero TASK 2 - Receive Missions TASK 3 - Hero Experience

STRATEGIC PROCESS Research Inspiration Competitve Analysis Unique Experience Map Target Audience Persona

5 6

7 8

UX PROCESS User Tasking User Results

VISUAL DESIGN PROCESS Moodboard Logo Map Characters Icon & Menu Colors Fonts Sketches

TECHNICAL PROCESS Technical Specifications

ANALYSIS AND CONCLUSION Conclusion Development Process From Midpoint Review to Final Process Stages 2

9

OTHERS Portfolio Bibliography

BACKGROUND

3

AUTOBIOGRAPHY

My name is Shanshan Huang. I was born in Hangzhou

and began to pursue it. That was why I came to

city in China. I was raised by my grandmother who

Academy of Art University for my graduate studies.

was a painter. She influenced me a lot and inspired

I gained wonderful experience designing projects

my interest in the arts. In 2008, I studied at China

at A AU. Although I am that I chose web design

Academy of Art University and majored in graphic

and new media as my major, I was excited to learn

design. With my outstanding performance, I earned

everything but coding. It is a big challage for me,

an internship at Zhejiang Publishing Company and

but I strive to work hard on it.

after several months YUE HUO Magazine invited me to join them. I designed my very first magazine at

Besides my school life, I really like traveling to

YUE HUO and it was published in September 2011.

different countries, exploring new places and open my eyes to the world. Ultimately, the variety of

Those experiences opened my eyes to e-magazines.

different culutres and people inspire my designs.

I decided to learn more about interaction design

4

RESUME

EDUCATION

Address: 905F Ave B, SF, CA94130 Phone: 650-284-8853 E-mail: huangshanshan921@gmail.com

ACADEMY of ART UNIVERSITY, San Francisco, California Major in New Media and Web Design

2012-Present

CHINA ACADEMY of ART, China Bachelor of Graphic Design

INTERNSHIP

2008-2012

HANGZHOU YUEHUO ADVERTISING COMPANY, Hangzhou, China Graphic Designer

June, 2011 - September, 2011

ZHEJIANG PUBLISHING COMPANY, Hangzhou, China Book Designer

June, 2010 - September, 2010

SKILLS

HTML5, CSS3, Javascript, JQuery, PHP, Adobe Photoshop, Illustrator, Indesign, Flash, Dreamweaver, After Effects, Microsoft Office

ACHIEVEMENT

The YUEHOU Magazine designed and published in September 2011.

5

OVERVIEW

6

ELEVATOR PITCH

Everyone believed heros were real when they were children, that's why they like to play hero games. However, most of the hero game apps on the market are violent. And parents are worried that these apps might mislead kids. Hello Hero is an application that combines kids' stories with a heroic experience; kids play through the stories as a hero and have to find as many clues and objects as they can in each level. The game leads kids to solve problems with their intelligence and talents instead of violence.

7

THESIS ABSTRACT Problem Almost every kid has the same dream, which is becoming a hero in the future. Nowadays, more and more parents allow their kids to use tablets for study and play However, many parents find that kids spend lots of time with violent hero games. Parents are very worried that their kids will be misled by these games. They may be afraid that kids will only solve problems through violence in the future.

Instead, they encourage kids to play other educational apps, but kids don't have any interest in those because they think these apps are very boring. However, parents don't want their kids to spend much time playing violent games that have no educational value at all.

72% 78%

38%

2011 Percentile of parents allow kids (age: 5-8) to use tablets.

2013

Number of kids use tablets

On average kids spend 2 hours a day playing games.

http://www.zdnet.com/nielsen-many-parents-letting-kids-use-their-tablets-for-schoolwork-7000019916/ http://newsfeed.time.com/2013/10/28/more-than-33-percent-of-kids-under-two-are-using-tablets-so-prepare-for-an-army-of-robot-babies/ http://techcrunch.com/2013/10/03/kids-love-tablets/ 8

Solution Design an appropriate app that promotes higher thinking skills while kids are playing a fun video game. The app combines everyday school and life experiences with a heroic storyline. And it encourages players use creativity and imagination to solve problems and resolve conflicts.

1. Value Education: It features missions from real life experience and common sense

2. Interesting: Design of app is visually stimulating

3. Rich Interaction: App requires decent amount of interaction.

9

THESIS ABSTRACT Thesis Project Proposal Hello Hero is a tablet game for kids, combining fun with a values-based story. From the app, kids can transform to a hero and help many characters in their day-to-day life. Progress is very hard. They will face many different challenges they need to face and overcome. Also, they should make their own efforts to help the characters. Through this app, kids will know there are many ways to be a hero instead of just through violence. It can guide kids to learn and practice values-based life skills like honesty and kindness. This app also can develop kids' creative problem solving and let them have a lot of fun.

10

STATEMENT OF INTERESTS Video games have become the fastest growing type of entertainment for children. As I’ve watched my nephews and nieces always playing video games on smartphones and iPads, I’ve often considered how it will affect their long-term development. We all know that violent video games can have a negative impact by triggering children to transferring feelings of aggression to actions in the real world. However, I believe good video games can have a positive effect. I’ve implemented many positive themes and elements into my game Hello Hero to maximize the benefits.

violence is discouraged in this game. Some of these rules and challenges can definitely transfer to real life.

Hello Hero is designed in a way that players need to concentrate and sustain their effort over a period of time. The game teaches them to try again and again, therefore they will learn perseverence in the face of challenges.

I built this project with Flash and Unity. I used action script 3.0 and C# to code it out. The biggest challenge that I faced was to learn how to use Unity and C#. After using C# to code them, I need to set them in inspector.

Hello Hero has an interesting mix of everyday school and life experiences with a heroic story. For example, little kids want to go back home, but some older kids always bully them. Players can act like a hero by protecting their younger friends! Kids feel excited to mix their school life and hero experiences together and also find challenges to solve problems; they experience intrinsic motivation which promotes their development of initiative.

Rules and challenges are well designed. Children score higher when they are better on logic and creativity; 11

PROOF OF CONCEPT

12

SITE MAP Home page Take a photo Select a hero Transform a hero

Grade 1 (easy)

Grade 2 (Middle)

Grade 3 (Hard)

Story brief intro

Story brief intro

Story brief intro

Enter the game scene

Enter the game scene

Enter the game scene

Four Challengs

Four Challengs

Four Challengs

Fail

Success

Try again

Next

Fail

Go back home

Success

Try again

Next

Fail

Go back home

Success

Try again

Go back home

Main Task 13

TASK 1 - CREATE A HERO

Step 1: Open the app

Step 2: Users click "Camera" button

14

Step 3: Slide left or right to choose a hero and click the "Correct" button

Step 4: Transform a hero successful and click "Start"button

15

TASK 2 - RECEIVE MISSIONS

Watch the story background animation

Rreceive a mission: find "Wanted Poster" 16

1

2

3

4

5

1

2

3

4

5

6

6

Users can try to click everything to find the poster. No.4 is the right position where the poster is.

17

TASK 2 - RECEIVE MISSIONS

Click "Next" button

Watch the story background animation

Click "Go" button and start the game 18

1 1

2

2

If users click these things, they can get some suprise.

19

TASK 3 - HERO EXPERIENCE

Watch the rule animation

Start the game

Click "Yes" button

Go to the first person and click "question" button 20

Watch the animation

Got the mission

Watch the animation

Find the fruit shop

Got a banana 21

TASK 3 - HERO EXPERIENCE

Find a bad guy withcrying dog

Click the "bnanan peel", put it on the road

Leave away

The bad guy step on the peel

He falls down

An ambulance comes out.

22

It takes him to the hospital.

Click the crying dog

Watch the animation

Got the dog's home.

Find its owner

23

TASK 3 - HERO EXPERIENCE

Watch the animation

Got a cheese cake

Find a ID on the road 24

Watch the animation

Find a bad guy

Got the ID's owner

Put the cheese cake on the road and leave away

The bad guy eats the cake and users can find

25

the owner

TASK 3 - HERO EXPERIENCE

Watch the animation

Got a car

Find the last bad guy 26

Use the toy car and dray him away

Go back home

Got the honesty badge 27

Win the game

STRATEGIC PROCESS

28

RESEARCH - KIDS FAVORITE APPS COMPARISON Kids like playing game apps, but more are violent.

All Kids' Apps Game App

77% 61% Violent Game

http://techcrunch.com/2012/02/16/yes-its-true-kids-are-tablet-fiends-and-gaming-apps-are-the-winners/ 29

RESEARCH - HERO GAME Based on my research of students and their parents in Sunshine Kids Preschool (5-6 years old), Prince Of Peace Elementary (7-8 years old) and in Public library in San Francisco (5-8 years old)

82.3% of these kids enjoy playing

hero catch bad guy games which involve with aggressive behaviors.

77.5%

of these kids' parents

worried about this situation.

I did this research on April 21, 2014 30

RESEARCH A lot of hero games are violent. Less are educational apps.

Hero Violent Games

Hero Educational Games

31

RESEARCH

Yi Chen

Zhuyi Zhou

Game Designer

kids Education Teacher

She is a game designer. She believes kids need higher quality educational apps and she works hard to contribute.

She has three years experience on youth education.

She understands kids dream to be a super hero.

32

INSPIRATION - STORY I interviewed 20 people, and all the parents and kids recommended this Wimpy Kid story to me. I also found these books are the best seller in Amazon.

33

INSPIRATION - HERO Who is hero? (From parents & kids) 1. Hero uses his own power to solve the problems or troubles.(kid) 2. Hero always to help the people who are in emergency or dangerous.(kid) 3. There is no clear definition of heroism. The smallest act of kindness can be of greater value to the recipient.(parent) 4. A Hero is someone who has the power to change the feelings of a person and save them from despair.(parent)

When we need hero? (From parents & kids) 1. If a child is being bullied at school, he needs a hero.

2. If a person goes to the toilet and finds no toilet paper, he needs a hero.

3. If there is an old man with a lost of thing, he needs a hero.

Why kids like heroes? (From parents & kids) 1. The turtles are very cute. I like their weapons and Kung Fu. 2. Batman does not like other super hero. He has no super power. He just uses his own power to help 3. others. He is very simple.

34

INSPIRATION - GAME I interview 15 parents in Public Library and Apple Store about kids’ favorite game apps. I find the following three games are mentioned by parents for many times. And I also search these three games in App Store. Their rankings are No.1, No.2 and No.7 with the high scores.

35

1. Clash of Clans (3/15) Free Crush enemy clans in clan versus clan battles. Lead your clan to victory! Clash of Clans is an epic combat strategy game. Build your village; train your troops and battle with millions of other players online!

2. Candy Crush (2/15) Free Candy Crush Saga, from the makers of Pet Rescue Saga & Farm Heroes Saga!The sweetest game ever!

3. Hay Day (4/15) Free It’s a real special place. It never rains—but the crops don't die. Food grows free, neighbors smile, and the animals are happy to see you.

36

COMPETITIVE ANALYSIS

Mr Snoozleberg

By Rejean Rioux

Mr Snoozleberg is a friendly, harmless, perfect diplomat.

He suffers from chronic sleepwalking! He will hurt himself for sure! Help Mr Snoozleberg get back to safety in 10 levels packed with obstacles.

PROS:

CONS:

1. Rich interactive

1. No stories

2. Hero experience

2. No education

3. Develop brains

37

COMPETITIVE ANALYSIS

Brave: Storybook

By Disney

The Scottish Highlands have long been a fierce, proud land filled with stories, and magic, and danger. Merida, the Princess of DunBroch, adds her tale of courage and determination to the ancient lore as she sets out to defy an age-old tradition and forge her own destiny.

PROS:

CONS:

1. Value education

1. A little boring

2. Hero experience

2. Less interactive

38

COMPETITIVE ANALYSIS

Hay Day

By Supercell

It’s a real special place. It never rains—but the crops don't die. Food grows free, neighbors smile, and the animals are happy to see you. Hay Day is an engaging take on the farming game.

PROS:

CONS:

1. Rich interactive

1. Players need to spend lots of

2. learn farm knowledge 3. manage this farm

time to upgrade their plants.

2. No stories

39

COMPETITIVE ANALYSIS

Jacob Jones

By Lucid Games

It is a fantastic, bite-sized title that's great for puzzle lovers. Also, it is a top-tier iOS puzzle adventure. There are parts that are very reminiscent of many animated Disney films.

PROS:

CONS:

1. Challenging, brain teasing

1. No hero experience

and puzzles

2. Games are too hard

2. Interactive world to explore 3. Educational story

40

COMPARISON

Interactive Cute Illustration Challenge Interesting Value Education Violence Sound & Music Animation Interface Design 41

UNIQUE

1. Value Education: It features missions from real life experience and common sense 2. Interesting: Design of app is visually stimulating 3. Rich Interaction: App requires decent amount of interaction.

42

Stages

EXPERIENCE MAP Choose an app

Download Nervous

Expected

play with kids

Teach

Happy

Kids Learn

Like

Pleased

Doing

Minset

Emotion

Careful

Check the content

I don’ t want they play violent games.

Maybe it is good one.

I wish the content is good for them.

I enjoy the time with my kids.

I think it is great if they can get something.

Look the details

Download

Open the app, check all the

Teach them some knowledge

If they can learn some good

(intro and screen shoot)

Wait

stuffs (c ontent, i ntera c ti v e,

and common senses.

things or knowledge, I will feel

Read reviews.

elments)

Remind them of something is

Pleased.

kids are interested in

If it is ok, I will play with my kids.

bad.

If not, it doesn’ t matter because

If it is not ok. I will delete it and

Process

choose another app.

Problem

Continue

Back

43

Play with kids

I can teach them good things

they also get a lot of fun.

TARGET AUDIENCE At age children start to pick up tablet and game 0% 5(Age)

44%

100%

8

18

Good Value Education Pre-value 0(Age)

Begin to study 3

Strong sense of value 5

have built value 8

This period is the best and important time to learn the right values.

Ihttp://techcrunch.com/2013/10/03/kids-love-tablets/ https://www.ncjrs.gov/html/ojjdp/209736/chap2.html 44

18

TARGET AUDIENCE The target of this app is children who is age 5-8 years old. This is the age that they are begin to expose to games. I would like to set the bar high for them by providing good apps to ensure the quality of their game time. Also, its target audience is the parents who are willing to pay for high quality hero games with their kids.

Primary audience: Boys who are 5-8 years old

Secondary audience: Parents who have boys between 5-8 years old The teacher who want students (age: 5-8) use educational apps to learn knowledge

45

PERSONA - PRIMARY Our mother hates violent games, so we never play these games at home.

Biography: Daniel and Willian are brothers. Daniel is 8 years old and William is 6 years old. They are both primary school students. They also like to play video games.

Name: DANIEL & WILLIAM Job: Students Age: 6 & 8 Live: San Francisco Relationship: Brother Parents Accompany Time:

Game Violent Level:

Devices: IPad & Computer

Mindset: Our mother hates violent games, so we never play these games ate home. So, when we want to play games we need go to other places to play.

Key Behaviors: Open the website named Y8.com or Friv.com.

Search the key words “2 players.

Looking for the popular game.

Pain Points: Open the website named Y8.com or Friv.com.

Search the key words “2 players.

Looking for the popular game.

Goals: A game that we are interested in also our mom allows. i can play with my brother.

With car elements.

46

PERSONA - SECONDARY I don't care the contents about the game. I just care what he is interested in.

Biography: Ariel is a housewife and she has a son who is 8 years old. She lived in San Francisco for 10 years with her family.

Name: Ariel Zuber Job: Housewife Her son's Age: 8 Live: San Francisco Parents Accompany Time:

Game Violent Level:

Devices: IPad & IPhone & Computer

Mindset: I don't care the contents about the game. I just care what he is interested in. Of course, there is a premise that is no violent.

Key Behaviors: Download the popular game whatever they want.

Check the contents if it is too violent.

Play with them together.

Pain Points: There is not too much family games fit him.

Some is too easy without education.

Some is too hard that he don’t understand even though I teach him.

Goals: Family game apps are not too easy but also not too hard.

Kids can play with parents together. kids can known what is right and they can do it.

47

PERSONA - SECONDARY I never stop them uesing devices for learning something, even though they play games.

Biography: Erin is a primary school teacher. Her students are all 6 to 8 years old. She also has three kids and two of them are boys. so, she focus on education.

Name: Erin Millard Job: Primary School Teacher Her Students’ Age: 6-8 Live: San Francisco Parents Accompany Time:

Game Violent Level:

Devices: IPad

Mindset: I never stop they using devices for learning something, as long as it is not violence. I think every app has its good value.

Key Behaviors: Download the apps that fit their age.

Apps for contents are good and educational, also they are interested in.

Develop their mind Pain Points: Some apps are not free but good.

Some apps interesting and popular but are a little violent.

Goals: The free educational apps can be more interesting.

Kid can get more knowledge and good concepts from apps.

48

PERSONA - SECONDARY I think family is very important, so I always play this kind of games with him.

Biography: Ariel is a housewife and she has a son who is 8 years old. She has lived in San Francisco for 10 years with his family.

Name: Jasmine Sunga Job: Artist Her son's Age: 7 Live: San Francisco Parents Accompany Time:

Game Violent Level:

Devices: IPad & IPhone

Mindset: If I have time, I will play game with my son. So, he can know how important the family is. Also, he can know some knowlege about life.

Key Behaviors: Find some family materials games Play with him Teach him the life knowlege and courtesy.

Pain Points: My son really likes playing violent games. Although it can train his mind, it has a big bad infulence.

Not have many knowledge that he can get.

Goals: After playing games, I wish he would know which is right and which is bad.

He would know how to choice.

Learn some common senses 49

UX PROCESS

50

USER TESTING Phase 1 : Card Sorting Date: Sep. 6, 2014 Test Group: 15

Test Goal: Help me to find out how users would expect to find content or functionality Results: -A large part of parents will limit the time (average time: 1-2 hour) that their kids play devices.

-Almost all the parents don’t allow their kids play violent games. They will check the apps’ contents at first.

-Parents like playing games with their kids. Also, they will teach something when they play together.

-There are hundreds reasons why parents allow kids use devices. However, they have the same goal that kids could get some good things after they play using them.

-Parents pay attention to developing kids mind.

-Kids and parents are very interested in Wimpy Kid’s stories.

-Kids like the games that have many challenges and levels.

-Kids like getting some awards when they play games.

51

USER TESTING Phase 2 : Paper Prototype Date: Sep. 21, 2014 Test Group: 11

Phase 3 : Paper Prototype Date: Oct. 4, 2014 Test Group: 7

Test Goal: Test the task flows

Test Goal: Test the topics and task flows

Results: -The story is a little boring

Results: -The first task steps are not clear

-Kids can't learn many things

-Not many interactive

-Parents want to their kids can learn some common sense

-There is no connection between mission and mission

-Not too much hero experience

52

USER TESTING Phase 4 : Low Fidelity Prototype Date: April. 16, 2015 Test Group: 8

Phase 5 : High Fidelity Prototype Date: June. 29, 2015 Test Group: 6

Test Goal: Test concept and task flows

Test Goal: Test task flows

Results: -Change the visual to 3D

Results: -Add a mission in the story

-One of the mission in the game part is confused

53

USER RESULTS

Take a photo and choose a hero in the same page

Separate these two functions (take a photo and choose a hero) in different pages.

54

USER RESULTS

Use three pigs as the background

Use school life as the story background

55

USER RESULTS

05:30

The game happens in the forest. The challenge is finding

The game happens in the city. The mission is protect the

clues and saving these pigs.

little girl back home. Users need to help other persons and get tools to draw bad guys away. Also, users can learn some good values at the same time.

56

VISUAL DESIGN PROCESS

57

MOODBOARD Key words: Story, Cartoon, Rich Interactive, Game

58

LOGO PREVIOUS VERSION

FINAL VERSION

59

MAP PREVIOUS VERSION

FINAL VERSION

05:30

05:30 05:30

60

CHARACTERS PREVIOUS VERSION

FINAL VERSION

61

ICON & MENU PREVIOUS VERSION

FINAL VERSION

START

SKIP NEXT START

CONGRATULATIONS!

Congratulation!

You saved these pigs.

You Got The Honesty Badge.

62

COLORS PREVIOUS VERSION

FINAL VERSION

#B4DCEC

#B5EEF2

R: 181 G: 221 B: 237 C: 32 M: 2 Y: 5 K: 2

R: 181 G: 237 B: 242 C: 33 M: 0 Y: 11 K: 0

#C2D869

#D4DE09

R: 195 G: 217 B: 105 C: 30 M: 1 Y: 70 K: 0

R: 212 G: 222 B: 10 C: 27 M: 5 Y: 92

K: 0

#70BA7C

#B7C21C

R: 112 G: 187 B: 124 C: 58 M: 4 Y: 63 K: 1

R: 183 G: 194 B: 28 C: 38 M: 16 Y: 94

K: 0

#E65414 R: 231 G: 84 B: 20 C: 2 M: 80 Y: 96

#F8B62D R: 247 G: 181 B: 46 C: 6 M: 37 Y: 84

K: 0

K: 0

#552D0C R: 85 G: 45 B: 12 C: 46 M: 72 Y: 93

#1776BE R: 23 G: 117 B: 191 C: 84 M: 51 Y: 5 K: 0

K: 58

63

FONTS PREVIOUS VERSION

FINAL VERSION

Forte MT Std

Carter One

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Doctor Soos Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 64

SKETCHES

65

SKETCHES

66

TECHNICAL PROCESS

67

TECHNICAL SPECIFICATIONS Hello Hero is an application optimized for IOS devices. The prototype is implemented with Action Script 3.0 and C#.

I mainly focus on the UX and UI design of my project. The prototype is notfully implemented in part of the sections which requires high technical understanding.

Unity: Game Action Script 3.0 + C#: Action AI + PS: Illustration FL: Animation AE: Concept video

68

TECHNICAL SPECIFICATIONS Action Script 3.0

C#:

AS 3.0 Resources: h t t p : / / h e l p . a d o b e . c o m / e n _ U S / F l a s h P l a t f o rm / re f e re n c e / actionscript/3/index.html h t t p : / / h e l p . a d o b e . c o m / e n _ U S / F l a s h P l a t f o rm / re f e re n c e / actionscript/3/flash/media/Camera.html

Unity C# Resources: http://answers.unity3d.com/ http://unity3d.com/learn/tutorials/projects/roll-a-ball http://www.raywenderlich.com/25205/beginning-unity-3d-for-iospart-13 http://www.raywenderlich.com/61532/unity-2d-tutorial-gettingstarted http://www.raywenderlich.com/69392/make-game-like-jetpackjoyride-unity-2d-part-1

69

ANALYSIS AND CONCLUSION

70

CONCLUSION Problem & Solution Kids always have the same dream, which is being

My solution is designing an appropriate app that

a hero in the future. Nowadays, more and more

promotes higher thinking skills while kids are playing

parents allow their kids to use tablets for studying

a fun video game. The app combines school and

and relaxing. However, many parents find that kids

life stories and hero experience together. The app

spend lots of time playing violent hero games. Thus,

encourages player use creativity and imagination to

they are very worried that their kids will be misled by

solve problems and disagreements.

these games. They are afraid that kids will only solve

Through completed all missions, players can get

problems through violence in the future.

good value education. Also, this app requires decent

Therefore, They try to let kids play other educational

amount of interactions, so that players can feel the

apps, but kids don't have any interested in them

game is very interesting and exciting.

because they think these apps are very boring.

However, parents don't want their kids to spend much time playing violent games that have no education at all.

71

DEVELOPMENT PROCESS This is the second project that I designed from the

The biggest challenge I met was C#. I have read the

preliminary idea to the real launched application. I

document by myself, and tried to figure out by

have not only gained tons of design skills, but also

myself. Although David and Ben helped me a lot and

the coding skills. I am so proud of that I finally make

found some examples for me, I still couldn’t figure

my design come true. I have learned by myself with

out some of the problems. However, I didn’t give

action script and C#, and worked out all the functions

up and tried many ways to made them. Finally, I was

by myself.

successful.

72

FROM MIDPOINT REVIEW TO FINAL From Midpoint review’s result, I need to work hard

When I took the User Experience GDS class, I have

to simplify the user experience and flow, due to the

did a lot of reseach and interviewed with my primary

architecture is too deep. I need to define how users

and secondery target audiences. After the research, I

will access content when off line because of the

understand what they need and I decided to change

remote locations.

my game story. I found the school life story is much

What is more, how can the educational game be

more popular. Thus, I combined the school life with

made more meaningful to the user is my another

hero experience together. When kids play this app,

concern. I need to work on how the kids play it and

they can act as a hero to protect and help others.

get good value education at the same time.

73

PROCESS STAGES After Midpoint Review, I took the game design

and develop the app with them because they were

developing class with User Experience class in Fall

very new for me.

2014. I learnt how to use flash and action script to

This semester, I am in the responsive web class. I tried

create my project. After that semester, I have did all

to use Flash and Unity to create the whole project.

the coding and bring all the Midpoint idea out.

It is very hard for me. When I met difficulties, I never

Then, I chose the visual design and mobile scripting.

give up. Because of David, Ben and game design

In that semester, I focused on my visual part and

department's help, I fixed many challenges. And now,

redesigned them. At the same time, I started my

I completed everything.

application with new idea and new visual design.

After midterm, I changed almost all the user

Based on my instructor's suggestion, I decided to use

experience, stories, game and visual design. It really

Unity and C# to create it. I spent a lot of time to learn

helped on my project. I think I have improved a lot from this project and have learnt many new skills like new softwares and coding languages.

74

OTHERS

75

PORTFOLIO Trail's End Ranch Radio Show App Class: Spring 2014 MOBILE WEB TECHNOLOGY

Instructor: Pimentel, Andrea

http://shanshan-huang.com/Assignment_13_final/

76

Skills: HTML, CSS, JAVASCRIPT

PORTFOLIO Trail's End Ranch Radio Show Mobile App Class: Spring 2014 MOBILE WEB TECHNOLOGY

Instructor: Pimentel, Andrea

BIO

HISTORY SEP

2011

WELCOME TRAIL'S END RANCH

Maggie Kritzer and Larry Biehl The producers return from Europe and decide to present a more accurate image of U.S. citizens to the rest of the world.

Skills: Illustrator

PHOTO

MEMBER Henry Real Bird Garryowen, MT

Henry Real Bird, a native Crow Indian, grew up ranching on the battlegrounds of the Little Big Horn on the Crow Reservation in Montana...

More

RADIO SHOW

Backstage before the premier of the Trail’s End Ranch Radio Show

3054

ME DIA

4875

1377

The Trall’s End Ranch Radio Show

Photographs from the 2014 National Cowboy Poetry Gathering Elko, Nevada

BLOG News from the Author’s Corner Stephanie Davis is putting the finishing touches on the sketches she will use in the show. Room in More

The Trail’s End Ranch Radio Show invites you into the world of the cowboy. Huddled in an intimate radio sound stage, somewhere on the prairie of the American West, a group of cowboys from neighboring ranches gather to broadcast their songs and tunes, stories and poems, to an awaiting audience far, far away.

30544

FEB

2012

Maggie and Larry ask Stephanie Davis singer/songwriter/rancher – to author a theatrical musical about modern cowboy life.

Paul Anastasio Shoreline, WA

Paul Anastasio began studying the violin at age nine. Initially classically trained, he soon began exploring the worlds of American popular and folk music...

More

Jerry Brooks Sevier, UT

It could be any Saturday night, any time their joys living a life out-of-doors surrounded by nature’s beauty, and their frustrations in trying to adjust to an ever changing world… all have a striking familiarity – and similarity – wherever you call home.

Jerry Brooks is known to friends and admirers simply as “Brooksey”, and as one of the finest reciters of both...

More

A Prairie Home Companion

Fred Newman New York, NY

77

8751

377

PORTFOLIO

Golf Website Class: Spring 2014 BALANCING CREATIVITY AND PROFITABILITY Instructor: Vidya Nayak Skills: Illustrator

78

PORTFOLIO PM Selling Website Class: Fall 2013 WEB TECHNOLOGY 1

Instructor: Wilde, Ethan

Skills: HTML, CSS, jAVASCRIPT

http://www.shanshan-huang.com/Final_Huang/index.html 79

PORTFOLIO

Pumpkin Studio Website Class: Spring 2013 TYPOGRAPHY FOR DIGITAL MASTERS Instructor: Drumm, Emilie Skills: Illustrator InDesign

80

PORTFOLIO Portfolio Website Class: Summer 2013 PRINCIPLES OF UX Instructor: Sayala, Nag Skills: Illustrator

81

PORTFOLIO Funny Shapes Class: Fall 2013 Motion Graphic Instructor: Oettinger, Nicole Skills: Illustrator, After Effects

https://vimeo.com/99121884

82

VIDEO

https://vimeo.com/134668977

83

BIBLIOGRAPHY Inspiration http://www.zdnet.com/nielsen-many-parents-letting-kids-use-their-tablets-forschoolwork-7000019916/ http://newsfeed.time.com/2013/10/28/more-than-33-percent-of-kids-under-two-are-usingtablets-so-prepare-for-an-army-of-robot-babies/ http://techcrunch.com/2013/10/03/kids-love-tablets/

Photo http://kidswire.com/files/2013/08/zorbits.png http://coolmomtech.com/wp-content/uploads/

Competitor https://itunes.apple.com/us/app/stories-for-children/id467067115?mt=8 https://itunes.apple.com/us/app/wired-bunch-1-interactive/id556438434?mt=8 https://itunes.apple.com/us/app/cut-the-rope-free/id394613472?mt=8 https://itunes.apple.com/us/app/wheres-my-water/id449735650?mt=8

84

THANK YOU!

85