Kazooble written summary

CHINACHINACHINACHINAKENYAKENYAKENYAKENYA

USAUSAUSAUSA

Kazooble

Web Application for iPad Device

ChunTao Weng {03013749}

Web Design New Media

Final Review Resubmitted

Table of Contents

Introduction

Research

Design

1

578910

131415202122

252729

About Kazooble

Conclusion

2

3135474951

5960

KENYAKENYAKENYAKENYA

3

KazoobleWeb Application for iPad Device

Introduction

Introduction

My name is Chun-Tao Weng. I am an international student

from Taiwan. I came to the United States to pursue my

passion for graphic design and new media. I earned the BFA

at Cal State Fullerton, and I am currently pursuing the MFA

in Web New Media at the Academy of Art University. I think

this is one of the biggest challenges in my life. I am a hard-

working person and I believe I can handle and face all prob-

lems. I always believe that life is short. Everyone’s life should

be beautiful and varied. We should try to experience differ-

ent things in our life, such as making friends who come from

many countries, learning other languages and trying to

understand different cultures around the world. These things

can make our life more abundant.

5

I have been interested in multimedia design for several

years. It is my dream to work in the new media field. After

graduating from Cal State Fullerton, I became a graphic

designer. I have one year working experience in this field. I

can always satisfy my clients and design the website that

they want, but there are still lots of skills I need to learn,

especially UI and UX principles.

I design websites in Flash. I can create vivid, colorful and

dynamic web pages to attract the viewer, but the usability

and accessibility of my websites is not as good as my visual

design. I want to learn more possiblities to help users use

websites easily and efficiently.

As I mentioned, I got a job designing websites after college.

With the knowledge I gained, I developed a special interest

in Visual Design and Web Design. However, I still feel I have a

lack of knowledge while I am going deeper into my work.

That is the reason I am pushing myself to receive formal

training in web design programs. I believe that studying at the

Academy of Art University will provide me with knowledge.

After finishing my studies, my plan is to become a UX

Designer. After that I will go back to Taiwan to encourage

interest in my field among my countrymen.

6

Music, design and technology are definitely three of the most

important things in my life. I learned how to play guitar in

junior high school, and since then, I developed a love for

music. I still play my guitar when I have free time. Music also

brings several advantages to me such as making friends who

have the same passion, and it helps me focus when I’m

studying other subjects.

I received the Bachelor of Art degree in graphic design from

Cal State Fullerton. Now, I am majoring in New Media at the

Academy of Art University for my master’s degree. Since

graphic design is another one of my favorite things, I decided

to combine music and design for my thesis. In addition to

doing well in school, I also want to use all my resources and

knowledge to create a project that is meaningful and useful

to people.

WHY NOT COMBINE THREE IMPORTANT THINGS THAT I ENJOY?

7

Project Abstract

Kazooble is an interactive and educational application to

teach kids about world music. It is a new interactive iPad app

which aims at motivating kids to learn music. It also helps kids

to learn songs from different countries. The goal of Kazooble

is to provide kids with an interesting and enjoyable way to

learn and experience world music.

In this application project, I thoroughly researched my target

audiences who want to learn, play and sing different kinds of

music. What features do they really need? What kinds of

affordances do they need? And what is the other important

information for my target audience? I objectively analyzed

these crucial factors and how my application can best serve

my users. Moreover, I studied software related to web

applications such as Photoshop, Illustrator and coding

languages like HTML5, Java Script and CSS.

This project is not just a thesis project for me - it is an

educational experience and a challenge. During the process

of developing this project, I studied user experience and

interaction to make my project stronger. These skills will be

good for my career after I graduate from school. I believe

that after launching this application, many people will enjoy

an unforgettable world music tour on their iPads.

8

This project is an interactive application for people who

are interested in different kinds of music. This application

is specially designed for kids, but it is also for people who

are kids at hear t. The application star ts by providing users

with various countries to explore. Within each country,

Kazooble introduces educational infomation and interac-

tive experiences for the user. This app is educational and

fun for the whole family.

KAZOOBLE IS EDUCATIONAL AND FUN FOR THE WHOLE FAMILY.

9

Target Audience

Kids from 2 to 5 years old (PRIMARY)

They love to explore new cultures.

They love to learn all kinds of music and songs.

They usually get infomation from teachers, parents and the Internet.

Parents with samll kids (SECONDARY)

Parents want to educate their kids in better way.

They usually learn and play music as a hobby.

They love to play games.

57% of iPad-owning adults with children use it for educational purposes.*

Sometimes they need a babysitter.

They want to play with their kids.

*source: Nielsen q4 2011

10

11


Research

Device Research

The iPad sparked a revolution in children's culture. Accord-

ing to the research by Nielsen, 70% of tablet owning house-

holds with children under 12 say their kids use the device.

Kids learn to read, write and count on iPads. They watch TV,

movies and cartoons as well. They play games and even color

in virtual coloring books.

By the time these kids reach middle school, they have been

using multitouch user interfaces for a total of eight years or

more. The iPad platform proves irresistible to everyone:

parents, content providers, and especially the kids themselves.

13

Music Research

Kids love songs and nursery rhymes. The words are usually

simple and easy to memorize. The rhyme of the music helps

children to learn the song without much effort. For children,

the easiest way to learn any foreign language is through

learning the songs and nursery rhymes. Therefore, I chose

China, Italy, Kenya and USA to show the variety of the music.

Future versions will introduce more music styles, instru-

ments and songs to the user.

World Music Culture

14

Comparative Product Research

Description

Little Fox is an iPad music app. It is sing-along songbook with

interactive elements in 3 songs

Pros

Beautiful illustration

Playful for kids

Interactive elements

Cons

Lack of functionality

Lack of content

Many buttons are not obvious

15

Description

GarageBand is a very powerful music app that can help

people create, record and play music

Pros

Multi-function

Good UI design


Cons

Not for kids

Need some music skill to play

No educational infomation

16

Description

Pluto Piano is an iPad music app. Users drag their finger up

or down to get points and play the instrument.

Pros

Playful for kids


Cons


Lack of content

Bad UI design

17

Description

Doctor Seuss is an iPad music app. It features piano-like

interactivity. To get points, users tap the music notes at the

appropriate time.

Pros

Playful for kids


Cons


Lack of content

Information panel is confusing

18

Little Fox

GarageBand

Pluto Piano

Seuss Band

Kazooble

For kids

Choice ofinstrument

Instrumentinfo

Tutorial

Song video

Game center

Culturemusic

Virtualinstrument

1StrongWeak

2 3 4 5 6 7 819

Information Architecture

{Home}Kazooble

TurtorialIntro

CHINA

KENYA

USA Choose songs

Choose instruments

Play a band

Learn

Play

PlayInfomation

sound

Virtual instruments

Page name Page name

Page name A page stack indicates a group of functionally identical pages.

Page Developing page

Video

About

Trophy

ITALY

20

Coding

CODING APPROACH

HTML 5 / Javascript / jQuery / CSS 3.0

TOOL

Tumult Hype

CODING RESOURCE URLS

Building a web app: step-by step guide with code samples

http://www.jamiebutler.com/tutorials/iphone_web.php

Safari Developer Library

https://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html

css3 wizardry

http://css3wizardry.com/

iPad iPhone orientation

Styling

http://code.google.com/apis/maps/documentation/javascript/styling.html

21

Timeline

Directed Study: Visual DesignDirected Study: Mobile AppDirected Study: User Experience2

Digital CaptureDirected Study: User Experience2

Informal Testing Refinement

Formal Testing Final Refinement

Plan Thesis Reserch Presentation Midpoint Review

Gs 601 Balance Creativity Wnm612 Time Based Media Wnm634 Motion GraphicWnm643 Interactive

Mid- Point Wnm645 Time Based Media ScriptingWnm661 Interactive InfographicsDirected Study: User ExperienceGs Professional Practice

Develop InterfaceOutlineFlow ChartUsability Testing1

Refine Interface Flash Scripting Usability Testing2

SPRING 2012 SUMMER, FALL 2012SUMMER 2011SPRING 2011 FALL 2011

22

23


Design

25

Kazooble26

Characters

Version 1 Version 2 Version 3 Version 4

Final version

27

28

Illustrations

AFRICA

USA

29

CHINA

ITALY

30


About Kazooble

Personas

Chris just started his summer vacation. He does not want to waste his free time.

Chris

iPad user

Able to learn different songsHave the sing along function with songs

31

Who is userJulie

iPad user

32

Who is user

Music faniPad user

33

Who is user

34

{Home}Kazooble

TurtorialIntro

About

Tap on iconClose the tutorialTap on info button

2 minutes

Enter

35

1 2

3 4

36

KazoobleKazooble1

CHINA USA

ITALY KENYACLOSE

Kazooble

2

CHINA USA

ITALY KENYA

CHINA USA

ITALY KENYA

3

CLOSE

About Kazooble

This project is an interactive application for people who are

interested in different kinds of music. This application is

designed for kids, but it is also for people who are kids at

heart. The application starts by providing users with various

countries to explore. Within each country, users can learn

songs, music styles and instruments. .

{Home}Kazooble

China

Tap ChinaChoose instrument

2 minutes

Choose instruments

Learn

37

1 2

3 4

38

CHINA USA

ITALY KENYA

INSTRUMENTSBAND SONGS

CHINA

BACK NEXT

PLAY

?

PIPA

LEARN PLAY

BACK NEXT

PINA

Pipa has a pear-shaped wooden

body with a varying number of frets

rang from 12 to 26.

CLOSE

1

2

3

Tap on song optionFollow it and tap it to learn

3 minutes

Play instrument

Choosesong

Play song

Play song

39

1 2

3 4

40

BACK NEXT

PLAY

?

PIPA

Jasmine Two TigersHa Ha HaSONGS

DoReFaTi So SoLa La DoReFaTi SoLa La

Ti



La


1

2

3

2 minutes

{Home}Kazooble

USA

Play a band

Play a band

41

1 2

3 4

42

CHINA USA

ITALY KENYA

USA


PLAY PLAY PLAY PLAY PLAY PLAY

1

2

3

Tap on ChinaChoose song

2 minutes

{CHINA}Song

Choosesong

Play

Back/ replay

43

1 2

3 4

44


CHINA

BACK NEXTJasmine

SONGS

SING

hao yi duo mei li de mo li hua

0:23 1:09

BACK REPLAY

1

2

View trophies

2 minutes

Rewardnotice

Trophypage

45

CHINA USA

ITALY KENYA

1 OF 12 ACHIEVEMENTS

CLOSE

Watch one song in China.

2

46

CHINA USA

ITALY KENYA

1

Infomal testing result

47

Number Of Tester

Fomal testing result

49

Number Of Tester

Add an intro tutorial on Home page.

CHINA USA

ITALY KENYACLOSEDON'T SHOW THIS AGAIN

KazoobleCHINA USA

ITALY KENYA

51

CHINA USA

ITALY KENYACLOSE

Kazooble

USA


?BACK CHINA

LEARNCHINESE MUSIC

PLAYAN INSTRUMENT

SINGA SONG

TAP A BUILDING

COMPOSEA SONG

52


CHINA

CHINA USA

ITALY KENYA

?WORLD MAP

LITTLE VIRTUOSO

CHINA KENYA

USA ITALY

53

CHINA USA

ITALY KENYA

PIPA

Do

Do

Do

Do

Re

Re

Re

Re

Mi

Mi

Mi

Fa

Fa

Fa

Fa

Ti

TiTi

DoReFaTi

?BACK PLAY SONGS

SCORE : 2000:21 | 1:37

TAP A SONG

Do

MeMe Me

Fa

Do

Si

Two Tigers

54

PIPA

Do

Do

Do

Do

Re

Re

Re

Re

Mi

Mi

Mi

Fa

Fa

Fa

Fa

Ti

TiTi

DoReFaTi


So


STOP PLAY PLAY

BACK NEXTROCK

Farmer In The Dell

Grandfather's

Clock

TwoTigers

?BACK INSTRUMENT

TAP AN INSTRUMENT

EASY MEDIUM HARD

PIPA GUJEN ERHU

1

2

55

PLAY PLAY PLAY

1:09 1:09

CHINA USA

ITALY KENYA

1 OF 12 ACHIEVEMENTS

CLOSE

Watch one song in China.

56

BACK REPLAY

57


Conclusion

Kazooble provides children a hassle-free envorimentto learn music fundementals while providing an interactive virtual

tion is fun & interactive for users but also serves as a cultural vresource

59

Work experience

2009 Smart punk inc. Orange county, CA web design assistant

2009 Cal State Fullerton gragic designer internship

2006 Ming Ling, Li Taipei, Taiwan gallery assistant

Award

Academy of Art University 2011 Spring Show1nd Place in “Time based Media” Category

Education

Academy of Art University 2009-2012MFA Web New Media

Cal State FullertonBFA Graphic Design 2004-2009

Resume

60

ChunTao Weng 415-412-5878 [email protected]

cargocollective.com/chuntaoweng

Credit

60

Nielsen q4 2011

http://www.ipad4kids.com/

http://www.ipadtipsntools.com/ipad-for-kids.aspx

http://www.apptvonline.com/blog/making-learning-fun-interactive-ipad-apps-kids

http://www.dariamusic.com/cajon.php

https://itunes.apple.com/us/app/mini-adventures-world-music/id481123520?mt=8

http://www.classicsforkids.com/music/orchestra.asp

http://techinspecialed.com/appymall-directorysitemap/?ref=appyhome

http://wilstar.com/kidmidi.htm

http://www.slideshare.net/rianvisser/creating-an-app

http://www.netmagazine.com/tutorials/create-interactive-street-view-jquery

http://healthland.time.com/2011/10/20/no-screen-time-for-2-year-olds-do-ipad-apps-count/

http://www.apps4kids.net/page/3/?s=music&x=0&y=0

http://www.laurasmidiheaven.com/Kids.shtml

http://www.mamalisa.com

http://en.wikipedia.org/wiki/Main_Page

https://itunes.apple.com/us/app/id483756277

CHINACHINACHINACHINA

ITALY

ITALY

ITALY

ITALY

Kazooble written summary

Documents

visual design

multimedia design

web design programs

web new media

new media field

everyones life

academy of art university

cal state fullerton