An input session on how to prototype physical and digital products, services and brands

1. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
WHAT IS
PROTOTYPING?

2. “Designers
don't just dream,
they do.”
Warren Berger
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

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

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

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

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

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

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

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

10. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
PROTOTYPES

11. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
PAPER
PROTOTYPE
mimi hearing technologies
https://saywhatproject.wordpress.com/

12. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
josé de mello saúde
SPACE
PROTOTYPE

13. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
peixaria centenária
http://www.peixariacentenaria.pt/
ROLE PLAY

14. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
mimi hearing technologies
https://saywhatproject.wordpress.com/
STORYBOARD

15. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
DefineLisboa
http://definelisboa.pt/
DIGITAL
PROTOTYPE

16. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
DIGITAL
PROTOTYPE
balsamiq
proto.io
popapp

17. MORE
EXAMPLES?
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

18. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
WEBSITE HOMEPAGE
Prototyping with papercardboard

19. BRAND POSITIONING
Fast design with Photoshop
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

20. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
APP/FEATURE
Prototyping with an existing tool

21. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
mimi hearing technologies
https://saywhatproject.wordpress.com/
BRAND
Logotype prototype

22. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Banking Industry
UX/UI
Idea prototype

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

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

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

26. BRAND ARCHITECTURE FRAMEWORK
Hi-fi prototype
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

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

28. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
POSTER / GRAPHIC DESIGN
Hi-fi layout prototype

29. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
boa boa
http://www.boaboa.pt/
BRAND CONCEPT
“Handy” prototype

30. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
Now you know
the basics...

31. With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved
...this is what
you should
bear in mind.

32. It’s mainly
about function.
Not aesthetics.
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

33. Three is better
than one.
Join your team!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

34. There is no right
or wrong way.
Just be creative!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

35. It’s a matter
of attitude!
With Company
Strategic Design Consultancy
www.with-company.com
all rights reserved

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

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