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

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óciosCatarinas Design de Interação
 
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)pensadoAlan Vasconcelos
 
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 2015Luisa Ambros
 
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çãoRobson Santos
 
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 negociostdc-globalcode
 
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 InterfacesFelipe Almeida
 
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...Ricardo Saavedra
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidadelucattony
 
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çãOMarcelo Bitencourt
 
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 ...Catarinas Design de Interaçã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çãoUTFPR
 
DesignThinkers Academy Brasil | Edição Sul
DesignThinkers Academy Brasil | Edição SulDesignThinkers Academy Brasil | Edição Sul
DesignThinkers Academy Brasil | Edição SulIsrael Lessak
 
Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOMarcello Cardoso
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de InteraçãoMarcello Cardoso
 

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

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 comportamentoCauê de Souza
 
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 DigitalCauê de Souza
 
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 2Cauê de Souza
 
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ógicomarcuspapa
 
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 aula002ANDRÉ MONTEIRO
 
Governança Digital - Algo Radical
Governança Digital - Algo RadicalGovernança Digital - Algo Radical
Governança Digital - Algo RadicalHudson Augusto
 
Paradigma Unidirecional na EAD Tradicional
Paradigma  Unidirecional na EAD TradicionalParadigma  Unidirecional na EAD Tradicional
Paradigma Unidirecional na EAD TradicionalMichele Souza
 
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 ilzadirceilza
 
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: ContextoCauê de Souza
 
Folder B-Society Brasil
Folder B-Society BrasilFolder B-Society Brasil
Folder B-Society BrasilAlex Anunciato
 
Construindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressConstruindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressLeo Baiano
 
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 2014Ronaldo Porto
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1profclaubordin
 
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 webdesignClaudia Bordin Rodrigues
 

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

Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersNeue Labs
 
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
 
[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ênciasAndreza Godoy
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoDobra Inova
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
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? Agatha Martins
 
[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óciosFlavio Nazario
 
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 Raiana Comiran
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
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 digitaisKarine Drumond
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UXEdu Agni
 
(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 processosRafael Burity
 
Apresentação PerifaCode.pdf
Apresentação PerifaCode.pdfApresentação PerifaCode.pdf
Apresentação PerifaCode.pdfBeatriz Rocha
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação EstratégicoUTFPR
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoPaulo Oliveira
 

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

análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdflucassilva721057
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfMárcio Azevedo
 
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfGEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfElianeElika
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreElianeElika
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?AnabelaGuerreiro7
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfFernandaMota99
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...licinioBorges
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptMaiteFerreira4
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Ilda Bicacro
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...IsabelPereira2010
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOAulasgravadas3
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxLuizHenriquedeAlmeid6
 

Último (20)

CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdf
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdf
 
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfGEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdf
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.ppt
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
 

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.