SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
Dia Mundial da Usabilidade 2008




 Caio Cesar


 Aplicando Design Centrado no Usuário em
 projetos de interação (rápido / fácil / barato)




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Caio Cesar?

     Ensino / Pesquisa / Consultoria
            Comunicação online
            Marketing
            Design de Interação
            Design Centrado no Usuário
            UPA member


     Especialização em Design Centrado no Usuário
            IEC / PUC Minas
            Coordenação
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Agenda de hoje

 WUD
 Desafio


 Design Centrado no Usuário
 Design de Interação
 Usabilidade
 Aplicação em projetos de interação




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
World Usability Day

 Desde 2005


       Tentativa de transformar o mundo num lugar melhor
       Divulgar e evangelizar a usabilidade
       Necessidade de melhorarmos nossos produtos



 Em 2008
       Tema: transporte


Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
O desafio do WUD

 Global Transport Challenge




 worldusabilityday.org/globaltransportchallenge
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Revisão de conceitos

 Mas o que é Design Centrado no Usuário mesmo?
       Participação do usuário no processo de design


 E Design de Interação, o que é?
       Desenvolvimento de produtos interativos para auxílio
        das pessoas em suas tarefas no dia-a-dia


 E o que isso tem a ver com usabilidade?
       Utilização eficiente / Fácil aprendizado
       Fácil de recordar / Poucos erros / Agradável
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Aplicação em projetos

 Observe, converse e interaja com usuários


 Desça de seu altar / pedestal / trono!


 Entenda as necessidades dos usuários


 Proponha soluções


 Valide as propostas com os usuários
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Como fazer?

 Fase de descobertas
       Entrevistas
       Identificação de perfis e necessidades
       Construção de personas
       Cenários de uso
       Objetivos do projeto
       Definição de metas de usabilidade
       Observação da concorrência




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Como fazer?

 Fase de planejamento
       Fluxos de navegação / uso / execução de tarefas
       Distribuição / ordenação de conteúdo
       Execução de card sorting
       Wireframing


 Fase de produção – Layout
       Wireframing
       Protótipos lo-fi
       Validação com usuários
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Como fazer?

 Fase de implementação
       Prototipação hi-fi
       Testes com usuários


 Fase de lançamento
       Análise heurística
       Testes com usuários




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Quanto custa?

 Recursos necessários
       - Conhecimento das técnicas e metodologias
       - Espaço físico
       - Boa vontade
       - Usuários
       - Equipamento básico
              Material de escritório
              Sistema (H/S) de captação de imagem e áudio


 Normalmente, isso representa 10% do custo
Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
E agora?

 Depois disso tudo, o que vem depois?
       Começar a fazer!
              (Lembra do altar / pedestal / trono?)




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc
Obrigado

 Dúvidas e sugestões:
       caiocgo@caiocesar.cc
       www.caiocesar.cc




Caio Cesar Giannini Oliveira
www.caiocesar.cc | caiocgo@caiocesar.cc

Contenu connexe

Similaire à Aplicando Design Centrado no Usuário em projetos de interação (rápido / fácil / barato)

Soa Next Steps/Passos de Adoção SOA
Soa Next Steps/Passos de Adoção SOASoa Next Steps/Passos de Adoção SOA
Soa Next Steps/Passos de Adoção SOASensedia
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014Horácio Soares
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframeFabricio Teixeira
 
Design centrado no usuário e as limitações do mercado de produtos interativos
Design centrado no usuário e as limitações do mercado de produtos interativosDesign centrado no usuário e as limitações do mercado de produtos interativos
Design centrado no usuário e as limitações do mercado de produtos interativosLeandro Alves
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisPaulo Melo
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJHorácio Soares
 
Gestão de Produtos Digitais - VI FIT Crateús
Gestão de Produtos Digitais - VI FIT CrateúsGestão de Produtos Digitais - VI FIT Crateús
Gestão de Produtos Digitais - VI FIT CrateúsCássio Paixão
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Thalita Oliveira
 
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UX
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UXCriatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UX
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UXIngrid Castro
 
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos OnlineKingHost - Hospedagem de sites
 
Livro AGILE THINK® CANVAS
Livro AGILE THINK® CANVAS Livro AGILE THINK® CANVAS
Livro AGILE THINK® CANVAS André Vidal
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
UX para Startups
UX para StartupsUX para Startups
UX para StartupsTuia
 
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGR
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGRPresença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGR
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGRCircuito 4x1
 
Design Thinking: transformando a forma de pensar e resolver problemas
Design Thinking: transformando a forma de pensar e resolver problemasDesign Thinking: transformando a forma de pensar e resolver problemas
Design Thinking: transformando a forma de pensar e resolver problemasRenata Tonezi
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaIgreja Adventista do Sétimo Dia
 

Similaire à Aplicando Design Centrado no Usuário em projetos de interação (rápido / fácil / barato) (20)

Soa Next Steps/Passos de Adoção SOA
Soa Next Steps/Passos de Adoção SOASoa Next Steps/Passos de Adoção SOA
Soa Next Steps/Passos de Adoção SOA
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 
Design centrado no usuário e as limitações do mercado de produtos interativos
Design centrado no usuário e as limitações do mercado de produtos interativosDesign centrado no usuário e as limitações do mercado de produtos interativos
Design centrado no usuário e as limitações do mercado de produtos interativos
 
Gp Aula 1
Gp Aula 1Gp Aula 1
Gp Aula 1
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveis
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
 
Gestão de Produtos Digitais - VI FIT Crateús
Gestão de Produtos Digitais - VI FIT CrateúsGestão de Produtos Digitais - VI FIT Crateús
Gestão de Produtos Digitais - VI FIT Crateús
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
 
Responsive design
Responsive designResponsive design
Responsive design
 
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UX
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UXCriatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UX
Criatividade, Inovação e Métodos Ágeis - O que isso tem a ver com UX
 
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online
[Webinar] Utilizando o Design Thinking para Melhorar seus Projetos Online
 
Livro AGILE THINK® CANVAS
Livro AGILE THINK® CANVAS Livro AGILE THINK® CANVAS
Livro AGILE THINK® CANVAS
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGR
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGRPresença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGR
Presença digital do briefing ao relatório - Marcelo Vitorino #Circuito4x1CGR
 
Design Thinking: transformando a forma de pensar e resolver problemas
Design Thinking: transformando a forma de pensar e resolver problemasDesign Thinking: transformando a forma de pensar e resolver problemas
Design Thinking: transformando a forma de pensar e resolver problemas
 
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
 
Fundamentos da Engenharia de Software
Fundamentos da Engenharia de SoftwareFundamentos da Engenharia de Software
Fundamentos da Engenharia de Software
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 

Plus de Leandro Alves

WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula03
WPI – Pós Design de Interação IEC PUC Minas aula03WPI – Pós Design de Interação IEC PUC Minas aula03
WPI – Pós Design de Interação IEC PUC Minas aula03Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula01
WPI – Pós Design de Interação IEC PUC Minas aula01WPI – Pós Design de Interação IEC PUC Minas aula01
WPI – Pós Design de Interação IEC PUC Minas aula01Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula02
WPI – Pós Design de Interação IEC PUC Minas aula02WPI – Pós Design de Interação IEC PUC Minas aula02
WPI – Pós Design de Interação IEC PUC Minas aula02Leandro Alves
 
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...Leandro Alves
 
Relatório Genius [Design de Interação PUC/MG]
Relatório Genius [Design de Interação PUC/MG]Relatório Genius [Design de Interação PUC/MG]
Relatório Genius [Design de Interação PUC/MG]Leandro Alves
 
Perfis de uso do caixa automático [Design de Interação PUC/MG]
Perfis de uso do caixa automático [Design de Interação PUC/MG]Perfis de uso do caixa automático [Design de Interação PUC/MG]
Perfis de uso do caixa automático [Design de Interação PUC/MG]Leandro Alves
 
Estudo de caso: Legacy [Design de Interação PUC/MG]
Estudo de caso: Legacy [Design de Interação PUC/MG]Estudo de caso: Legacy [Design de Interação PUC/MG]
Estudo de caso: Legacy [Design de Interação PUC/MG]Leandro Alves
 
Relatório parcial caixa automático [Design de Interação PUC/MG]
Relatório parcial caixa automático [Design de Interação PUC/MG]Relatório parcial caixa automático [Design de Interação PUC/MG]
Relatório parcial caixa automático [Design de Interação PUC/MG]Leandro Alves
 
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]Leandro Alves
 
Acessibilidade NBR 15250 [Design de Interação PUC/MG]
Acessibilidade NBR 15250 [Design de Interação PUC/MG]Acessibilidade NBR 15250 [Design de Interação PUC/MG]
Acessibilidade NBR 15250 [Design de Interação PUC/MG]Leandro Alves
 

Plus de Leandro Alves (13)

WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06
 
WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05
 
WPI – Pós Design de Interação IEC PUC Minas aula03
WPI – Pós Design de Interação IEC PUC Minas aula03WPI – Pós Design de Interação IEC PUC Minas aula03
WPI – Pós Design de Interação IEC PUC Minas aula03
 
WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04
 
WPI – Pós Design de Interação IEC PUC Minas aula01
WPI – Pós Design de Interação IEC PUC Minas aula01WPI – Pós Design de Interação IEC PUC Minas aula01
WPI – Pós Design de Interação IEC PUC Minas aula01
 
WPI – Pós Design de Interação IEC PUC Minas aula02
WPI – Pós Design de Interação IEC PUC Minas aula02WPI – Pós Design de Interação IEC PUC Minas aula02
WPI – Pós Design de Interação IEC PUC Minas aula02
 
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...
ROI (retorno sobre investimento) em usabilidade em projetos de desenvolviment...
 
Relatório Genius [Design de Interação PUC/MG]
Relatório Genius [Design de Interação PUC/MG]Relatório Genius [Design de Interação PUC/MG]
Relatório Genius [Design de Interação PUC/MG]
 
Perfis de uso do caixa automático [Design de Interação PUC/MG]
Perfis de uso do caixa automático [Design de Interação PUC/MG]Perfis de uso do caixa automático [Design de Interação PUC/MG]
Perfis de uso do caixa automático [Design de Interação PUC/MG]
 
Estudo de caso: Legacy [Design de Interação PUC/MG]
Estudo de caso: Legacy [Design de Interação PUC/MG]Estudo de caso: Legacy [Design de Interação PUC/MG]
Estudo de caso: Legacy [Design de Interação PUC/MG]
 
Relatório parcial caixa automático [Design de Interação PUC/MG]
Relatório parcial caixa automático [Design de Interação PUC/MG]Relatório parcial caixa automático [Design de Interação PUC/MG]
Relatório parcial caixa automático [Design de Interação PUC/MG]
 
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]
Estudo de Touchpad: eye tracking [Design de Interação PUC/MG]
 
Acessibilidade NBR 15250 [Design de Interação PUC/MG]
Acessibilidade NBR 15250 [Design de Interação PUC/MG]Acessibilidade NBR 15250 [Design de Interação PUC/MG]
Acessibilidade NBR 15250 [Design de Interação PUC/MG]
 

Aplicando Design Centrado no Usuário em projetos de interação (rápido / fácil / barato)

  • 1. Dia Mundial da Usabilidade 2008 Caio Cesar Aplicando Design Centrado no Usuário em projetos de interação (rápido / fácil / barato) Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 2. Caio Cesar? Ensino / Pesquisa / Consultoria Comunicação online Marketing Design de Interação Design Centrado no Usuário UPA member Especialização em Design Centrado no Usuário IEC / PUC Minas Coordenação Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 3. Agenda de hoje WUD Desafio Design Centrado no Usuário Design de Interação Usabilidade Aplicação em projetos de interação Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 4. World Usability Day Desde 2005 Tentativa de transformar o mundo num lugar melhor Divulgar e evangelizar a usabilidade Necessidade de melhorarmos nossos produtos Em 2008 Tema: transporte Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 5. O desafio do WUD Global Transport Challenge worldusabilityday.org/globaltransportchallenge Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 6. Revisão de conceitos Mas o que é Design Centrado no Usuário mesmo? Participação do usuário no processo de design E Design de Interação, o que é? Desenvolvimento de produtos interativos para auxílio das pessoas em suas tarefas no dia-a-dia E o que isso tem a ver com usabilidade? Utilização eficiente / Fácil aprendizado Fácil de recordar / Poucos erros / Agradável Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 7. Aplicação em projetos Observe, converse e interaja com usuários Desça de seu altar / pedestal / trono! Entenda as necessidades dos usuários Proponha soluções Valide as propostas com os usuários Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 8. Como fazer? Fase de descobertas Entrevistas Identificação de perfis e necessidades Construção de personas Cenários de uso Objetivos do projeto Definição de metas de usabilidade Observação da concorrência Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 9. Como fazer? Fase de planejamento Fluxos de navegação / uso / execução de tarefas Distribuição / ordenação de conteúdo Execução de card sorting Wireframing Fase de produção – Layout Wireframing Protótipos lo-fi Validação com usuários Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 10. Como fazer? Fase de implementação Prototipação hi-fi Testes com usuários Fase de lançamento Análise heurística Testes com usuários Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 11. Quanto custa? Recursos necessários - Conhecimento das técnicas e metodologias - Espaço físico - Boa vontade - Usuários - Equipamento básico Material de escritório Sistema (H/S) de captação de imagem e áudio Normalmente, isso representa 10% do custo Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 12. E agora? Depois disso tudo, o que vem depois? Começar a fazer! (Lembra do altar / pedestal / trono?) Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc
  • 13. Obrigado Dúvidas e sugestões: caiocgo@caiocesar.cc www.caiocesar.cc Caio Cesar Giannini Oliveira www.caiocesar.cc | caiocgo@caiocesar.cc