O documento discute o processo de design e sua importância para o sucesso de empresas. Ele explica que design não é apenas a aparência, mas como algo funciona e é experimentado pelo usuário. Além disso, destaca as 5 etapas do processo de design: estratégia, escopo, mapa estrutural, wireframe e interface.

6. Dirk Schächter: The Typomaps are awarded with the IF Design Award and are nominated for the Design Award of the
Federal Republik of Germany 2011. The Typomaps are handset, and not automatically generated by computer program.

7. Você deve me
seguir no twitter

8. EU ESTOU NO TWITTER 4.70%
SIGA-ME NO TWITTER 7.31%
VOCÊ DEVE ME SEGUIR NO TWITTER 10,09%
VOCÊ DEVE ME SEGUIR NO TWITTER, AQUI 12,81%
Call to Action claro e objetivo

9. Influência no Varejo
43%
de todas as vendas efetuadas no
varejo devem ser influenciadas
ou feitas pela internet até 2012.
Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.

10. Influência no B2B
83%
Das empresas utilizam a
internet para pesquisar e
encontrar fornecedores em
potencial.
Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.

11. O Impacto da Aparência na
Confiança
68%
Dos compradores online,
concordam que distratam um
site que não tenha uma
aparência profissional.
Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.

12. Qual o Impacto do Design na
Credibilidade
75%
dos usuários da web admitem fazer
julgamentos sobre a credibilidade de uma
organização baseados no design de seu site.
C c e
Credibilidade Confiança Encantamento
Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.

13. Credibilidade

15. Encantamento

23. Design não é apenas
como algo se parece.
Design é como algo
funciona!

24. Design EU PODERIA
FAZER ISSO
MAS VOCÊ
NÃO FEZ

25. 1998

26. 2004

27. 2009

28. 2011

29. Contrato um Arquiteto ou
Acredito no Mestre de Obras ?

32. Arquitetura de Infomação
• Desenvolve um mapeamento do target (público alvo);
• Mensura o comportamento do usuário;
• Classifica o conteúdo;
• Cria Wireframes;
• Cria fluxos de navegação.
Usuário
Conteúdo
Contexto

34. Pensar em Design é
conteúdo navegabilidade velocidade
tipografia usabilidade interação
consistência tecnologia portabilidade

35. O Processo do Design
1. Que história eu estou tentando dizer?
2. Como eu conto esta história, através do
design?
3. Que elementos eu tenho para contar esta
história?

36. Concreto
Interface
Wireframe
Site
Map
Estrutural
Escopo
1. Estratégia
Abstrato É onde tudo começa: O que nós
Estratégia
queremos do site? O que os usuários
buscam?

37. Concreto
Interface
Wireframe
Site
Map
Estrutural
2. Escopo
Transforma estratégias em requisitos:
Escopo
Quais características necessariamente
o site deve apresentar?
1. Estratégia
Abstrato É onde tudo começa: O que nós
Estratégia
queremos do site? O que os usuários
buscam?

38. Concreto
Interface
Wireframe
3. Site Map Estrutural
Dá forma ao escopo: Como todos os
Site
Map
Estrutural
elementos do site se ajustam e se
comportam?
2. Escopo
Transforma estratégias em requisitos:
Escopo
Quais características necessariamente
o site deve apresentar?
1. Estratégia
Abstrato É onde tudo começa: O que nós
Estratégia
queremos do site? O que os usuários
buscam?

39. Concreto
Interface
4. Wireframe
Torna a estrutura concreta: Quais os
Wireframe
elementos que teremos disponíveis
para o usuário no site?
3. Site Map Estrutural
Dá forma ao escopo: Como todos os
Site
Map
Estrutural
elementos do site se ajustam e se
comportam?
2. Escopo
Transforma estratégias em requisitos:
Escopo
Quais características necessariamente
o site deve apresentar?
1. Estratégia
Abstrato É onde tudo começa: O que nós
Estratégia
queremos do site? O que os usuários
buscam?

40. 5. Interface
Concreto
Interface
Torna tudo tangível: Como ficará a
versão final do projeto?
4. Wireframe
Torna a estrutura concreta: Quais os
Wireframe
elementos que teremos disponíveis
para o usuário no site?
3. Site Map Estrutural
Dá forma ao escopo: Como todos os
Site
Map
Estrutural
elementos do site se ajustam e se
comportam?
2. Escopo
Transforma estratégias em requisitos:
Escopo
Quais características necessariamente
o site deve apresentar?
1. Estratégia
Abstrato É onde tudo começa: O que nós
Estratégia
queremos do site? O que os usuários
buscam?

41. 10 Coisas Que Você Precisa Saber
Sobre Design
O Que é 1. Design pode mudar empresas
Design 2. Design é mais do que somente fotos bonitas
3. Traz benefícios, não caracteristicas
4. Traz fluência, não telas
Um Design
Eficiente 5. Não faz o usuário pensar
6. Começa com uma grande história
7. Utiliza o design como uma alavanca
8. Se obtém fora do escritório
Um Processo
Eficiente de 9. Tem uma bíblia
Design 10. Se repete e se aprimora

51. "O que está acontecendo não é nada mais,
nada menos que uma revolução. As pessoas
que hoje tiverem entre 4 e 20 anos de
idade criarão uma nova maneira de
trabalhar, estudar, jogar, comunicar e
comprar. Serão, em poucas palavras, os
arquitetos de uma comunidade diferente."
Don Tapscott, autor de Grown Up Digital

53. Renato Nascimento
renatonascimento@orangedesign.com.br
@renatoorange
55 (11) 2769.5502
www.orangedesign.com.br
Orange Design
Faz da Internet um grande negócio