ti.connect awesome ux/ui strategy with t-10

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