SlideShare uma empresa Scribd logo
1 de 48
Baixar para ler offline
CRP-0420:
       CRP-0422:
         Aula 02

COMUNICAÇÃO DIGITAL
        Aula 07
PARA CASA:
plano de negócios simplificado.
Business plan:
Ideia                       Negócio

 Visão                       Estratégia
 Marca                      Concorrência
 Prazo                        Custos
Recursos                     Promoção
Forma:
               design
              gráfico,
             fotografia




            projeto
 Compor-                 Conteúdo:
tamento:                 Texto, som
design de                animação,
interação                  mídia
Design de interação
                                     Comporta-
Negócio
                                       mento
 Estratégia                            Objetivos
Concorrência                           Personas
  Custos                               Cenários
 Promoção                             Linguagem
Design de
INTERAÇÃO
 e suas etapas:
As coisas são percebidas
POR INTEIRO,
    não em partes.
Todos os componentes
  interagem entre si.
Design orientado a

      OBJETIVOS:
    São os objetivos atingidos,
não as características técnicas, que
     respondem pelo sucesso.
  É preciso saber para que serve,
        não como funciona.
Design orientado a

        OBJETIVOS:
- Fazer os usuários encontrem o que
precisam de forma simples.
- Facilitar a realização de tarefas.
- Satisfação, eficiência e proatividade.
- Os usuários estão cada vez mais exigentes.
Decepcioná-los não é opção.
Problemas de muitos
PRODUTOS DIGITAIS:
- Mais focados em tecnologia do que em
desejos e necessidades do usuário.
- Espartanos, rudes e mal-criados.
- Demandam pensar como computador.
- Demandam tarefas repetitivas e inúteis.
Por que são tão
              RUINS?
- Algumas suspeitas:
  - Ignorância sobre o real perfil de seus
  usuários, seus hábitos e preferências.
  - Demandas de terceiros e conflitos de
  interesses entre produção e mercado.
Por que são tão
              RUINS?
- Falta de processo que envolva o usuário:
   - Analítico
   - Replicável
   - Previsível
Os objetivos do usuário
                 NUNCA
            são levados em conta.
-   Isso faz com que se sintam estúpidos.
-   Maus processos os fazem cometer erros.
-   Demandam muito esforço para eficiência.
-   Não proporcionam uma experiência
envolvente ou mesmo agradável.
Características de
       INTERFACES
        elegantes e prestativas

- Dão importância a quem conversam e se
interessam pelo que dizem e fazem.
- Usam o bom senso.
- Não fazem perguntas estúpidas.
- Se antecipam às necessidades e desejos
daqueles com quem convivem.
Características de
        INTERFACES
         elegantes e prestativas

- Têm uma perspectiva maior do que sua
tarefa braçal e imediata.
- Não aporrinham os clientes com seus
problemas particulares.
- Compreendem os motivos dos outros, não
insistem no que faz sentido para elas.
Características de
       INTERFACES
         elegantes e prestativas

- Não fazem muitas perguntas e
sabem quando é preciso quebrar regras.
- São autoconfiantes e assumem a
responsabilidade por seus atos.
OBJETIVOS DO
  USUÁRIO
     vs.


OBJETIVOS DO
  NEGÓCIO
PERSONAS:
           arquétipos de usuários

- Determinam o que o produto deve fazer.
- Comunicam suas necessidades
para todos os participantes.
- Atribuem consenso às funcionalidades.
- Mensuram a efetividade do design.
- Contribuem para divulgação e expansão.
TIPOS DE PERSONA
1. Primária principais usuários do produto.
2. Secundária tem desejos e necessidades adicionais,
   que podem ser acomodados.
3. Suplementar mescla das duas anteriores.
4. Consumidor tomam decisões financeiras.
5. Cliente são diretamente afetados.
6. Negativa para quem o produto não serve.
Iniciantes, experts e
     INTERMEDIÁRIOS:
1.   Iniciantes aprendem rápido
2. Intermediários se satisfazem
   com o que sabem
3. Poucos se transformam em experts.
4. É preciso desenhar produtos para quem
   não quer deixar de ser intermediário.
Intermediários
                   PERPÉTUOS
 O que isto faz?         Esqueci como importar             Como
                                                        automatizar?
 Como imprimir?        Onde acho aquilo mesmo?
                                                        Tem atalhos?
 Pra que serve?       Me lembre pra que serve isto?
                                                        Posso mudar?
 Onde começo?            Opa! Dá para desfazer?
                                                       O que é perigoso
                       Pra que serve este controle?         fazer?

                    Que vantagens tem a nova versão?




iniciante            intermediário                      expert
Iniciantes, não
   IDIOTAS.
   Pense em pessoas
inteligentes e ocupadas.
CENÁRIOS:
         design por narrativas.

- Histórias que definem a sequência de
interações do usuário com o produto.
- Servem para definir necessidades, atitudes
e curvas de aprendizado.
- O design é inspirado em suas histórias:
toda ação acontece em um cenário.
CENÁRIOS:
         design por narrativas.

- Descrevem as tarefas realizadas. Seus
componentes são ambiente (telas,
elementos), atores (usuários) e ações.
- São narrativas concisas com uma ou mais
personas usando o produto para atingir o
objetivo desejado.
Três tipos de
          CENÁRIOS
- Contextual explora, em nível conceitual, as
melhores formas de satisfazer as
necessidades e desejos dos usuários.
- Funcional analisa as possibilidades da
relação em cada interação relevante.
- Validação testa uma solução em uma
ampla gama de situações.
ACESSIBILIDADE
   é tão importante
  quanto segurança.
WIREFRAMES
1. Funcionais, não bonitos
2. Definidos com base na experiência
   pretendida para o usuário
3. O mínimo de elementos possível
4. Conteúdos fixos vs. variáveis
5. Desenhe todas as páginas
6. Teste hierarquias e sentido
Design de
          INTERAÇÃO
               e suas etapas:
1. Pesquisar usuários e seu ambiente
2. Modelar interações e seu contexto
3. Definir objetivos e demandas de todos
4. Determinar estrutura e fluxo de informação
5. Refinar atitudes, formatos e conteúdos
6. Dar suporte a demandas e necessidades.
FIM.
PARA CASA:
wireframe simplificado.
http://bit.ly/cC1idJ
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação

Mais conteúdo relacionado

Mais procurados

Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
Marcelo Bitencourt
 

Mais procurados (20)

UX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negóciosUX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negócios
 
Personas na prática - Um estudo de caso (re)pensado
Personas na prática - Um estudo de caso (re)pensadoPersonas na prática - Um estudo de caso (re)pensado
Personas na prática - Um estudo de caso (re)pensado
 
Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
Personas 2019
Personas 2019Personas 2019
Personas 2019
 
Design para empreendedores
Design para empreendedoresDesign para empreendedores
Design para empreendedores
 
Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negocios
 
Personas e Cenários
Personas e CenáriosPersonas e Cenários
Personas e Cenários
 
Boas Práticas em Design de Interfaces
Boas Práticas em Design de InterfacesBoas Práticas em Design de Interfaces
Boas Práticas em Design de Interfaces
 
Como Design de Interação e Arquitetura de Informação no processo de desenvolv...
Como Design de Interação e Arquitetura de Informação no processo de desenvolv...Como Design de Interação e Arquitetura de Informação no processo de desenvolv...
Como Design de Interação e Arquitetura de Informação no processo de desenvolv...
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidade
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
 
Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...Service Design para startups - Melhorando a experiência do usuário do começo ...
Service Design para startups - Melhorando a experiência do usuário do começo ...
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
DesignThinkers Academy Brasil | Edição Sul
DesignThinkers Academy Brasil | Edição SulDesignThinkers Academy Brasil | Edição Sul
DesignThinkers Academy Brasil | Edição Sul
 
Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTO
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de Interação
 

Destaque

Gestão de projetos em mkt aula002
Gestão de projetos em mkt aula002Gestão de projetos em mkt aula002
Gestão de projetos em mkt aula002
ANDRÉ MONTEIRO
 
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
Iasmin Marinho
 
Slideaula ilza
Slideaula ilzaSlideaula ilza
Slideaula ilza
dirceilza
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
profclaubordin
 

Destaque (20)

CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamentoCRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
 
Aula CRP-0420-2015-03
Aula CRP-0420-2015-03Aula CRP-0420-2015-03
Aula CRP-0420-2015-03
 
CRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto DigitalCRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
 
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
 
EaD e o novo paradigma tecnológico
EaD e o novo paradigma tecnológicoEaD e o novo paradigma tecnológico
EaD e o novo paradigma tecnológico
 
Gestão de projetos em mkt aula002
Gestão de projetos em mkt aula002Gestão de projetos em mkt aula002
Gestão de projetos em mkt aula002
 
Wida 2015 2_completa_para_consulta
Wida 2015 2_completa_para_consultaWida 2015 2_completa_para_consulta
Wida 2015 2_completa_para_consulta
 
Governança Digital - Algo Radical
Governança Digital - Algo RadicalGovernança Digital - Algo Radical
Governança Digital - Algo Radical
 
Paradigma Unidirecional na EAD Tradicional
Paradigma  Unidirecional na EAD TradicionalParadigma  Unidirecional na EAD Tradicional
Paradigma Unidirecional na EAD Tradicional
 
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
A qualidade no ensino, no projeto educativo e na gestão da escola: buscando u...
 
Slideaula ilza
Slideaula ilzaSlideaula ilza
Slideaula ilza
 
Mobile First
Mobile FirstMobile First
Mobile First
 
CRP- 0420: Comunicação Digital - Aula 1: Contexto
CRP- 0420: Comunicação Digital - Aula 1: ContextoCRP- 0420: Comunicação Digital - Aula 1: Contexto
CRP- 0420: Comunicação Digital - Aula 1: Contexto
 
Responsive Web Design - UX/UI
Responsive Web Design - UX/UIResponsive Web Design - UX/UI
Responsive Web Design - UX/UI
 
Folder B-Society Brasil
Folder B-Society BrasilFolder B-Society Brasil
Folder B-Society Brasil
 
Construindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressConstruindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPress
 
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 

Semelhante a CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação

Requisitos em Design Centrado no Usuário
Requisitos em Design Centrado no Usuário   Requisitos em Design Centrado no Usuário
Requisitos em Design Centrado no Usuário
Mourylise Heymer
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivo
Dobra Inova
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
UTFPR
 

Semelhante a CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação (20)

CRP-5215-0420-2014-07
CRP-5215-0420-2014-07CRP-5215-0420-2014-07
CRP-5215-0420-2014-07
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholders
 
Requisitos em Design Centrado no Usuário
Requisitos em Design Centrado no Usuário   Requisitos em Design Centrado no Usuário
Requisitos em Design Centrado no Usuário
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
 
CRP-5215-0420-2014-08
CRP-5215-0420-2014-08CRP-5215-0420-2014-08
CRP-5215-0420-2014-08
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivo
 
User eXperience
User eXperienceUser eXperience
User eXperience
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Como criar projetos orientados pelo design e pela experiência do usuário?
Como criar projetos orientados pelo design e pela experiência do usuário? Como criar projetos orientados pelo design e pela experiência do usuário?
Como criar projetos orientados pelo design e pela experiência do usuário?
 
[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios
 
Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Workshops de técnicas de usabilidade para produtos digitais
Workshops de técnicas de usabilidade para produtos digitaisWorkshops de técnicas de usabilidade para produtos digitais
Workshops de técnicas de usabilidade para produtos digitais
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UX
 
(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos
 
Apresentação PerifaCode.pdf
Apresentação PerifaCode.pdfApresentação PerifaCode.pdf
Apresentação PerifaCode.pdf
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para Inovação
 

Último

8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
FabianeMartins35
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 

Último (20)

8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medio
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Aula de jornada de trabalho - reforma.ppt
Aula de jornada de trabalho - reforma.pptAula de jornada de trabalho - reforma.ppt
Aula de jornada de trabalho - reforma.ppt
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 

CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação

  • 1. CRP-0420: CRP-0422: Aula 02 COMUNICAÇÃO DIGITAL Aula 07
  • 2. PARA CASA: plano de negócios simplificado.
  • 3. Business plan: Ideia Negócio Visão Estratégia Marca Concorrência Prazo Custos Recursos Promoção
  • 4. Forma: design gráfico, fotografia projeto Compor- Conteúdo: tamento: Texto, som design de animação, interação mídia
  • 5. Design de interação Comporta- Negócio mento Estratégia Objetivos Concorrência Personas Custos Cenários Promoção Linguagem
  • 6. Design de INTERAÇÃO e suas etapas:
  • 7.
  • 8. As coisas são percebidas POR INTEIRO, não em partes. Todos os componentes interagem entre si.
  • 9.
  • 10. Design orientado a OBJETIVOS: São os objetivos atingidos, não as características técnicas, que respondem pelo sucesso. É preciso saber para que serve, não como funciona.
  • 11. Design orientado a OBJETIVOS: - Fazer os usuários encontrem o que precisam de forma simples. - Facilitar a realização de tarefas. - Satisfação, eficiência e proatividade. - Os usuários estão cada vez mais exigentes. Decepcioná-los não é opção.
  • 12. Problemas de muitos PRODUTOS DIGITAIS: - Mais focados em tecnologia do que em desejos e necessidades do usuário. - Espartanos, rudes e mal-criados. - Demandam pensar como computador. - Demandam tarefas repetitivas e inúteis.
  • 13.
  • 14. Por que são tão RUINS? - Algumas suspeitas: - Ignorância sobre o real perfil de seus usuários, seus hábitos e preferências. - Demandas de terceiros e conflitos de interesses entre produção e mercado.
  • 15. Por que são tão RUINS? - Falta de processo que envolva o usuário: - Analítico - Replicável - Previsível
  • 16. Os objetivos do usuário NUNCA são levados em conta. - Isso faz com que se sintam estúpidos. - Maus processos os fazem cometer erros. - Demandam muito esforço para eficiência. - Não proporcionam uma experiência envolvente ou mesmo agradável.
  • 17. Características de INTERFACES elegantes e prestativas - Dão importância a quem conversam e se interessam pelo que dizem e fazem. - Usam o bom senso. - Não fazem perguntas estúpidas. - Se antecipam às necessidades e desejos daqueles com quem convivem.
  • 18. Características de INTERFACES elegantes e prestativas - Têm uma perspectiva maior do que sua tarefa braçal e imediata. - Não aporrinham os clientes com seus problemas particulares. - Compreendem os motivos dos outros, não insistem no que faz sentido para elas.
  • 19. Características de INTERFACES elegantes e prestativas - Não fazem muitas perguntas e sabem quando é preciso quebrar regras. - São autoconfiantes e assumem a responsabilidade por seus atos.
  • 20. OBJETIVOS DO USUÁRIO vs. OBJETIVOS DO NEGÓCIO
  • 21.
  • 22. PERSONAS: arquétipos de usuários - Determinam o que o produto deve fazer. - Comunicam suas necessidades para todos os participantes. - Atribuem consenso às funcionalidades. - Mensuram a efetividade do design. - Contribuem para divulgação e expansão.
  • 23. TIPOS DE PERSONA 1. Primária principais usuários do produto. 2. Secundária tem desejos e necessidades adicionais, que podem ser acomodados. 3. Suplementar mescla das duas anteriores. 4. Consumidor tomam decisões financeiras. 5. Cliente são diretamente afetados. 6. Negativa para quem o produto não serve.
  • 24. Iniciantes, experts e INTERMEDIÁRIOS: 1. Iniciantes aprendem rápido 2. Intermediários se satisfazem com o que sabem 3. Poucos se transformam em experts. 4. É preciso desenhar produtos para quem não quer deixar de ser intermediário.
  • 25. Intermediários PERPÉTUOS O que isto faz? Esqueci como importar Como automatizar? Como imprimir? Onde acho aquilo mesmo? Tem atalhos? Pra que serve? Me lembre pra que serve isto? Posso mudar? Onde começo? Opa! Dá para desfazer? O que é perigoso Pra que serve este controle? fazer? Que vantagens tem a nova versão? iniciante intermediário expert
  • 26. Iniciantes, não IDIOTAS. Pense em pessoas inteligentes e ocupadas.
  • 27.
  • 28. CENÁRIOS: design por narrativas. - Histórias que definem a sequência de interações do usuário com o produto. - Servem para definir necessidades, atitudes e curvas de aprendizado. - O design é inspirado em suas histórias: toda ação acontece em um cenário.
  • 29. CENÁRIOS: design por narrativas. - Descrevem as tarefas realizadas. Seus componentes são ambiente (telas, elementos), atores (usuários) e ações. - São narrativas concisas com uma ou mais personas usando o produto para atingir o objetivo desejado.
  • 30. Três tipos de CENÁRIOS - Contextual explora, em nível conceitual, as melhores formas de satisfazer as necessidades e desejos dos usuários. - Funcional analisa as possibilidades da relação em cada interação relevante. - Validação testa uma solução em uma ampla gama de situações.
  • 31.
  • 32. ACESSIBILIDADE é tão importante quanto segurança.
  • 33.
  • 34.
  • 35. WIREFRAMES 1. Funcionais, não bonitos 2. Definidos com base na experiência pretendida para o usuário 3. O mínimo de elementos possível 4. Conteúdos fixos vs. variáveis 5. Desenhe todas as páginas 6. Teste hierarquias e sentido
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44. Design de INTERAÇÃO e suas etapas: 1. Pesquisar usuários e seu ambiente 2. Modelar interações e seu contexto 3. Definir objetivos e demandas de todos 4. Determinar estrutura e fluxo de informação 5. Refinar atitudes, formatos e conteúdos 6. Dar suporte a demandas e necessidades.
  • 45. FIM.