UX/UI strategy case study of the NASA Space Apps Challenge Winning App at the Connect.js conference in Atlanta.

1. AWeSOME UX/UI

2. $ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer

3. $ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer

4. $ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer

5. $ whoami
@ketan
Ketan Majmudar Titan / Meetup Organiser / Developer

7. GOOD UX/UI
INVOLVES TEAMWORK
& co-operation

8. Developer/Designer Divide

9. Features Vs Delivery

10. Clear Roles

11. JOÃO API Developer
KETAN APP Developer
KATE TEAM LEAD
DARIO Designer - UX/UI
@ketan
@spacekate
@jpgneves
@dariolofish

12. Protoype for astronauts'
social engagement with
people on earth

13. GLOBAL WINNER
BEST In CLASS 2013
“Most Inspirational”

14. SPACE APPS IN NUMBERS
PARTICIPANTS
2,200
VIRTUAL
PARTICIPANTS
Global hackathon

15. RESEARCH

16. 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

17. ASTROMONIAL #2
"COOL IDEA! A 10-MINUTE
ALARM WOULD BE PERFECT"
CHRIS HADFIELD ISS COMMANDER
TIME IN SPACE: 166 days

18. ASTROMONIAL #3
"Congrats – great result.
Means I shouldn’t ever miss
a pic during my mission"
Major Tim Peake ESA ASTRONAUT
TIME IN SPACE: Launches 2015,

19. 2013 NASA SPACE APPS PITCH VIDEO

20. 2013 NASA SPACE APPS PITCH VIDEO

21. THE Solution

22. the SPACE APP

23. EARTH or SPACE

24. ADD A LOCATION

25. early prototype

26. early prototype
• Time Of Day Buttons
• Simplified weather slider
• Title Explanation
• Min/Max Labels
• Redesigned Icons
• Clearer Button Options

27. ADD A LOCATION

28. MULTIPLE LOCATIONS

29. MULTIPLE LOCATIONS
translating design

30. MULTIPLE LOCATIONS
translating design

31. MULTIPLE LOCATIONS
translating design

32. EARTH or SPACE

33. You wish! (But DOn’t We All?)
EARTH or SPACE

35. We think you are in
Set as default Change location
Logged in as: anonymous
GPS Lookup / refresh icon
Potential 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 screen Reminder settings

39. t-10 #ISSWAVE NOTIFICATION

40. Push notification
to Earth

41. FLYOVER ALERT

42. COUNTDOWN

43. COUNTDOWN
134

44. EVOLution of THE EARTH APP

45. 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
No Yes
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
Yes No
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

46. PASSFINDER

47. PASSFINDER

48. PASSFINDER

49. PASSFINDER

50. PASSFINDER

58. DEVICE RESOLUTION
http://www.paintcodeapp.com/
news/ultimate-guide-to-iphone-resolutions
Android / OmniGraffle / Layout

60. UX/UI/DEVELOPMENT TOOLS

61. UX/UI/DEVELOPMENT TOOLS

62. THE FUTURE of T-10

63. • Better weather forecast technology
• More Native Features
• Refactor with collection models
• Add unit testing with Mocha
• Implement Android Modules
• Get app into Space!

65. THANK YOU

66. THANK YOU