KEMBAR78
Prototyping is an attitude | PDF
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

Prototyping is an attitude

  • 1.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved WHAT IS PROTOTYPING?
  • 2.
    “Designers don't just dream, theydo.” Warren Berger With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 3.
    Problem Space SolutionSpace 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 SolutionSpace 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 Testingand 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 aboutmaking 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’smade 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 Mostof 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 DesignConsultancy www.with-company.com all rights reserved PROTOTYPES
  • 11.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved PAPER PROTOTYPE mimi hearing technologies https://saywhatproject.wordpress.com/
  • 12.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved josé de mello saúde SPACE PROTOTYPE
  • 13.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved peixaria centenária http://www.peixariacentenaria.pt/ ROLE PLAY
  • 14.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved mimi hearing technologies https://saywhatproject.wordpress.com/ STORYBOARD
  • 15.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved DefineLisboa http://definelisboa.pt/ DIGITAL PROTOTYPE
  • 16.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved DIGITAL PROTOTYPE balsamiq proto.io popapp
  • 17.
    MORE EXAMPLES? With Company Strategic DesignConsultancy www.with-company.com all rights reserved
  • 18.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved WEBSITE HOMEPAGE Prototyping with papercardboard
  • 19.
    BRAND POSITIONING Fast designwith Photoshop With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 20.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved APP/FEATURE Prototyping with an existing tool
  • 21.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved mimi hearing technologies https://saywhatproject.wordpress.com/ BRAND Logotype prototype
  • 22.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved Banking Industry UX/UI Idea prototype
  • 23.
    With Company Strategic DesignConsultancy 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 DesignConsultancy 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 DesignConsultancy 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-fiprototype With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 27.
    With Company Strategic DesignConsultancy 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 DesignConsultancy www.with-company.com all rights reserved POSTER / GRAPHIC DESIGN Hi-fi layout prototype
  • 29.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved boa boa http://www.boaboa.pt/ BRAND CONCEPT “Handy” prototype
  • 30.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved Now you know the basics...
  • 31.
    With Company Strategic DesignConsultancy www.with-company.com all rights reserved ...this is what you should bear in mind.
  • 32.
    It’s mainly about function. Notaesthetics. With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 33.
    Three is better thanone. Join your team! With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 34.
    There is noright or wrong way. Just be creative! With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 35.
    It’s a matter ofattitude! With Company Strategic Design Consultancy www.with-company.com all rights reserved
  • 36.
    ...and we dothings 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 Thankyou! With Company Strategic Design Consultancy www.with-company.com all rights reserved