53

Design Digital como Estratégia de Negócio

Embed Size (px)

DESCRIPTION

Palestra sobre Design Digital realizada no SEBRAE Goiânia em 17/11/2011

Citation preview

Page 1: Design Digital como Estratégia de Negócio
Page 2: Design Digital como Estratégia de Negócio
Page 3: Design Digital como Estratégia de Negócio
Page 4: Design Digital como Estratégia de Negócio
Page 5: Design Digital como Estratégia de Negócio
Page 6: Design Digital como Estratégia de Negócio

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.

Page 7: Design Digital como Estratégia de Negócio

Você deve me seguir no twitter

Page 8: Design Digital como Estratégia de Negócio

Call to Action claro e objetivo

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%

Page 9: Design Digital como Estratégia de Negócio

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

Influência no Varejo

Page 10: Design Digital como Estratégia de Negócio

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

Influência no B2B

Page 11: Design Digital como Estratégia de Negócio

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

O Impacto da Aparência na Confiança

Page 12: Design Digital como Estratégia de Negócio

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.

Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.

C Credibilidade

c Confiança

e Encantamento

Page 13: Design Digital como Estratégia de Negócio

Credibilidade

Page 14: Design Digital como Estratégia de Negócio
Page 15: Design Digital como Estratégia de Negócio

Encantamento

Page 16: Design Digital como Estratégia de Negócio
Page 17: Design Digital como Estratégia de Negócio
Page 18: Design Digital como Estratégia de Negócio
Page 19: Design Digital como Estratégia de Negócio
Page 20: Design Digital como Estratégia de Negócio
Page 21: Design Digital como Estratégia de Negócio
Page 22: Design Digital como Estratégia de Negócio
Page 23: Design Digital como Estratégia de Negócio

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

Page 24: Design Digital como Estratégia de Negócio

Design EU PODERIA FAZER ISSO

MAS VOCÊ NÃO FEZ

Page 25: Design Digital como Estratégia de Negócio

1998

Page 26: Design Digital como Estratégia de Negócio

2004

Page 27: Design Digital como Estratégia de Negócio

2009

Page 28: Design Digital como Estratégia de Negócio

2011

Page 29: Design Digital como Estratégia de Negócio

Contrato um Arquiteto ou

Acredito no Mestre de Obras ?

Page 30: Design Digital como Estratégia de Negócio
Page 31: Design Digital como Estratégia de Negócio
Page 32: Design Digital como Estratégia de Negócio

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  

Contexto  

Conteúdo  

Page 33: Design Digital como Estratégia de Negócio
Page 34: Design Digital como Estratégia de Negócio

conteúdo

consistência

tipografia

velocidade

usabilidade

navegabilidade

tecnologia

interação

Pensar em Design é

portabilidade

Page 35: Design Digital como Estratégia de Negócio

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?

Page 36: Design Digital como Estratégia de Negócio

1. Estratégia É onde tudo começa: O que nós queremos do site? O que os usuários buscam?

Interface  

Wireframe  

Site  Map  Estrutural  

Escopo  

Estratégia  

Concreto

Abstrato

Page 37: Design Digital como Estratégia de Negócio

2. Escopo Transforma estratégias em requisitos: Quais características necessariamente o site deve apresentar?

1. Estratégia É onde tudo começa: O que nós queremos do site? O que os usuários buscam?

Interface  

Wireframe  

Site  Map  Estrutural  

Escopo  

Estratégia  

Concreto

Abstrato

Page 38: Design Digital como Estratégia de Negócio

3.   Site Map Estrutural Dá forma ao escopo: Como todos os elementos do site se ajustam e se comportam?

2. Escopo Transforma estratégias em requisitos: Quais características necessariamente o site deve apresentar?

1. Estratégia É onde tudo começa: O que nós queremos do site? O que os usuários buscam?

Interface  

Wireframe  

Site  Map  Estrutural  

Escopo  

Estratégia  

Concreto

Abstrato

Page 39: Design Digital como Estratégia de Negócio

4. Wireframe Torna a estrutura concreta: Quais os elementos que teremos disponíveis para o usuário no site?

3.   Site Map Estrutural Dá forma ao escopo: Como todos os elementos do site se ajustam e se comportam?

2. Escopo Transforma estratégias em requisitos: Quais características necessariamente o site deve apresentar?

1. Estratégia É onde tudo começa: O que nós queremos do site? O que os usuários buscam?

Interface  

Wireframe  

Site  Map  Estrutural  

Escopo  

Estratégia  

Concreto

Abstrato

Page 40: Design Digital como Estratégia de Negócio

5. Interface Torna tudo tangível: Como ficará a versão final do projeto?

4. Wireframe Torna a estrutura concreta: Quais os elementos que teremos disponíveis para o usuário no site?

3.   Site Map Estrutural Dá forma ao escopo: Como todos os elementos do site se ajustam e se comportam?

2. Escopo Transforma estratégias em requisitos: Quais características necessariamente o site deve apresentar?

1. Estratégia É onde tudo começa: O que nós queremos do site? O que os usuários buscam?

Interface  

Wireframe  

Site  Map  Estrutural  

Escopo  

Estratégia  

Concreto

Abstrato

Page 41: Design Digital como Estratégia de Negócio

10 Coisas Que Você Precisa Saber

Sobre Design 1.  Design pode mudar empresas

2.  Design é mais do que somente fotos bonitas 3.  Traz benefícios, não caracteristicas

4.  Traz fluência, não telas

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

9.  Tem uma bíblia

10.  Se repete e se aprimora

O Que é Design

Um Design Eficiente

Um Processo Eficiente de Design

Page 42: Design Digital como Estratégia de Negócio
Page 43: Design Digital como Estratégia de Negócio
Page 44: Design Digital como Estratégia de Negócio
Page 45: Design Digital como Estratégia de Negócio
Page 46: Design Digital como Estratégia de Negócio
Page 47: Design Digital como Estratégia de Negócio
Page 48: Design Digital como Estratégia de Negócio
Page 49: Design Digital como Estratégia de Negócio
Page 50: Design Digital como Estratégia de Negócio
Page 51: Design Digital como Estratégia de Negócio

"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

Page 52: Design Digital como Estratégia de Negócio
Page 53: Design Digital como Estratégia de Negócio

Renato Nascimento [email protected]  

@renatoorange 55 (11) 2769.5502

www.orangedesign.com.br

Orange Design Faz da Internet um grande negócio