Prototyping is an attitude

With CompanyStrategic Design Consultancy

www.with-company.comall rights reserved

WHAT IS PROTOTYPING?

“Designersdon't just dream,they do.”Warren Berger



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



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



Prototypingis not aloneTesting and ideation are linked with prototyping and can assure you more efficient results. The process is important.



It’s all about making ideas tangibleYou have to do it so you can really “feel” the results.



If prototypes aren’t failing, they aren’tpushing far enough Iterate and make it better.They will save you time and money.



It’s aboutconnecting usersIt’s made to test other peoples’ reactions,and to help gain insights into what your ideameans to your users.



Can (re)definethe problemMost of the times the problem is already settledbut building it makes it rethink some settled ideas.





PROTOTYPES



PAPERPROTOTYPE

mimi hearing technologieshttps://saywhatproject.wordpress.com/



josé de mello saúde

SPACEPROTOTYPE



peixaria centenáriahttp://www.peixariacentenaria.pt/

ROLE PLAY




STORYBOARD



DefineLisboahttp://definelisboa.pt/

DIGITALPROTOTYPE



DIGITALPROTOTYPE balsamiq

proto.iopopapp

MOREEXAMPLES?





WEBSITE HOMEPAGE

Prototyping with papercardboard

BRAND POSITIONING

Fast design with Photoshop

SPACEPROTOTYPEWith CompanyStrategic Design Consultancy




APP/FEATURE

Prototyping with an existing tool




BRAND

Logotype prototype



Banking Industry

UX/UI

Idea prototype



landing . jobshttp://with-company.com/work/a-startup-that-aims-for-more/

PRODUCT

Idea prototype



ciência viva - pavilhão do conhecimentohttp://with-company.com/work/the-science-of-branding/

ARCHITECTURE

Mini Paper Prototype



tekeverhttp://with-company.com/work/flying-over-a-genius-nest/

BRAND ARCHITECTURE FRAMEWORK

Lo-fi prototype

BRAND ARCHITECTURE FRAMEWORK

Hi-fi prototype





peixaria centenáriahttp://with-company.com/work/swimming-against-all-odds/

POSTER / GRAPHIC DESIGN

Lo-fi layout prototype



POSTER / GRAPHIC DESIGN

Hi-fi layout prototype



boa boa http://www.boaboa.pt/

BRAND CONCEPT

“Handy” prototype



Now you know the basics...



...this is what you should bear in mind.

It’s mainly about function. Not aesthetics.



Three is better than one.Join your team!



There is no right or wrong way.Just be creative!



It’s a matterof attitude!



...and we do things this way not just to be different, but because we want our results to be



www.with-company.com

Rui [email protected]

Matilde [email protected]

Thank you!

