3. CONTENT
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
18 F I N A L P R O D U C T
4. 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.
TECHNOLOGY
INTERACTION
ACADEMICS
SPACE
5. 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
6.
7. O V E R V I E W
S T R AT E G Y
G O A L S
3GOTHAM ATIS
ABOUT
Team 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 rocket
launch
space 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 walks
looking back at the earth
astronaut experiments
reentry
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 mission
Encourage interactions to keep user engagement and re-engagement
Provide seamless web usability
Encourage parents, teachers and students to be actively involved in possible learning opportunities that the
whole project may bring
8. 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 imagevideo
today
video
social media feed
pre-launchlaunch
video
image
image
11/15
9. 5GOTHAM ATIS
USERS
D 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 ups
doesn’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 YouTube
likes the websites with interactions
she 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 games
doesn’t use any social networks
highly 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 posters
better at perceiving information visually
thinks that websites should only contain anima-
tions and images
15. 11GOTHAM ATIS
DISCOVERY
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.html
http://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 bases
Cartoons
What’s currently in space?
NASA experiments
Satellites
ISS
Space News
Games
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 created
6. map, always on, shows where exactly satellite is
7. geography stories
16. 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 PA 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
17. 13GOTHAM ATIS
COMPARATIVE
ANALYSIS
During 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.
18. 14 GOTHAM ATIS
PA 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” button
change the sliding window to a scroll bar.
add indication on the spaceship and satellite image, make the game and tracking easier to find.
19. 15GOTHAM ATIS
TESTING
W H O H O W W H Y
U S E R F E E D B A C K F O R PA P E R P R O T O T Y P E
Adults ages 19-40
10 Graduate IDM students
5 College students
3 Parents of children ages 13-15
1 Game designer
1 Teacher
Contextual interview
Remote testing with user feedback
First click testing
Observation
Reduce number of user errors
Increase ease of use
Increase user satisfaction
Identify 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
20. 16 GOTHAM ATIS
most of the users are confused about what kind of information is shown in each stage
10 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 advertisement
1 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 line
change the timeline to vertical for consistency
change the information window to be a universal panel sorted by category
delete the game, if needed, could be displayed in the daily update panel
21. 17GOTHAM ATIS
ITERATIONS
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 time
4 users didn’t realize the timeline is clickable
2 users would like to see the spaceship to rotate or have a bar to indicate the exact date
1 user was very excited about the rocket, it reminded of a game
1 user suggest to delete the sliding window and only display the newest update as well as the gallery
5 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 line
change color of clickable components on time line on mouse move and mouse click
include gallery on every page of the “drama” pop up window
change format of the countdown, add drama and adjust its position according to its importance
improve overall layout
separate tracking and live map window from “drama” windows