With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
WHAT IS
PROTOTYPING?
“Designers
don't just dream,
they do.”
Warren Berger
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Problem Space Solution Space
Adaptado do modelo DD da Standford DSchool - HPI Academy
• Team Building
• Avaliação do Problema
• Criação de base comum
de entendimento
• Redifinição do problema
• Planeamento Pesquisa
• Pesquisa de campo
• Identificar necessidades
• Explorar contextos
• Entender stakeholders
• Recolher descobertas
• Analisar dados
de pesquisa
• Criar significado
• Mapear perfis de utilizador
(personas)
• Identificar oportunidades
• Definir princípios de design
• Gerar ideias/ hipóteses
• Criar cenários
• Mudar perspectiva
• Considerar constrangimentos
• Priorizar e decidir
• Tangibilizar ideias
• Criar e experimentar
• Antecipar potenciais falhas
como forma de aprender
e melhorar
• Validar solução
com utilizadores
• Recolher feedback
• Iterar e desenvolver
soluções
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Problem Space Solution Space
Adaptado do modelo DD da Standford DSchool - HPI Academy
• Team Building
• Avaliação do Problema
• Criação de base comum
de entendimento
• Redifinição do problema
• Planeamento Pesquisa
• Pesquisa de campo
• Identificar necessidades
• Explorar contextos
• Entender stakeholders
• Recolher descobertas
• Analisar dados
de pesquisa
• Criar significado
• Mapear perfis de utilizador
(personas)
• Identificar oportunidades
• Definir princípios de design
• Gerar ideias/ hipóteses
• Criar cenários
• Mudar perspectiva
• Considerar constrangimentos
• Priorizar e decidir
• Tangibilizar ideias
• Criar e experimentar
• Antecipar potenciais falhas
como forma de aprender
e melhorar
• Validar solução
com utilizadores
• Recolher feedback
• Iterar e desenvolver
soluções
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Prototyping
is not alone
Testing and ideation are linked with
prototyping and can assure you more
efficient results. The process is important.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
It’s all about making
ideas tangible
You have to do it so you can really “feel” the results.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
If prototypes aren’t
failing, they aren’t
pushing far enough
Iterate and make it better.
They will save you time and money.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
It’s about
connecting users
It’s made to test other peoples’ reactions,
and to help gain insights into what your idea
means to your users.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Can (re)define
the problem
Most of the times the problem is already settled
but building it makes it rethink some settled ideas.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
PROTOTYPES
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
PAPER
PROTOTYPE
mimi hearing technologies
https://saywhatproject.wordpress.com/
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
josé de mello saúde
SPACE
PROTOTYPE
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
peixaria centenária
http://www.peixariacentenaria.pt/
ROLE PLAY
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
mimi hearing technologies
https://saywhatproject.wordpress.com/
STORYBOARD
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
DefineLisboa
http://definelisboa.pt/
DIGITAL
PROTOTYPE
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
DIGITAL
PROTOTYPE
balsamiq
proto.io
popapp
MORE
EXAMPLES?
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
WEBSITE HOMEPAGE
Prototyping with papercardboard
BRAND POSITIONING
Fast design with Photoshop
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
APP/FEATURE
Prototyping with an existing tool
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
mimi hearing technologies
https://saywhatproject.wordpress.com/
BRAND
Logotype prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Banking Industry
UX/UI
Idea prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
landing . jobs
http://with-company.com/work/a-startup-that-aims-for-more/
PRODUCT
Idea prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
ciência viva - pavilhão do conhecimento
http://with-company.com/work/the-science-of-branding/
ARCHITECTURE
Mini Paper Prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
tekever
http://with-company.com/work/flying-over-a-genius-nest/
BRAND ARCHITECTURE FRAMEWORK
Lo-fi prototype
BRAND ARCHITECTURE FRAMEWORK
Hi-fi prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
peixaria centenária
http://with-company.com/work/swimming-against-all-odds/
POSTER / GRAPHIC DESIGN
Lo-fi layout prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
POSTER / GRAPHIC DESIGN
Hi-fi layout prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
boa boa
http://www.boaboa.pt/
BRAND CONCEPT
“Handy” prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Now you know
the basics...
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
...this is what
you should
bear in mind.
It’s mainly
about function.
Not aesthetics.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Three is better
than one.
Join your team!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
There is no right
or wrong way.
Just be creative!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
It’s a matter
of attitude!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
...and we do things this way not just
to be different, but because we want our
results to be
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
www.with-company.com
Rui Quinta
rui@with-company.com
Matilde Horta
matilde@with-company.com
Thank you!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved