SlideShare a Scribd company logo
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
PAPER & DIGITAL
PROTOTYPING
European Innovation Academy
13 July 2018, Turin, Italy
Zaid Haque | @zaidhaque | zaidhaque@gmail.com
1
Hi, I’m Zaid.
Red Dot Award: Bilingual Flight Info Display System 2 FastCompany's World Changing Ideas Award - Finalist
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
UX = USER EXPERIENCE
What makes an ‘experience’? How can you
leverage that to create a powerful app?
3
Cost
FormFunction
Product Parameters
Money, Manpower,
effort, etc.
Aesthetics,
Beauty
Performance,
Features
Cost
Form
Function
Corporate Managers
Everyone has different views on
what is important.
Product Parameters
Cost
Form
Function
Software Engineers
Everyone has different views on
what is important.
Product Parameters
Cost
Form
Function
“Designers” - closer to Artists
Everyone has different views on
what is important.
Product Parameters
Cost
FormFunction
Try to balance these out!
Product Parameters
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
PRIORITIZE PROPERLY
In a startup environment, you
don’t have much money or
time, but you want to build
something functional and
good looking.
9
LOW COST
LOOKS GOOD!
SOLVES
PROBLEMS
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
PROTOTYPING
The art of quick building for testing purposes
Fake it till you make it!
10
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHY PROTOTYPE?
11
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 12
WHAT HAPPENS WHEN YOU DON’T TEST
HBO’s Silicon Valley
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
NARRATIVE COMPLETE
PRODUCT (NCP)
Minimum? Viable? what’s viable and what’s not? too
subjective, even for your investors
13
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
BUILDING AN NCP
At every step of the way,
consider building something
that’s ‘narrative complete’—
ask yourself, ‘can my
customer use this?’
As soon as they can use it,
they can give you FEEDBACK.
14
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHAT’S THE
DIFFERENCE?
TRACTION.
The first example shows you’re building towards
something, modularly, but the second example
shows something that can already be used, i.e. a
prototype!
15
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
FIDELITY IN
PROTOTYPING
16
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHY LOW-FI?
focus on what’s important first
interaction vs. branding/colors/fonts
17
Cost
Function
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
LOGICAL PROGRESSION
Through prototyping, you can
incrementally build on your
product while saving on effort
and cost, should something
need to be changed.
total effort/cost
fidelity
IDEA
STORYBOARD
PAPER
PROTOTYPE
DIGITAL
PROTOTYPE
FINISHED
PRODUCT
18
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
LOGICAL PROGRESSION
Through prototyping, you can
incrementally build on your
product while saving on effort
and cost, if something needs
to be changed.
IDEA
STORYBOARD
PAPER
PROTOTYPE
DIGITAL
PROTOTYPE
FINISHED
PRODUCT
19
FEEDBACK
total effort/cost
fidelity
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
LOGICAL PROGRESSION
Through prototyping, you can
incrementally build on your
product while saving on effort
and cost, should something
need to be changed.
20
IDEA
STORYBOARD
PAPER
PROTOTYPE
DIGITAL
PROTOTYPE
FEEDBACK
ADDED
EFFORT
total effort/cost
fidelity
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WITHOUT PROTOTYPES
Skipping all these steps
means that if and when the
feedback comes, chances
are you’ll need to start again
from scratch.
IDEA
STORYBOARD
PAPER
PROTOTYPE
DIGITAL
PROTOTYPE
FINISHED
PRODUCT
21
FEEDBACK
total effort/cost
fidelity
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 22
WHAT HAPPENS WHEN YOU SKIP ALL THE STEPS
HBO’s Silicon Valley
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
CRAZY EIGHTS
Rapid idea generation
23
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
CRAZY EIGHTS
Fold a piece of paper into
half, then fold that into half
and half again. You’ll open it
to get 8 boxes.
Spend 5 minutes filling each
box with an idea/feature of
your product. That’s 40s per
box!
24
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
STORYBOARDING
To better understand your narrative
25
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
STORYBOARDING
If you wrote a TV show
episode about your app,
what would happen in it?
How is your product found?
What is your narrative?

How does your app solve
their problem?

What is their reaction?
26
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
EASY DRAWING
Don’t overcomplicate this
process! Focus on the story
and not on the art. Make
your people as simple as
possible.
27
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
PAPER PROTOTYPING
28
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 29
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
AS SIMPLE AS POSSIBLE
Use markers, post-its,
anything it takes to lay out
your screens as simply as
possible.
Your user touches a fake
‘button’ on your paper, and
you carry out the designated
interaction, e.g. by putting
another paper with a new
screen in front of them.
30
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
VALIDATION!
You’ve made your prototypes. 

Now it’s time to try it out.
31
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHAT DO
YOU NEED
TO KNOW?
- Are you solving your
customer’s problems?
- Are you making it easy?
- Are you making it enjoyable?
32
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
QUESTIONS
TO ASK
- Does my app/website/
product do what you thought
it does?
- Do you understand the flow
of information?
- Do you find it easy to use?
33
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
AVOID OPEN
ENDED QS
- “Do you like this?”
- “What do you want the
product to do?”
34
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
AVOID
LEADING QS
- “You like my app, right?”
- “Isn’t this feature helping you
become better at your job?”
35
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
BUT MORE IMPORTANTLY
Observe them! Sometimes you will find hidden
problems that they don’t realize.

Watch their facial expressions. Listen to how they
talk. Try to understand their feelings.
36
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 37
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
DIGITAL PROTOTYPING
38
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 39
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
CONSIDERATIONS
• Learning Curve
• Usage/Device
• High-fidelity/low-fidelity
support
• Sharing functionality
• Cost
40
“Borrowed” from Mr. Alar Kolk, Arab Innovation Academy 2018 :)
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
I USE APPLE
KEYNOTE.
- Apple Keynote was designed/
prototyped in…. Apple
Keynote! (WWDC ’16)
- Easy to manipulate images,
make simple layouts, and
carry out transitions (‘magic
move’ transition is your best
friend)
- UberELEVEVATE case study
demonstrates what’s possible
with Keynote
41
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
ADOBE XD
(EXPERIENCE
DESIGN)
- Free (!) for both Mac and PC
- Easily create repetitive
elements and placeholders
- Create interactions and share
your prototype!
42
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
DEMONSTRATION
Using Adobe XD for rapid digital prototyping
43
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
CASE STUDY
UberELEVATE - Airport Arrivals Flow
44
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.
!45
Elevate
Uber ATC Design Challenge - Airport Arrivals Flow
Project +
Considerations
!46
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.
!47
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.
!48
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.
!49
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.
!50
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.
!51
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.
!52
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.
!53
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.
!54
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).
!55
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.
!56
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.
!57
Uber ATC Design Challenge - Airport Arrivals Flow
Digital
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
!58
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.
!59
Uber ATC Design Challenge - Airport Arrivals Flow
Splash Screen
App branding + possibility
of displaying a personalized
welcome message for
airport.
!60
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.
!61
Uber ATC Design Challenge - Airport Arrivals Flow
Expanded view
Upon clicking on the
Baggage card, it is
expanded to show more
information
!62
Uber ATC Design Challenge - Airport Arrivals Flow
Home Screen
Upon clicking again, map
and extra information hides
again.
!63
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’.
!64
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”
!65
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.
!66
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.
!67
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.
!68
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.
!69
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).
!70
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).
!71
Uber ATC Design Challenge - Airport Arrivals Flow !72
Overview
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
SKETCH FILE
73
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 74
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHAT IF I’M NOT MAKING
AN APP/WEBSITE?
There are still many ways to prototype your
product.
75
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
“WIZARD OF OZ”
Having a hidden person do
the things your computer will
be programmed to do.
<- Ghost driver imitating a
driverless car. Can you see
the human?
76
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
“WIZARD OF OZ”
Having a hidden person do
the things your computer will
be programmed to do.
<- Ghost driver imitating a
driverless car. Can you see
the human?
Here he is!
77
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 78
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 79
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 80
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 81
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
AS ALWAYS…
Ask us questions! If you don’t know how to build a
prototype for your product, we are here to help.
82
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
REPEAT VALIDATION!
Now that you have a digital or physical prototype,
try validating again. This will happen next week.
83
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
WHAT DO
YOU NEED
TO KNOW?
- Are you solving your
customer’s problems?
- Are you making it easy?
- Are you making it enjoyable?
84
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
KEEP VALIDATING, 

KEEP ITERATING
And best of luck!
85
EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE
PAPER & DIGITAL
PROTOTYPING
European Innovation Academy
13 July 2018, Turin, Italy
Zaid Haque | @zaidhaque | zaidhaque@gmail.com
86

More Related Content

What's hot

Stc summit ar in tech comm 6.24.2015
Stc summit ar in tech comm 6.24.2015Stc summit ar in tech comm 6.24.2015
Stc summit ar in tech comm 6.24.2015
Sally Martir
 
The age of Augmented Humanity
The age of Augmented Humanity The age of Augmented Humanity
The age of Augmented Humanity
Antonio De Pasquale
 
2015 ming company presentation short march
2015 ming company presentation short march2015 ming company presentation short march
2015 ming company presentation short march
Joerg Winkelmann
 
Arena animation digital brochure 2020 min
Arena animation digital brochure 2020 minArena animation digital brochure 2020 min
Arena animation digital brochure 2020 min
SatyamDesai4
 
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORTCAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
Maria Willamowius
 
3D-Ace - 3D modeling, animation, visualization
3D-Ace - 3D modeling, animation, visualization3D-Ace - 3D modeling, animation, visualization
3D-Ace - 3D modeling, animation, visualization
3D-Ace
 
Re-Evaluating the Value and Market Positioning of Industrial Cobots
Re-Evaluating the Value and Market Positioning of Industrial CobotsRe-Evaluating the Value and Market Positioning of Industrial Cobots
Re-Evaluating the Value and Market Positioning of Industrial Cobots
Lizzie Uhl
 
Digital transformation; or how I learnt to stop worrying and love the bots!
Digital transformation; or how I learnt to stop worrying and love the bots!Digital transformation; or how I learnt to stop worrying and love the bots!
Digital transformation; or how I learnt to stop worrying and love the bots!
Sayan Ghosh
 
Cavalier Media College
Cavalier Media CollegeCavalier Media College
Cavalier Media College
Cavalier English Academy
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
Antonio De Pasquale
 
The DevOps Imperative
The DevOps ImperativeThe DevOps Imperative
The DevOps Imperative
IBM UrbanCode Products
 
EVENTS & FILMS CO. - Bringing ideas to life!
EVENTS & FILMS CO. - Bringing ideas to life!EVENTS & FILMS CO. - Bringing ideas to life!
EVENTS & FILMS CO. - Bringing ideas to life!
Events And Films Co.
 
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIOWTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
MANISH SURAPANENI
 

What's hot (13)

Stc summit ar in tech comm 6.24.2015
Stc summit ar in tech comm 6.24.2015Stc summit ar in tech comm 6.24.2015
Stc summit ar in tech comm 6.24.2015
 
The age of Augmented Humanity
The age of Augmented Humanity The age of Augmented Humanity
The age of Augmented Humanity
 
2015 ming company presentation short march
2015 ming company presentation short march2015 ming company presentation short march
2015 ming company presentation short march
 
Arena animation digital brochure 2020 min
Arena animation digital brochure 2020 minArena animation digital brochure 2020 min
Arena animation digital brochure 2020 min
 
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORTCAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
CAR HMI TRENDS & FORCES 2014 - SURVEY REPORT
 
3D-Ace - 3D modeling, animation, visualization
3D-Ace - 3D modeling, animation, visualization3D-Ace - 3D modeling, animation, visualization
3D-Ace - 3D modeling, animation, visualization
 
Re-Evaluating the Value and Market Positioning of Industrial Cobots
Re-Evaluating the Value and Market Positioning of Industrial CobotsRe-Evaluating the Value and Market Positioning of Industrial Cobots
Re-Evaluating the Value and Market Positioning of Industrial Cobots
 
Digital transformation; or how I learnt to stop worrying and love the bots!
Digital transformation; or how I learnt to stop worrying and love the bots!Digital transformation; or how I learnt to stop worrying and love the bots!
Digital transformation; or how I learnt to stop worrying and love the bots!
 
Cavalier Media College
Cavalier Media CollegeCavalier Media College
Cavalier Media College
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 
The DevOps Imperative
The DevOps ImperativeThe DevOps Imperative
The DevOps Imperative
 
EVENTS & FILMS CO. - Bringing ideas to life!
EVENTS & FILMS CO. - Bringing ideas to life!EVENTS & FILMS CO. - Bringing ideas to life!
EVENTS & FILMS CO. - Bringing ideas to life!
 
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIOWTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
WTA STUDIOS - We Are A New Age Human Centric Branding, UI/UX DESIGN + DEV STUDIO
 

Similar to Paper & Digital Prototyping and Validation, European Innovation Academy 2018

EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
European Innovation Academy
 
Business Models for Open Source Hardware
Business Models for Open Source HardwareBusiness Models for Open Source Hardware
Business Models for Open Source Hardware
Benjamin Tincq
 
EIA Porto Paper Prototyping 2023 Rick R.
EIA Porto Paper Prototyping 2023 Rick R.EIA Porto Paper Prototyping 2023 Rick R.
EIA Porto Paper Prototyping 2023 Rick R.
European Innovation Academy
 
Open API and the Impact on Business Models
Open API and the Impact on Business ModelsOpen API and the Impact on Business Models
Open API and the Impact on Business Models
Amancio Bouza
 
Open Cities Challenge Carles Ferreiro
Open Cities Challenge Carles Ferreiro Open Cities Challenge Carles Ferreiro
Open Cities Challenge Carles Ferreiro
European Network of Living Labs (ENoLL)
 
iMade ws2-1-jan-leyssens
iMade ws2-1-jan-leyssensiMade ws2-1-jan-leyssens
iMade ws2-1-jan-leyssens
Plan C Innovatienetwerk
 
Ming company introduction
Ming company introductionMing company introduction
Ming company introduction
Ming Labs
 
Disruption is Change is Future
Disruption is Change is FutureDisruption is Change is Future
Disruption is Change is Future
Anatole Tresch
 
Mostafa Hammad Digital Nomad 11 Hybrid
Mostafa Hammad Digital Nomad 11  HybridMostafa Hammad Digital Nomad 11  Hybrid
Mostafa Hammad Digital Nomad 11 Hybrid
Mostafa Hammad
 
Omar el sawy: Digital business models in networked abundance
Omar el sawy: Digital business models in networked abundanceOmar el sawy: Digital business models in networked abundance
Omar el sawy: Digital business models in networked abundance
CBOD ANR project U-PSUD
 
Omar El Sawy-Digital Business models in networked abundance
Omar El Sawy-Digital Business models in networked abundanceOmar El Sawy-Digital Business models in networked abundance
Omar El Sawy-Digital Business models in networked abundance
Xiaolin CHENG
 
Steal This Idea: The Robot Curve / By Marty Neumeier
Steal This Idea: The Robot Curve / By Marty NeumeierSteal This Idea: The Robot Curve / By Marty Neumeier
Steal This Idea: The Robot Curve / By Marty Neumeier
Liquid Agency
 
TECHNIPEDIA - From idea to business
TECHNIPEDIA - From idea to businessTECHNIPEDIA - From idea to business
TECHNIPEDIA - From idea to business
Nad Ja
 
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
Savage Marketing
 
Gayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
Gayatri Korhalkar (Numa Paris) - Engaging with an external EcosystemGayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
Gayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
Anis Bedda
 
Slide Bart Van der Schueren
Slide Bart Van der SchuerenSlide Bart Van der Schueren
Slide Bart Van der Schueren
Emiconference2014
 
Smr 02 06
Smr 02 06Smr 02 06
Smr 02 06
digital.signage
 
Startup entrepreneurship with Shlomo Maital
Startup entrepreneurship with Shlomo MaitalStartup entrepreneurship with Shlomo Maital
Startup entrepreneurship with Shlomo Maital
Lassonde School of Engineering
 
Alec Rispin's Folio
Alec Rispin's FolioAlec Rispin's Folio
Alec Rispin's Folio
Alec Rispin
 
Fernando Branco - SSG
Fernando Branco - SSGFernando Branco - SSG
Fernando Branco - SSG
Fernando Branco
 

Similar to Paper & Digital Prototyping and Validation, European Innovation Academy 2018 (20)

EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
EIA2019Portugal - Paper Prototyping, Solution Validation & Design Hacks - Zai...
 
Business Models for Open Source Hardware
Business Models for Open Source HardwareBusiness Models for Open Source Hardware
Business Models for Open Source Hardware
 
EIA Porto Paper Prototyping 2023 Rick R.
EIA Porto Paper Prototyping 2023 Rick R.EIA Porto Paper Prototyping 2023 Rick R.
EIA Porto Paper Prototyping 2023 Rick R.
 
Open API and the Impact on Business Models
Open API and the Impact on Business ModelsOpen API and the Impact on Business Models
Open API and the Impact on Business Models
 
Open Cities Challenge Carles Ferreiro
Open Cities Challenge Carles Ferreiro Open Cities Challenge Carles Ferreiro
Open Cities Challenge Carles Ferreiro
 
iMade ws2-1-jan-leyssens
iMade ws2-1-jan-leyssensiMade ws2-1-jan-leyssens
iMade ws2-1-jan-leyssens
 
Ming company introduction
Ming company introductionMing company introduction
Ming company introduction
 
Disruption is Change is Future
Disruption is Change is FutureDisruption is Change is Future
Disruption is Change is Future
 
Mostafa Hammad Digital Nomad 11 Hybrid
Mostafa Hammad Digital Nomad 11  HybridMostafa Hammad Digital Nomad 11  Hybrid
Mostafa Hammad Digital Nomad 11 Hybrid
 
Omar el sawy: Digital business models in networked abundance
Omar el sawy: Digital business models in networked abundanceOmar el sawy: Digital business models in networked abundance
Omar el sawy: Digital business models in networked abundance
 
Omar El Sawy-Digital Business models in networked abundance
Omar El Sawy-Digital Business models in networked abundanceOmar El Sawy-Digital Business models in networked abundance
Omar El Sawy-Digital Business models in networked abundance
 
Steal This Idea: The Robot Curve / By Marty Neumeier
Steal This Idea: The Robot Curve / By Marty NeumeierSteal This Idea: The Robot Curve / By Marty Neumeier
Steal This Idea: The Robot Curve / By Marty Neumeier
 
TECHNIPEDIA - From idea to business
TECHNIPEDIA - From idea to businessTECHNIPEDIA - From idea to business
TECHNIPEDIA - From idea to business
 
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
Feel Connected: Shaping A Digital Lifestyle Brand Through Imaginative Experie...
 
Gayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
Gayatri Korhalkar (Numa Paris) - Engaging with an external EcosystemGayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
Gayatri Korhalkar (Numa Paris) - Engaging with an external Ecosystem
 
Slide Bart Van der Schueren
Slide Bart Van der SchuerenSlide Bart Van der Schueren
Slide Bart Van der Schueren
 
Smr 02 06
Smr 02 06Smr 02 06
Smr 02 06
 
Startup entrepreneurship with Shlomo Maital
Startup entrepreneurship with Shlomo MaitalStartup entrepreneurship with Shlomo Maital
Startup entrepreneurship with Shlomo Maital
 
Alec Rispin's Folio
Alec Rispin's FolioAlec Rispin's Folio
Alec Rispin's Folio
 
Fernando Branco - SSG
Fernando Branco - SSGFernando Branco - SSG
Fernando Branco - SSG
 

More from 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 (12)

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

SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
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
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
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
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 

Recently uploaded (20)

SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
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
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 

Paper & Digital Prototyping and Validation, European Innovation Academy 2018

  • 1. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE PAPER & DIGITAL PROTOTYPING European Innovation Academy 13 July 2018, Turin, Italy Zaid Haque | @zaidhaque | zaidhaque@gmail.com 1
  • 2. Hi, I’m Zaid. Red Dot Award: Bilingual Flight Info Display System 2 FastCompany's World Changing Ideas Award - Finalist
  • 3. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE UX = USER EXPERIENCE What makes an ‘experience’? How can you leverage that to create a powerful app? 3
  • 4. Cost FormFunction Product Parameters Money, Manpower, effort, etc. Aesthetics, Beauty Performance, Features
  • 5. Cost Form Function Corporate Managers Everyone has different views on what is important. Product Parameters
  • 6. Cost Form Function Software Engineers Everyone has different views on what is important. Product Parameters
  • 7. Cost Form Function “Designers” - closer to Artists Everyone has different views on what is important. Product Parameters
  • 8. Cost FormFunction Try to balance these out! Product Parameters
  • 9. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE PRIORITIZE PROPERLY In a startup environment, you don’t have much money or time, but you want to build something functional and good looking. 9 LOW COST LOOKS GOOD! SOLVES PROBLEMS
  • 10. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE PROTOTYPING The art of quick building for testing purposes Fake it till you make it! 10
  • 11. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHY PROTOTYPE? 11
  • 12. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 12 WHAT HAPPENS WHEN YOU DON’T TEST HBO’s Silicon Valley
  • 13. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE NARRATIVE COMPLETE PRODUCT (NCP) Minimum? Viable? what’s viable and what’s not? too subjective, even for your investors 13
  • 14. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE BUILDING AN NCP At every step of the way, consider building something that’s ‘narrative complete’— ask yourself, ‘can my customer use this?’ As soon as they can use it, they can give you FEEDBACK. 14
  • 15. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHAT’S THE DIFFERENCE? TRACTION. The first example shows you’re building towards something, modularly, but the second example shows something that can already be used, i.e. a prototype! 15
  • 16. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE FIDELITY IN PROTOTYPING 16
  • 17. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHY LOW-FI? focus on what’s important first interaction vs. branding/colors/fonts 17 Cost Function
  • 18. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE LOGICAL PROGRESSION Through prototyping, you can incrementally build on your product while saving on effort and cost, should something need to be changed. total effort/cost fidelity IDEA STORYBOARD PAPER PROTOTYPE DIGITAL PROTOTYPE FINISHED PRODUCT 18
  • 19. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE LOGICAL PROGRESSION Through prototyping, you can incrementally build on your product while saving on effort and cost, if something needs to be changed. IDEA STORYBOARD PAPER PROTOTYPE DIGITAL PROTOTYPE FINISHED PRODUCT 19 FEEDBACK total effort/cost fidelity
  • 20. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE LOGICAL PROGRESSION Through prototyping, you can incrementally build on your product while saving on effort and cost, should something need to be changed. 20 IDEA STORYBOARD PAPER PROTOTYPE DIGITAL PROTOTYPE FEEDBACK ADDED EFFORT total effort/cost fidelity
  • 21. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WITHOUT PROTOTYPES Skipping all these steps means that if and when the feedback comes, chances are you’ll need to start again from scratch. IDEA STORYBOARD PAPER PROTOTYPE DIGITAL PROTOTYPE FINISHED PRODUCT 21 FEEDBACK total effort/cost fidelity
  • 22. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 22 WHAT HAPPENS WHEN YOU SKIP ALL THE STEPS HBO’s Silicon Valley
  • 23. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE CRAZY EIGHTS Rapid idea generation 23
  • 24. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE CRAZY EIGHTS Fold a piece of paper into half, then fold that into half and half again. You’ll open it to get 8 boxes. Spend 5 minutes filling each box with an idea/feature of your product. That’s 40s per box! 24
  • 25. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE STORYBOARDING To better understand your narrative 25
  • 26. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE STORYBOARDING If you wrote a TV show episode about your app, what would happen in it? How is your product found? What is your narrative?
 How does your app solve their problem?
 What is their reaction? 26
  • 27. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE EASY DRAWING Don’t overcomplicate this process! Focus on the story and not on the art. Make your people as simple as possible. 27
  • 28. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE PAPER PROTOTYPING 28
  • 29. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 29
  • 30. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE AS SIMPLE AS POSSIBLE Use markers, post-its, anything it takes to lay out your screens as simply as possible. Your user touches a fake ‘button’ on your paper, and you carry out the designated interaction, e.g. by putting another paper with a new screen in front of them. 30
  • 31. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE VALIDATION! You’ve made your prototypes. 
 Now it’s time to try it out. 31
  • 32. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHAT DO YOU NEED TO KNOW? - Are you solving your customer’s problems? - Are you making it easy? - Are you making it enjoyable? 32
  • 33. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE QUESTIONS TO ASK - Does my app/website/ product do what you thought it does? - Do you understand the flow of information? - Do you find it easy to use? 33
  • 34. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE AVOID OPEN ENDED QS - “Do you like this?” - “What do you want the product to do?” 34
  • 35. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE AVOID LEADING QS - “You like my app, right?” - “Isn’t this feature helping you become better at your job?” 35
  • 36. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE BUT MORE IMPORTANTLY Observe them! Sometimes you will find hidden problems that they don’t realize.
 Watch their facial expressions. Listen to how they talk. Try to understand their feelings. 36
  • 37. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 37
  • 38. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE DIGITAL PROTOTYPING 38
  • 39. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 39
  • 40. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE CONSIDERATIONS • Learning Curve • Usage/Device • High-fidelity/low-fidelity support • Sharing functionality • Cost 40 “Borrowed” from Mr. Alar Kolk, Arab Innovation Academy 2018 :)
  • 41. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE I USE APPLE KEYNOTE. - Apple Keynote was designed/ prototyped in…. Apple Keynote! (WWDC ’16) - Easy to manipulate images, make simple layouts, and carry out transitions (‘magic move’ transition is your best friend) - UberELEVEVATE case study demonstrates what’s possible with Keynote 41
  • 42. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE ADOBE XD (EXPERIENCE DESIGN) - Free (!) for both Mac and PC - Easily create repetitive elements and placeholders - Create interactions and share your prototype! 42
  • 43. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE DEMONSTRATION Using Adobe XD for rapid digital prototyping 43
  • 44. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE CASE STUDY UberELEVATE - Airport Arrivals Flow 44
  • 45. 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. !45 Elevate
  • 46. Uber ATC Design Challenge - Airport Arrivals Flow Project + Considerations !46
  • 47. 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. !47 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
  • 48. 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. !48
  • 49. 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. !49
  • 50. 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. !50
  • 51. 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. !51
  • 52. 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. !52
  • 53. 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. !53
  • 54. 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. !54
  • 55. 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). !55
  • 56. 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. !56
  • 57. 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. !57
  • 58. Uber ATC Design Challenge - Airport Arrivals Flow Digital 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 !58
  • 59. 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. !59
  • 60. Uber ATC Design Challenge - Airport Arrivals Flow Splash Screen App branding + possibility of displaying a personalized welcome message for airport. !60
  • 61. 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. !61
  • 62. Uber ATC Design Challenge - Airport Arrivals Flow Expanded view Upon clicking on the Baggage card, it is expanded to show more information !62
  • 63. Uber ATC Design Challenge - Airport Arrivals Flow Home Screen Upon clicking again, map and extra information hides again. !63
  • 64. 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’. !64
  • 65. 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” !65
  • 66. 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. !66
  • 67. 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. !67
  • 68. 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. !68
  • 69. 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. !69
  • 70. 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). !70
  • 71. 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). !71
  • 72. Uber ATC Design Challenge - Airport Arrivals Flow !72 Overview
  • 73. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE SKETCH FILE 73
  • 74. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 74
  • 75. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHAT IF I’M NOT MAKING AN APP/WEBSITE? There are still many ways to prototype your product. 75
  • 76. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE “WIZARD OF OZ” Having a hidden person do the things your computer will be programmed to do. <- Ghost driver imitating a driverless car. Can you see the human? 76
  • 77. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE “WIZARD OF OZ” Having a hidden person do the things your computer will be programmed to do. <- Ghost driver imitating a driverless car. Can you see the human? Here he is! 77
  • 78. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 78
  • 79. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 79
  • 80. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 80
  • 81. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE 81
  • 82. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE AS ALWAYS… Ask us questions! If you don’t know how to build a prototype for your product, we are here to help. 82
  • 83. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE REPEAT VALIDATION! Now that you have a digital or physical prototype, try validating again. This will happen next week. 83
  • 84. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE WHAT DO YOU NEED TO KNOW? - Are you solving your customer’s problems? - Are you making it easy? - Are you making it enjoyable? 84
  • 85. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE KEEP VALIDATING, 
 KEEP ITERATING And best of luck! 85
  • 86. EUROPEAN INNOVATION ACADEMY - PAPER & DIGITAL PROTOTYPING | ZAID HAQUE PAPER & DIGITAL PROTOTYPING European Innovation Academy 13 July 2018, Turin, Italy Zaid Haque | @zaidhaque | zaidhaque@gmail.com 86