Embed Size (px)
DESCRIPTION
UX/UI strategy case study of the NASA Space Apps Challenge Winning App at the Connect.js conference in Atlanta.
Citation preview
AWeSOME UX/UI
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer
$ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer
$ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer
$ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer
$ whoami
GOOD UX/UI INVOLVES TEAMWORK
& co-operation
Developer/Designer Divide
Features Vs Delivery
Clear Roles
JOÃO API Developer
KETAN APP Developer
KATE TEAM LEAD
DARIO Designer - UX/UI
@ketan
@spacekate
@jpgneves
@dariolofish
Protoype for astronauts' social engagement with
people on earth
GLOBAL WINNER BEST In CLASS 2013
“Most Inspirational”
SPACE APPS IN NUMBERS
PARTICIPANTS
2,200VIRTUALPARTICIPANTS
Global hackathon
RESEARCH
ASTROMONIAL #1"It sounds like a great idea to me.
I would use it"Ron Garan nasa ASTRONAUT
TIME IN SPACE: 177 days, 23 hours, 54 minutes
ASTROMONIAL #2
"COOL IDEA! A 10-MINUTE ALARM WOULD BE PERFECT"
CHRIS HADFIELD ISS COMMANDERTIME IN SPACE: 166 days
ASTROMONIAL #3"Congrats – great result. Means I shouldn’t ever miss a pic during my mission"
Major Tim Peake ESA ASTRONAUTTIME IN SPACE: Launches 2015,
2013 NASA SPACE APPS PITCH VIDEO
2013 NASA SPACE APPS PITCH VIDEO
THE Solution
the SPACE APP
EARTH or SPACE
ADD A LOCATION
early prototype
early prototype• Time Of Day Buttons
• Simplified weather slider
• Title Explanation
• Min/Max Labels
• Redesigned Icons
• Clearer Button Options
ADD A LOCATION
MULTIPLE LOCATIONS
MULTIPLE LOCATIONS
translating design
MULTIPLE LOCATIONS
translating design
MULTIPLE LOCATIONS
translating design
EARTH or SPACE
EARTH or SPACE
You wish! (But DOn’t We All?)
We think you are in
Change locationSet as default
Logged in as: anonymousPotential free space for data,
eg, current is location, astronaut names on iss. Or some other
news/relevant metadata
Set reminders OFF
Next Visible Pass
Store location and each load needs to check against stored
locatons.
Store count of loads of location screen to know whether to
bypass to ideal screenReminder settings
GPS Lookup / refresh icon
t-10 #ISSWAVE NOTIFICATION
Push notification
to Earth
FLYOVER ALERT
COUNTDOWN
COUNTDOWN
134
EVOLution of THE EARTH APP
T-10 Earth Loads - Earth /Space Screen
Location Setup Screen
First Run/Launch ?
User has run the setup before
App never been run before - setup to use
YesNo
Chosen City List Screen
Device GPS co-ordinates
Device Location Weather conditions
Device Location City name and data
Location and
Weather Lookup
A
Store Local Location Data in Alloy Globals
Scope if from GPS lookup
A
Retrieve Local Location Data in Alloy
Globals Scope
User Accepts Location
Allow Coach marks to be toggled on for
instructions / Guide
Set First Run flag to TRUE if user
completes setup
Allow user to search for the chosen
sending location name
NoYes
Location select screen Accepted GPS co-
ordinates
Accepted Location Weather conditions
Accepted Location City name and data
B
Store Location Data in Permanent Storage
T10 API.
GET & store ISS Pass Data with current Location
First Run Screen
PASSFINDER
PASSFINDER
PASSFINDER
PASSFINDER
PASSFINDER
DEVICE RESOLUTIONhttp://www.paintcodeapp.com/news/ultimate-guide-to-iphone-
resolutions
Android / OmniGraffle / Layout
UX/UI/DEVELOPMENT TOOLS
UX/UI/DEVELOPMENT TOOLS
THE FUTURE of T-10
• Better weather forecast technology
• More Native Features
• Refactor with collection models
• Add unit testing with Mocha
• Implement Android Modules
• Get app into Space!
THANK YOU
THANK YOU
