CONT

ENT

1 T E A M

3 A B O U T

5 U S E R S

7 S I T E M A P

8 W I R E F R A M E

11 D I S C O V E R Y

13 C O M PA R AT I V E A N A LY S I S

14 T E S T I N G

15 I T E R AT I O N S

1 8 F I N A L P R O D U C T

A T I S We are team ATIS and we are the team responsible for the mission part of the Gotham project. This is our presentation of online user experience where we focus on four main events: Pre-Launch, Launch, In Space and Reentry.

TECH

NO

LOG

Y

INTER

AC

TION

AC

AD

EMIC

S

SPAC

E

1

Y U N - H S U A N L I N

Came from Taipei, Taiwan and graduated from National Taiwan Normal University with a major in Computer Science. She is currently studying Integrated Digital Media in New York University.

email: yunhsuantp@gmail.com

I N N A S H E F LYA N D

An Integrated Digital Media (IDM) senior, explores her artistic and professional potential at NYU Polytechnic School of Engineering. She holds bachelor’s degree in Graphic Communication from Baruch College. She is currently working on advertising design for a nonprofit organization.

email: is1306@nyu.edu

GOTHAM ATIS

A K S H AY I Y E R

The guy from Mumbai, did his undergrad in Information Technology from the University of Mumbai. Currently a freshman Grad Student in Integrated Digital Media at the NYU Tandon School of Engineering, he wishes to make it big in the world of Web and Mobile App designing.

email: akshay.iyer@nyu.edu

TEAM

T I A N Y I C H E N

Is from China, she is graduated from the Pennsylvania State University major in Electrical Engineering, focusing on signal and image processing. She is currently a graduate student in NYU Tandon school of Engineering, Integrated Digital Media program.

email: tc2163@nyu.edu

O V E R V I E W

S T R A T E G Y

G O A L S

3GOTHAM ATIS

ABOU

TTeam ATIS is responsible for creating user experience within the mission component of the project. From the launch to the countdown to real time space walk, team ATIS is focusing on creating online experience for middle school kids, teachers and parents. The mission will include the following key events:

setup of the satellite on the rocketlaunchspace station and release

turning on

Based on the needs of the client, the team classified the mission into four categories: Pre-Launch, Launch, In-

Space, and Reentry.

real time space walkslooking back at the earthastronaut experimentsreentry

Starting with brainstorming, the team will develop numerous conceptual ideas. Performing competitive analysis and extensive research will help to narrow down the idea list and identify gaps.Based on sketches and paper prototype, the initial wireframes will be created and tested. User testing will be performed, with minimum of twenty users. Wireframe iterations will be done after each user testing block. Iter-ation will also be changed based on the feedback from clients. Final wireframes will be presented to the client on November 10th, 2015.

Create online user experience, by providing visual aspects of the missionEncourage interactions to keep user engagement and re-engagementProvide seamless web usability Encourage parents, teachers and students to be actively involved in possible learning opportunities that the whole project may bring

4 GOTHAM ATIS

U S E R F L O W S

D A V I D

e n t e r s s i t e a t p r e - l a u n c h s t a g e

mission

drama image

image

image

image

10/20 today

drama news

news

J A K E

e n t e r s s i t e a t l a u n c h s t a g e

mission

drama image

video

image

news

today

drama news

news

pre launch11/01

D A N I E L L E

e n t e r s s i t e a t l a u n c h s t a g e

mission

drama image video

today

video

social media feed

pre-launchlaunch

video

image

image

11/15

5GOTHAM ATIS

USER

SD a n i e l l e

Danielle is a 15 year old 9th grader from LI New York. She is involved in interact (community service) club where she is working with blind people. She likes to watch movies, sing jazz and read books. Her favorite social networks are Facebook and Twitter. Danielle is intrigued by the fact that water was found on Mars and she would like to learn more about possibilities of humans leaving there.

likes to shop online doesn’t like advertisement pop upsdoesn’t understand contemporary art

Jane is a 36 years old middle school science teacher who teaches in a public school for 12 years. She double majored Physics in college and still reading physics magazine every week. Jane has a 17 years old son and a 14 years old daugh-ter. She likes to watch her kids play Xbox. Jane has an iPad and a Macbook air, she uses Face-book, but not very often.

thinks that digital devices and games are great tools for schools worries they may lead to distraction

hates too many words on a page

likes websites that are easy to navigate

Irene is a 11 years old girl. She is in 5th grade and learning more about space in science class recently. She is fascinated by the fact how far the stars end plates are from earth. Irene’s dream is to meet a real life astronaut. She hopes that space travel will be available to public and one day she will be able to go to space.

likes to watch videos on YouTubelikes the websites with interactionsshe is very good at doing online research

D a v i d

I r e n e

J a n e

David is a 40 year old retired police officer. He wanted to become an Air Force Pilot, but was dis-missed from raining due to the injury he received during training. He spend 10 years in US army be-fore he became a police officer. He has a 12 year old son who is interested in technology. He likes to play games and David is on constant lookout for games with educational components.

likes simulation gamesdoesn’t use any social networkshighly organized

J a k e

Jake is a 12 year old middle school student from Brooklyn. In his free time, He spends his free time learning card tricks and hopes that one day he will become a great magician. He is an average student and doesn’t like to participate in extra curriculum activities at school. He has limited access to a computer and his online activities are monitored by his parents.

collects old postersbetter at perceiving information visuallythinks that websites should only contain anima-tions and images

6 GOTHAM ATIS

S I T E M A P F I R S T D R A F T

7GOTHAM ATIS

SITE

MAP S I T E M A P F I N A L

8 GOTHAM ATIS

Drama Image

on click on click

Drama Video

P A G E D E T A I L S

9GOTHAM ATIS

WIR

EFRA

ME

interchangeable drama moments gallery placeholder placed while tracking and live map are unavailable timeline navigation

SPONSORS

10 GOTHAM ATIS

11GOTHAM ATIS

DISC

OVER

Y

B R A I N S T O R M I N G

R E S E A R C H

Idea for the wireframe:http://www.redbullstratos.com/the-mission/mission-timeline/

Video about “How to get a satellite into orbit”https://youtu.be/uQAvEddXH1w

Discussion and inspiration of left menu/ timeline:http://grouek.com/project/news-lion

( other space projects, questions, links, articles, books, website.. etc)http://www.nasa.gov/mission_pages/station/research/experiments_category.htmlhttp://www.nasa.gov/multimedia/nasatv/http://www.n2yo.com/space-station/

*Story line ( we have weather updates and address/flying over)*Media outlets we will use: an App, website, Instagram

Latest trends on what keeps kids interested on day to day basesCartoonsWhat’s currently in space?NASA experimentsSatellitesISSSpace NewsGames

1. story Line (story within the story). 2. daily tasks competition (kids come up with things for astronauts to do)3. “we will fly over your home”, kids enter their address and are notified with a message from above that the satellite is flying over their house. Could be real time or just imaginative. Instagram postings?4. astronauts say hello from space. Addressed to particular kid. Kids submit requests. Instagram or website or App. 5. daily broadcast from space that tells a story about earth and/or space., can be locally created6. map, always on, shows where exactly satellite is7. geography stories

12 GOTHAM ATIS

http://www.redbullstratos.com

https://www.google.com/loon/

G O O G L E P R O J E C T L O O N

F E L I X J U M P M I S S I O N

3 K E R B A L S P A C E P R O G R A M

https://kerbalspaceprogram.com/en/

N E W H O R I Z O N S / N A S A

https://www.nasa.gov/mission_pages/newhorizons/main/index.html

13GOTHAM ATIS

COM

PARA

TIVE

AN

ALYS

ISDuring the research process, we did some brain storming upon various websites and organizations who have conducted a similar projects or research. During this process, we visited a few websites to see how they have been implemented. Our research allowed us to get a better undesrtanding of design, layout and content to be used in our prototype.

14 GOTHAM ATIS

P A P E R P R O T O T Y P E / I N I T I A L W I R E F R A M E S

c h a n g e s m a d e b a s e d o n u s e r t e s t i n g :

add stage indicator that allowed user directly jump to the stage happened before.delete the “Jump to” buttonchange the sliding window to a scroll bar.add indication on the spaceship and satellite image, make the game and tracking easier to find.

15GOTHAM ATIS

TEST

ING

W H O H O W W H Y

U S E R F E E D B A C K F O R P A P E R P R O T O T Y P E

Adults ages 19-4010 Graduate IDM students5 College students3 Parents of children ages 13-151 Game designer1 Teacher

Contextual interviewRemote testing with user feedbackFirst click testingObservation

Reduce number of user errorsIncrease ease of useIncrease user satisfactionIdentify specific errors for iteration

p i t c h e d i d e a s u s e r s l i k e d :

6/10 satellite constructing game 5/10 interactive message(greeting, etc) 9/10 daily update images 1/10 atmosphere information 4/10 nearest star of planet 7/10 daily description of astronauts lives

1/10 avatar’s family videos to space, or video from student 10/10 live tracking, distance from user to satellite

u s e r f e e d b a c k :

the concept of time line is hard to understand (part of reason is the limitation of paper prototype)3 users want to jump from state to stage.2 users think there is to many unnecessary click for the date orientation.all users think game and satellite tracking window are hard to find

16 GOTHAM ATIS

most of the users are confused about what kind of information is shown in each stage10 users were confused about game playing and satellite tracking windows ( are they clickable? )3 users didn’t understand what will happened until they click the placeholder 1 user mentioned that the game is very unnoticeable since it is at the bottom right corner of the screen. He believes this place is usually for unimportant advertisement1 user thinks that the current information window is too complicated, each stage information is displayed in a different format. She expected to see a more universal way among each stage

U S E R F E E D B A C K F O R W I R E F R A M E 1

c h a n g e s m a d e b a s e d o n u s e r t e s t i n g :

improve the format of time linechange the timeline to vertical for consistencychange the information window to be a universal panel sorted by categorydelete the game, if needed, could be displayed in the daily update panel

17GOTHAM ATIS

ITER

ATIO

NS U S E R F E E D B A C K F O R W I R E F R A M E 2

the timeline is great but needs more efficient way to indicate time4 users didn’t realize the timeline is clickable2 users would like to see the spaceship to rotate or have a bar to indicate the exact date1 user was very excited about the rocket, it reminded of a game1 user suggest to delete the sliding window and only display the newest update as well as the gallery5 users ignored the “view gallery” button

c h a n g e s m a d e b a s e d o n u s e r t e s t i n g :

improve the format of time linechange color of clickable components on time line on mouse move and mouse clickinclude gallery on every page of the “drama” pop up windowchange format of the countdown, add drama and adjust its position according to its importanceimprove overall layoutseparate tracking and live map window from “drama” windows

18 GOTHAM ATIS

FINAL

P R E - L A U N C H L A U N C H

19GOTHAM ATIS

PRODUCT

I N S P A C E R E E N T R Y