SlideShare a Scribd company logo
Uber ATC
Design Exercise
Airport Arrivals Flow
Zaid Haque, www.zaidhaque.com
Watch screen transitions on https://dl.dropboxusercontent.com/u/
4512128/20161027%20Design%20Exercise%20Prototype%20Video.m4v
Uber ATC Design Challenge - Airport Arrivals Flow
Outline • Project + Considerations
• Design Process
• Exploration
• Prototype
2
Uber ATC Design Challenge - Airport Arrivals Flow
TL;DR
I created an interaction flow for the
arrivals process for an airport app.
The app works with a process flow
logic - each step in the travel flow
is a ‘card’. Passengers would be able
to scroll through all cards to
understand the process for going
through the airport.
3
Uber ATC Design Challenge - Airport Arrivals Flow
Exercise
Details
This project took me 8 hours to
complete: 1 hour conceptualizing,
4 hours designing prototype+UI,
1 hour making interactions and 2
hours on documenting.
Software used:
UI: Illustrator + Sketch + XD
Interactions: Keynote
4
Uber ATC Design Challenge - Airport Arrivals Flow
Full
Disclosure
I worked in airport management (at Qatar Airways) as an Interaction
Designer for 3 years. I personally feel that airports should not have
their own apps because the relevant information they provide should
already be accessible enough in the airport facility to not warrant a
need to take out a cell phone for said information. A passenger
should not need to download yet another app for an airport, until
either (1) there is a unified airport/travel app that has information on
all airports, or (2) it has a killer feature like the ability to check you
into your flight using iBeacons/micro-location sensing tech when you
enter the facility, which would only be possible if airlines collaborated
with airports - which has not happened because of legal implications
for data sharing.
Baggage Information - technology exists to allow us to determine
where a particular bag is in the baggage handling system (e.g.
whether it is in the plane, has gone past border security scanners,
etc.) but there is no plan to share this info with passengers for
security reasons. If a dangerous passenger with a bomb knows where
his bag is in the terminal, it could lead to dangerous consequences.
5
Uber ATC Design Challenge - Airport Arrivals Flow
Project +
Considerations
6
Uber ATC Design Challenge - Airport Arrivals Flow
Introduction
Uber recently released a
whitepaper about a blue-
sky future where we
would be able to be
transported by air, on-
demand. Although that
may not be the intent of
this design challenge - for
this exercise I have made
a fictional “Uber Elevate”
app - which could
potentially be a universal
airport app.
7
Elevate
Uber ATC Design Challenge - Airport Arrivals Flow
Types of Passengers
First and foremost, we have
to understand which types
of passengers would be
going through the arrival
flow in the app. Then we
need to narrow down to
passengers that would need
to use the specific feature.
8
Pittsburgh
International
AirportTerminal Departing
Arriving Transit
Arriving Domestic
Arriving International
Terminal Arriving
Departing Domestic
Departing International
AIRSIDE
LANDSIDE
Uber ATC Design Challenge - Airport Arrivals Flow
Types of Passengers
First and foremost, we have
to understand which types
of passengers would be
going through the arrival
flow in the app. Then we
need to narrow down to
passengers that would need
to use the specific feature.
This Interaction Flow needs
to target passengers who
may need to pick up bags
in PGH
9
Pittsburgh
International
AirportTerminal Departing
Arriving Transit
Arriving Domestic
Arriving International
Terminal Arriving
Departing Domestic
Departing International
AIRSIDE
LANDSIDE
Uber ATC Design Challenge - Airport Arrivals Flow
Hierarchy of Needs
Throughout the airport
experience, we would need
to understand what our
passengers’s priorities are.
It goes without saying that
the main priority is to
travel, but as frequent
travelers we understand
other needs as well. The
app should reflect an
understanding of these
needs.
10
Travel!
Depart/Arrive, and all associated
steps/touchpoints (e.g. check-in, baggage etc)
Routine needs
Restrooms, children’s rooms,
other such facilities/amenities
Food
Cafes + Restaurants
Entertainment
Shopping/Exploring
Uber ATC Design Challenge - Airport Arrivals Flow
Passengers are stressed
Passengers are generally
stressed about being late for
a flight, or confused by the
information overload around
them. Given that an airport
facility caters to many
thousands of individuals per
day, there will surely be
information overload. This
app is an opportunity to
reduce the information to
show what’s relevant to the
individual, rather than cater
to all passengers.
11
Uber ATC Design Challenge - Airport Arrivals Flow
Passengers are busy
Apart from passengers’
minds being busy, their
hands are also busy. They
are generally carrying
bags and may only have
one hand free. We need
to minimize taps and
minimize engagement in
general - the faster we
can pass information to
the passenger, the more
successful the app would
be.
12
Uber ATC Design Challenge - Airport Arrivals Flow
Exploration The first step involved looking at
a couple of different concepts
and trying to see which ones
would fit best with the
considerations listed on the
previous slides.
13
Uber ATC Design Challenge - Airport Arrivals Flow
5 Design Concepts
I started with 5 ideas on
how to communicate
baggage information to
passengers. The next slides
explains each in more
detail.
14
Uber ATC Design Challenge - Airport Arrivals Flow
AR Directions
What if you were able to pick
up your phone and point it
around to see which direction
to go in?
While this seems to be an idea
AR enthusiast dub to be great
for wayfinding, it would not
fair well in an airport. Apart
from requiring too much
engagement (passenger needs
to carry it around in hand) - it
could be considered a security
threat to be carrying a camera
phone around in that manner.
Hardware deficiencies may also
limit the success of such a
product.
15
Uber ATC Design Challenge - Airport Arrivals Flow
Airport Maps
Providing a nice looking map
of the airport to help
passengers with directions.
Maps of new places can be
difficult to understand for
everyone - and chances are
for something as simple as
‘baggage claim’ there would
be enough signs in the airport
and enough people walking in
the same direction for a
passenger to experience less
cognitive load by simply
following the crowd.
16
Uber ATC Design Challenge - Airport Arrivals Flow
Walk times only
The other option is to go
minimal and remove
directionality information
completely.
Although an app like this
could provide all the basic
information a passenger would
need, it wouldn’t warrant
enough reason to take one’s
phone out of the pocket just
to look at this information.
17
Uber ATC Design Challenge - Airport Arrivals Flow
Complete Status
On the other hand, we could
provide our passengers with
all information pertaining to
their bags.
This would be on the other
end of the spectrum - and
may be too much information
that the passenger does not
need. Could be a secondary
function - after pressing a
‘more information’ button. 

However airports are not
authorized to provide too
much detail on these things
for security reasons (see
disclosure p. 5).
18
Uber ATC Design Challenge - Airport Arrivals Flow
Process Flow
What if baggage information
could be a ‘card’ on a page
which has multiple cards
depending on the passenger
information?
If this app showed one screen
which contained the
individuals’ complete itinerary,
including all the touch points
in the passenger journey, it
could possibly both provide a
low cognitive load, but also
enough relevant information
on one page for the user to
understand the entire journey
with a glance.
19
Uber ATC Design Challenge - Airport Arrivals Flow
Final design
I explored the idea of using
cards to showcase touchpoints
in the passenger flow. Each
card would have information
about a certain point, and
could be expanded to show
more details if required. The
idea was that if the passenger
is only interested in getting
from A to B, all the
information is on one screen.
20
Uber ATC Design Challenge - Airport Arrivals Flow
Prototype Created in a combination of
Illustrator, Sketch and Adobe XD.
Whereas the final designs were
produced in XD, some elements
were easily manipulated in
Illustrator/Sketch instead.
Transitions done in Keynote.
Watch interaction video here
21
Uber ATC Design Challenge - Airport Arrivals Flow
Notification
The app starts off with a
notification. For most
people, this would be
enough information so
there would be no need to
proceed. Opening the app
reveals more information.
22
Uber ATC Design Challenge - Airport Arrivals Flow
Splash Screen
App branding + possibility
of displaying a personalized
welcome message for
airport.
23
Uber ATC Design Challenge - Airport Arrivals Flow
Home Screen
Shows information on the
passenger’s flight, as well as
all relevant touchpoints. Since
we are currently looking at a
domestic arrivals passenger,
the only information showed
is baggage info and exit info.
Exit info provides options to
ride with uber, get a rental or
choose public transit as well.
Baggage info provides
minimum relevant detail, but
can be tapped to show more.
24
Uber ATC Design Challenge - Airport Arrivals Flow
Expanded view
Upon clicking on the
Baggage card, it is
expanded to show more
information
25
Uber ATC Design Challenge - Airport Arrivals Flow
Home Screen
Upon clicking again, map
and extra information hides
again.
26
Uber ATC Design Challenge - Airport Arrivals Flow
At Carousel
Once passenger is at
carousel, relevant
information changes to
show ‘wait time’ instead of
‘walk time’.
27
Uber ATC Design Challenge - Airport Arrivals Flow
At Carousel
After wait time is over
and bags are on carousel,
status changes to display
“Bags on Carousel”
28
Uber ATC Design Challenge - Airport Arrivals Flow
At Carousel
Once the last bag is on
the carousel, there is a
possibility that the
passenger’s bag did not
turn up. They can press
the ‘information’ button
to file a missing bag
report.
29
Uber ATC Design Challenge - Airport Arrivals Flow
At Carousel
Once the last bag is on
the carousel, there is a
possibility that the
passenger’s bag did not
turn up. They can press
the ‘information’ button
to file a missing bag
report.
30
Uber ATC Design Challenge - Airport Arrivals Flow
At Carousel
Once the last bag is on
the carousel, there is a
possibility that the
passenger’s bag did not
turn up. They can press
the ‘information’ button
to file a missing bag
report.
31
Uber ATC Design Challenge - Airport Arrivals Flow
At Exit
Once the baggage process
is over, the baggage
information is no long
shown on the screen. Now
the passenger has the
ability to access exit
information only.
32
Uber ATC Design Challenge - Airport Arrivals Flow
Alternative screens
Based on the passenger
profile, the initial screen
could show different
information. Shown here
are screens for Transiting
passengers (left) and
international arriving
passengers (right).
33
Uber ATC Design Challenge - Airport Arrivals Flow
Alternative screens
Based on the passenger
profile, the initial screen
could show different
information. Shown here
are screens for Transiting
passengers (left) and
international arriving
passengers (right).
34
Uber ATC Design Challenge - Airport Arrivals Flow 35
Overview
Uber ATC
Design Exercise
Airport Arrivals Flow
Zaid Haque, www.zaidhaque.com

More Related Content

What's hot

#Code: The Programmed Revolution
#Code: The Programmed Revolution #Code: The Programmed Revolution
#Code: The Programmed Revolution
Fabernovel
 
Just Add Reality: Managing Logistics with the Uber Developer Platform
Just Add Reality: Managing Logistics with the Uber Developer PlatformJust Add Reality: Managing Logistics with the Uber Developer Platform
Just Add Reality: Managing Logistics with the Uber Developer Platform
Apigee | Google Cloud
 
Veronika Demedetska. Robot Simulation from Scratch
Veronika Demedetska. Robot Simulation from ScratchVeronika Demedetska. Robot Simulation from Scratch
Veronika Demedetska. Robot Simulation from Scratch
IT Arena
 
Portfolio
PortfolioPortfolio
Portfolio
Edmond C
 
Uber a modern age business strategy
Uber   a modern age business strategyUber   a modern age business strategy
Uber a modern age business strategy
Dhruvajyoti Roy
 
Collaborative Robots 101: The Anatomy of a Cobot
Collaborative Robots 101: The Anatomy of a CobotCollaborative Robots 101: The Anatomy of a Cobot
Collaborative Robots 101: The Anatomy of a Cobot
SICK Inc
 
Uber for india
Uber for indiaUber for india
Uber for india
Tannistho Ghosh
 
Uber taxi
Uber taxiUber taxi
Uber taxi
Farhan Bajwa
 
Ride sharing app like Uber (Taxi Booking App)
Ride sharing app like Uber (Taxi Booking App)Ride sharing app like Uber (Taxi Booking App)
Ride sharing app like Uber (Taxi Booking App)
Techcronus Business Solutions Pvt. Ltd.
 
Innovation in aviation
Innovation in aviationInnovation in aviation
Innovation in aviation
Seymourpowell
 
UX in Asia - Japan [UXHK2012 Presentation]
UX in Asia - Japan [UXHK2012 Presentation]UX in Asia - Japan [UXHK2012 Presentation]
UX in Asia - Japan [UXHK2012 Presentation]
osaka_n
 
Taxi Driver Oep
Taxi Driver OepTaxi Driver Oep
Taxi Driver Oep
chris-rock
 
Why Mobile Is The Future Of Customer Engagement
Why Mobile Is The Future Of Customer EngagementWhy Mobile Is The Future Of Customer Engagement
Why Mobile Is The Future Of Customer Engagement
candylabs
 

What's hot (13)

#Code: The Programmed Revolution
#Code: The Programmed Revolution #Code: The Programmed Revolution
#Code: The Programmed Revolution
 
Just Add Reality: Managing Logistics with the Uber Developer Platform
Just Add Reality: Managing Logistics with the Uber Developer PlatformJust Add Reality: Managing Logistics with the Uber Developer Platform
Just Add Reality: Managing Logistics with the Uber Developer Platform
 
Veronika Demedetska. Robot Simulation from Scratch
Veronika Demedetska. Robot Simulation from ScratchVeronika Demedetska. Robot Simulation from Scratch
Veronika Demedetska. Robot Simulation from Scratch
 
Portfolio
PortfolioPortfolio
Portfolio
 
Uber a modern age business strategy
Uber   a modern age business strategyUber   a modern age business strategy
Uber a modern age business strategy
 
Collaborative Robots 101: The Anatomy of a Cobot
Collaborative Robots 101: The Anatomy of a CobotCollaborative Robots 101: The Anatomy of a Cobot
Collaborative Robots 101: The Anatomy of a Cobot
 
Uber for india
Uber for indiaUber for india
Uber for india
 
Uber taxi
Uber taxiUber taxi
Uber taxi
 
Ride sharing app like Uber (Taxi Booking App)
Ride sharing app like Uber (Taxi Booking App)Ride sharing app like Uber (Taxi Booking App)
Ride sharing app like Uber (Taxi Booking App)
 
Innovation in aviation
Innovation in aviationInnovation in aviation
Innovation in aviation
 
UX in Asia - Japan [UXHK2012 Presentation]
UX in Asia - Japan [UXHK2012 Presentation]UX in Asia - Japan [UXHK2012 Presentation]
UX in Asia - Japan [UXHK2012 Presentation]
 
Taxi Driver Oep
Taxi Driver OepTaxi Driver Oep
Taxi Driver Oep
 
Why Mobile Is The Future Of Customer Engagement
Why Mobile Is The Future Of Customer EngagementWhy Mobile Is The Future Of Customer Engagement
Why Mobile Is The Future Of Customer Engagement
 

Similar to UberELEVATE Design Exercise

industrial
industrialindustrial
industrial
mohammad shahzeb
 
How Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
How Much Does It Cost To Develop An Uber-Style App? - AppsDevProHow Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
How Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
SofiaCarter4
 
The Airport of the Future
The Airport of the FutureThe Airport of the Future
The Airport of the Future
Dimitris Bountolos
 
Tis individual assignment miami airport app
Tis individual assignment miami airport appTis individual assignment miami airport app
Tis individual assignment miami airport app
annies7
 
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
SITA
 
Navigine proposal for airports
Navigine proposal for airportsNavigine proposal for airports
Navigine proposal for airports
Oleg Demidov
 
Where can I find a taxi application developer_.pdf
Where can I find a taxi application developer_.pdfWhere can I find a taxi application developer_.pdf
Where can I find a taxi application developer_.pdf
Riya Sai
 
ROAR Augmented Reality Platform for Airlines and Airports
ROAR Augmented Reality Platform for Airlines and AirportsROAR Augmented Reality Platform for Airlines and Airports
ROAR Augmented Reality Platform for Airlines and Airports
ROAR Augmented Reality
 
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
Vrinsoft Technology
 
Template Hack&Fly Amsterdam
Template Hack&Fly AmsterdamTemplate Hack&Fly Amsterdam
Template Hack&Fly Amsterdam
Miguel van Bodegom
 
Bench mark research
Bench mark research Bench mark research
Bench mark research
NicholasHaworth
 
How airlines can use beacons to enhance travel
How airlines can use beacons to enhance travelHow airlines can use beacons to enhance travel
How airlines can use beacons to enhance travel
Beaconstac
 
Brussels Airlines case study - Belgian Usability Day
Brussels Airlines case study - Belgian Usability DayBrussels Airlines case study - Belgian Usability Day
Brussels Airlines case study - Belgian Usability Day
guestdb7161
 
Easytravel
EasytravelEasytravel
HERE Mobility SDK Tutorial
HERE Mobility SDK TutorialHERE Mobility SDK Tutorial
HERE Mobility SDK Tutorial
HERE Mobility
 
Stress-free airports: dream in the making?
Stress-free airports: dream in the making?Stress-free airports: dream in the making?
Stress-free airports: dream in the making?
Comtrade, Voyego Division
 
Deployment of Beacon Technology in Aviation by Leantegra
Deployment of Beacon Technology in Aviation by LeantegraDeployment of Beacon Technology in Aviation by Leantegra
Deployment of Beacon Technology in Aviation by Leantegra
Olga Rusnak
 
Uber Clone App Development - Unicotaxi .
Uber Clone App Development - Unicotaxi  .Uber Clone App Development - Unicotaxi  .
Uber Clone App Development - Unicotaxi .
unico del
 
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
AugmentedWorldExpo
 
final year project document for demo so student can understand the format
final year project document for demo so student can understand the formatfinal year project document for demo so student can understand the format
final year project document for demo so student can understand the format
B68Falgunishrimali
 

Similar to UberELEVATE Design Exercise (20)

industrial
industrialindustrial
industrial
 
How Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
How Much Does It Cost To Develop An Uber-Style App? - AppsDevProHow Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
How Much Does It Cost To Develop An Uber-Style App? - AppsDevPro
 
The Airport of the Future
The Airport of the FutureThe Airport of the Future
The Airport of the Future
 
Tis individual assignment miami airport app
Tis individual assignment miami airport appTis individual assignment miami airport app
Tis individual assignment miami airport app
 
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
Enhancing the Day of Travel Experience…a “Universal Data Service” for the ATI...
 
Navigine proposal for airports
Navigine proposal for airportsNavigine proposal for airports
Navigine proposal for airports
 
Where can I find a taxi application developer_.pdf
Where can I find a taxi application developer_.pdfWhere can I find a taxi application developer_.pdf
Where can I find a taxi application developer_.pdf
 
ROAR Augmented Reality Platform for Airlines and Airports
ROAR Augmented Reality Platform for Airlines and AirportsROAR Augmented Reality Platform for Airlines and Airports
ROAR Augmented Reality Platform for Airlines and Airports
 
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
Why Should You Develop A Transportation App Like Uber To Amp Up Your Business...
 
Template Hack&Fly Amsterdam
Template Hack&Fly AmsterdamTemplate Hack&Fly Amsterdam
Template Hack&Fly Amsterdam
 
Bench mark research
Bench mark research Bench mark research
Bench mark research
 
How airlines can use beacons to enhance travel
How airlines can use beacons to enhance travelHow airlines can use beacons to enhance travel
How airlines can use beacons to enhance travel
 
Brussels Airlines case study - Belgian Usability Day
Brussels Airlines case study - Belgian Usability DayBrussels Airlines case study - Belgian Usability Day
Brussels Airlines case study - Belgian Usability Day
 
Easytravel
EasytravelEasytravel
Easytravel
 
HERE Mobility SDK Tutorial
HERE Mobility SDK TutorialHERE Mobility SDK Tutorial
HERE Mobility SDK Tutorial
 
Stress-free airports: dream in the making?
Stress-free airports: dream in the making?Stress-free airports: dream in the making?
Stress-free airports: dream in the making?
 
Deployment of Beacon Technology in Aviation by Leantegra
Deployment of Beacon Technology in Aviation by LeantegraDeployment of Beacon Technology in Aviation by Leantegra
Deployment of Beacon Technology in Aviation by Leantegra
 
Uber Clone App Development - Unicotaxi .
Uber Clone App Development - Unicotaxi  .Uber Clone App Development - Unicotaxi  .
Uber Clone App Development - Unicotaxi .
 
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
Clemens Kirner (CEO, innovation.rocks), Andreas Ladich (Vienna Airport) Vienn...
 
final year project document for demo so student can understand the format
final year project document for demo so student can understand the formatfinal year project document for demo so student can understand the format
final year project document for demo so student can understand the format
 

More from Zaid Haque

Paper & Digital Prototyping and Validation, European Innovation Academy 2018
Paper & Digital Prototyping and Validation, European Innovation Academy 2018Paper & Digital Prototyping and Validation, European Innovation Academy 2018
Paper & Digital Prototyping and Validation, European Innovation Academy 2018
Zaid Haque
 
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
Zaid Haque
 
Symbiote Pitch 1 20170224
Symbiote Pitch 1 20170224Symbiote Pitch 1 20170224
Symbiote Pitch 1 20170224
Zaid Haque
 
Shape MENA 2014 Conference Branding
Shape MENA 2014 Conference BrandingShape MENA 2014 Conference Branding
Shape MENA 2014 Conference Branding
Zaid Haque
 
Flight Information Display System Case Study - Doha International Airport
Flight Information Display System Case Study - Doha International AirportFlight Information Display System Case Study - Doha International Airport
Flight Information Display System Case Study - Doha International Airport
Zaid Haque
 
Design Workshop II @ Cornell Tech
Design Workshop II @ Cornell TechDesign Workshop II @ Cornell Tech
Design Workshop II @ Cornell Tech
Zaid Haque
 
Design Workshop I @ Cornell Tech
Design Workshop I @ Cornell TechDesign Workshop I @ Cornell Tech
Design Workshop I @ Cornell Tech
Zaid Haque
 
Hackathon 2015 - Infographics
Hackathon 2015 - InfographicsHackathon 2015 - Infographics
Hackathon 2015 - Infographics
Zaid Haque
 
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Zaid Haque
 
Project Management for Hackathon, CMU-Q
Project Management for Hackathon, CMU-QProject Management for Hackathon, CMU-Q
Project Management for Hackathon, CMU-Q
Zaid Haque
 
Corporate Pick-up Lines
Corporate Pick-up LinesCorporate Pick-up Lines
Corporate Pick-up Lines
Zaid Haque
 
Public Speaking I - Starting to speak
Public Speaking I - Starting to speakPublic Speaking I - Starting to speak
Public Speaking I - Starting to speak
Zaid Haque
 
Personal Branding I - What is Branding?
Personal Branding I - What is Branding?Personal Branding I - What is Branding?
Personal Branding I - What is Branding?
Zaid Haque
 

More from Zaid Haque (13)

Paper & Digital Prototyping and Validation, European Innovation Academy 2018
Paper & Digital Prototyping and Validation, European Innovation Academy 2018Paper & Digital Prototyping and Validation, European Innovation Academy 2018
Paper & Digital Prototyping and Validation, European Innovation Academy 2018
 
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
Symbiote Systems - Final Pitch Take Home Slides May 9th 2017
 
Symbiote Pitch 1 20170224
Symbiote Pitch 1 20170224Symbiote Pitch 1 20170224
Symbiote Pitch 1 20170224
 
Shape MENA 2014 Conference Branding
Shape MENA 2014 Conference BrandingShape MENA 2014 Conference Branding
Shape MENA 2014 Conference Branding
 
Flight Information Display System Case Study - Doha International Airport
Flight Information Display System Case Study - Doha International AirportFlight Information Display System Case Study - Doha International Airport
Flight Information Display System Case Study - Doha International Airport
 
Design Workshop II @ Cornell Tech
Design Workshop II @ Cornell TechDesign Workshop II @ Cornell Tech
Design Workshop II @ Cornell Tech
 
Design Workshop I @ Cornell Tech
Design Workshop I @ Cornell TechDesign Workshop I @ Cornell Tech
Design Workshop I @ Cornell Tech
 
Hackathon 2015 - Infographics
Hackathon 2015 - InfographicsHackathon 2015 - Infographics
Hackathon 2015 - Infographics
 
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
 
Project Management for Hackathon, CMU-Q
Project Management for Hackathon, CMU-QProject Management for Hackathon, CMU-Q
Project Management for Hackathon, CMU-Q
 
Corporate Pick-up Lines
Corporate Pick-up LinesCorporate Pick-up Lines
Corporate Pick-up Lines
 
Public Speaking I - Starting to speak
Public Speaking I - Starting to speakPublic Speaking I - Starting to speak
Public Speaking I - Starting to speak
 
Personal Branding I - What is Branding?
Personal Branding I - What is Branding?Personal Branding I - What is Branding?
Personal Branding I - What is Branding?
 

Recently uploaded

Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
RashmitaSwain3
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
ijk38lw
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 

Recently uploaded (20)

Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 

UberELEVATE Design Exercise

  • 1. Uber ATC Design Exercise Airport Arrivals Flow Zaid Haque, www.zaidhaque.com Watch screen transitions on https://dl.dropboxusercontent.com/u/ 4512128/20161027%20Design%20Exercise%20Prototype%20Video.m4v
  • 2. Uber ATC Design Challenge - Airport Arrivals Flow Outline • Project + Considerations • Design Process • Exploration • Prototype 2
  • 3. Uber ATC Design Challenge - Airport Arrivals Flow TL;DR I created an interaction flow for the arrivals process for an airport app. The app works with a process flow logic - each step in the travel flow is a ‘card’. Passengers would be able to scroll through all cards to understand the process for going through the airport. 3
  • 4. Uber ATC Design Challenge - Airport Arrivals Flow Exercise Details This project took me 8 hours to complete: 1 hour conceptualizing, 4 hours designing prototype+UI, 1 hour making interactions and 2 hours on documenting. Software used: UI: Illustrator + Sketch + XD Interactions: Keynote 4
  • 5. Uber ATC Design Challenge - Airport Arrivals Flow Full Disclosure I worked in airport management (at Qatar Airways) as an Interaction Designer for 3 years. I personally feel that airports should not have their own apps because the relevant information they provide should already be accessible enough in the airport facility to not warrant a need to take out a cell phone for said information. A passenger should not need to download yet another app for an airport, until either (1) there is a unified airport/travel app that has information on all airports, or (2) it has a killer feature like the ability to check you into your flight using iBeacons/micro-location sensing tech when you enter the facility, which would only be possible if airlines collaborated with airports - which has not happened because of legal implications for data sharing. Baggage Information - technology exists to allow us to determine where a particular bag is in the baggage handling system (e.g. whether it is in the plane, has gone past border security scanners, etc.) but there is no plan to share this info with passengers for security reasons. If a dangerous passenger with a bomb knows where his bag is in the terminal, it could lead to dangerous consequences. 5
  • 6. Uber ATC Design Challenge - Airport Arrivals Flow Project + Considerations 6
  • 7. Uber ATC Design Challenge - Airport Arrivals Flow Introduction Uber recently released a whitepaper about a blue- sky future where we would be able to be transported by air, on- demand. Although that may not be the intent of this design challenge - for this exercise I have made a fictional “Uber Elevate” app - which could potentially be a universal airport app. 7 Elevate
  • 8. Uber ATC Design Challenge - Airport Arrivals Flow Types of Passengers First and foremost, we have to understand which types of passengers would be going through the arrival flow in the app. Then we need to narrow down to passengers that would need to use the specific feature. 8 Pittsburgh International AirportTerminal Departing Arriving Transit Arriving Domestic Arriving International Terminal Arriving Departing Domestic Departing International AIRSIDE LANDSIDE
  • 9. Uber ATC Design Challenge - Airport Arrivals Flow Types of Passengers First and foremost, we have to understand which types of passengers would be going through the arrival flow in the app. Then we need to narrow down to passengers that would need to use the specific feature. This Interaction Flow needs to target passengers who may need to pick up bags in PGH 9 Pittsburgh International AirportTerminal Departing Arriving Transit Arriving Domestic Arriving International Terminal Arriving Departing Domestic Departing International AIRSIDE LANDSIDE
  • 10. Uber ATC Design Challenge - Airport Arrivals Flow Hierarchy of Needs Throughout the airport experience, we would need to understand what our passengers’s priorities are. It goes without saying that the main priority is to travel, but as frequent travelers we understand other needs as well. The app should reflect an understanding of these needs. 10 Travel! Depart/Arrive, and all associated steps/touchpoints (e.g. check-in, baggage etc) Routine needs Restrooms, children’s rooms, other such facilities/amenities Food Cafes + Restaurants Entertainment Shopping/Exploring
  • 11. Uber ATC Design Challenge - Airport Arrivals Flow Passengers are stressed Passengers are generally stressed about being late for a flight, or confused by the information overload around them. Given that an airport facility caters to many thousands of individuals per day, there will surely be information overload. This app is an opportunity to reduce the information to show what’s relevant to the individual, rather than cater to all passengers. 11
  • 12. Uber ATC Design Challenge - Airport Arrivals Flow Passengers are busy Apart from passengers’ minds being busy, their hands are also busy. They are generally carrying bags and may only have one hand free. We need to minimize taps and minimize engagement in general - the faster we can pass information to the passenger, the more successful the app would be. 12
  • 13. Uber ATC Design Challenge - Airport Arrivals Flow Exploration The first step involved looking at a couple of different concepts and trying to see which ones would fit best with the considerations listed on the previous slides. 13
  • 14. Uber ATC Design Challenge - Airport Arrivals Flow 5 Design Concepts I started with 5 ideas on how to communicate baggage information to passengers. The next slides explains each in more detail. 14
  • 15. Uber ATC Design Challenge - Airport Arrivals Flow AR Directions What if you were able to pick up your phone and point it around to see which direction to go in? While this seems to be an idea AR enthusiast dub to be great for wayfinding, it would not fair well in an airport. Apart from requiring too much engagement (passenger needs to carry it around in hand) - it could be considered a security threat to be carrying a camera phone around in that manner. Hardware deficiencies may also limit the success of such a product. 15
  • 16. Uber ATC Design Challenge - Airport Arrivals Flow Airport Maps Providing a nice looking map of the airport to help passengers with directions. Maps of new places can be difficult to understand for everyone - and chances are for something as simple as ‘baggage claim’ there would be enough signs in the airport and enough people walking in the same direction for a passenger to experience less cognitive load by simply following the crowd. 16
  • 17. Uber ATC Design Challenge - Airport Arrivals Flow Walk times only The other option is to go minimal and remove directionality information completely. Although an app like this could provide all the basic information a passenger would need, it wouldn’t warrant enough reason to take one’s phone out of the pocket just to look at this information. 17
  • 18. Uber ATC Design Challenge - Airport Arrivals Flow Complete Status On the other hand, we could provide our passengers with all information pertaining to their bags. This would be on the other end of the spectrum - and may be too much information that the passenger does not need. Could be a secondary function - after pressing a ‘more information’ button. 
 However airports are not authorized to provide too much detail on these things for security reasons (see disclosure p. 5). 18
  • 19. Uber ATC Design Challenge - Airport Arrivals Flow Process Flow What if baggage information could be a ‘card’ on a page which has multiple cards depending on the passenger information? If this app showed one screen which contained the individuals’ complete itinerary, including all the touch points in the passenger journey, it could possibly both provide a low cognitive load, but also enough relevant information on one page for the user to understand the entire journey with a glance. 19
  • 20. Uber ATC Design Challenge - Airport Arrivals Flow Final design I explored the idea of using cards to showcase touchpoints in the passenger flow. Each card would have information about a certain point, and could be expanded to show more details if required. The idea was that if the passenger is only interested in getting from A to B, all the information is on one screen. 20
  • 21. Uber ATC Design Challenge - Airport Arrivals Flow Prototype Created in a combination of Illustrator, Sketch and Adobe XD. Whereas the final designs were produced in XD, some elements were easily manipulated in Illustrator/Sketch instead. Transitions done in Keynote. Watch interaction video here 21
  • 22. Uber ATC Design Challenge - Airport Arrivals Flow Notification The app starts off with a notification. For most people, this would be enough information so there would be no need to proceed. Opening the app reveals more information. 22
  • 23. Uber ATC Design Challenge - Airport Arrivals Flow Splash Screen App branding + possibility of displaying a personalized welcome message for airport. 23
  • 24. Uber ATC Design Challenge - Airport Arrivals Flow Home Screen Shows information on the passenger’s flight, as well as all relevant touchpoints. Since we are currently looking at a domestic arrivals passenger, the only information showed is baggage info and exit info. Exit info provides options to ride with uber, get a rental or choose public transit as well. Baggage info provides minimum relevant detail, but can be tapped to show more. 24
  • 25. Uber ATC Design Challenge - Airport Arrivals Flow Expanded view Upon clicking on the Baggage card, it is expanded to show more information 25
  • 26. Uber ATC Design Challenge - Airport Arrivals Flow Home Screen Upon clicking again, map and extra information hides again. 26
  • 27. Uber ATC Design Challenge - Airport Arrivals Flow At Carousel Once passenger is at carousel, relevant information changes to show ‘wait time’ instead of ‘walk time’. 27
  • 28. Uber ATC Design Challenge - Airport Arrivals Flow At Carousel After wait time is over and bags are on carousel, status changes to display “Bags on Carousel” 28
  • 29. Uber ATC Design Challenge - Airport Arrivals Flow At Carousel Once the last bag is on the carousel, there is a possibility that the passenger’s bag did not turn up. They can press the ‘information’ button to file a missing bag report. 29
  • 30. Uber ATC Design Challenge - Airport Arrivals Flow At Carousel Once the last bag is on the carousel, there is a possibility that the passenger’s bag did not turn up. They can press the ‘information’ button to file a missing bag report. 30
  • 31. Uber ATC Design Challenge - Airport Arrivals Flow At Carousel Once the last bag is on the carousel, there is a possibility that the passenger’s bag did not turn up. They can press the ‘information’ button to file a missing bag report. 31
  • 32. Uber ATC Design Challenge - Airport Arrivals Flow At Exit Once the baggage process is over, the baggage information is no long shown on the screen. Now the passenger has the ability to access exit information only. 32
  • 33. Uber ATC Design Challenge - Airport Arrivals Flow Alternative screens Based on the passenger profile, the initial screen could show different information. Shown here are screens for Transiting passengers (left) and international arriving passengers (right). 33
  • 34. Uber ATC Design Challenge - Airport Arrivals Flow Alternative screens Based on the passenger profile, the initial screen could show different information. Shown here are screens for Transiting passengers (left) and international arriving passengers (right). 34
  • 35. Uber ATC Design Challenge - Airport Arrivals Flow 35 Overview
  • 36. Uber ATC Design Exercise Airport Arrivals Flow Zaid Haque, www.zaidhaque.com