SlideShare a Scribd company logo
1 of 66
Usabilidade Visão e processo para implementar projetos com foco no usuário
[object Object],[object Object],[object Object],[object Object],[object Object],USABILIDADE:  de novo esse tema?
[object Object],[object Object],[object Object],[object Object],USABILIDADE:  de novo esse tema?
[object Object]
http://br.youtube.com/watch?v=sYahB9Ib_SY
“ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” A TAL USABILIDADE
“ A capacidade de um  sistema interativo  oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” celulares softwares televisão A maçaneta da minha casa A TAL USABILIDADE
“ A capacidade de um sistema interativo oferecer  a um usuário  em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” telespectadores ouvintes internautas Os motoristas A TAL USABILIDADE
“ A capacidade de um sistema interativo oferecer a um usuário em um determinado  contexto de operação  a realização de tarefas de maneira eficaz, eficiente e agradável.” Hora de ler meus e-mails Acompanhar o sobe e desce da Bolsa de Valores Chegar ao vigésimo andar de elevador A TAL USABILIDADE
“ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de  maneira eficaz, eficiente e agradável .” Comprei os ingressos com antecedência pela internet. É baba, vai lá. Esse mapa do metrô não ajuda em nada. E agora, não sei falar japonês?! Filho, como eu faço pra esse celular parar de tocar? A TAL USABILIDADE
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],A TAL USABILIDADE
[object Object],O MUNDO É DIFÍCIL... http://br.youtube.com/watch?v=xdoc4LaTu_Q
[object Object],O MUNDO É DIFÍCIL... http://br.youtube.com/watch?v=66ShiGK21TA
O MUNDO É DIFÍCIL... ,[object Object]
[object Object],O MUNDO É DIFÍCIL... http://br.youtube.com/watch?v=zG3wCr7_DWw
[object Object],ATERRISANDO NA WEB... Os arquitetos de informação Os designers
OS ARQUITETOS.... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OS ARQUITETOS.... ,[object Object],Infoestrutura Wireframes
OS DESIGNERS... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OS DESIGNERS... ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],O ENCONTRO
O ENCONTRO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],O ENCONTRO
[object Object],Ao digitar uma página inexistente dentro de um domínio existente COMPORTAMENTO 1: Página de erro do browser. Pouco atrativa! O ENCONTRO
[object Object],Ao digitar uma página inexistente dentro de um domínio existente COMPORTAMENTO 2: Maior receptividade. Possibilidade de novos caminhos de navegação e interesse. O ENCONTRO
[object Object],[object Object],[object Object],O ENCONTRO
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],O ENCONTRO
O ENCONTRO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],O ENCONTRO
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],homepage Ferramentas elétricas Tecnologia automotiva O ENCONTRO
[object Object],[object Object],[object Object],[object Object],[object Object],O ENCONTRO
[object Object],[object Object],[object Object],[object Object],O ENCONTRO
[object Object],[object Object],[object Object],O ENCONTRO
[object Object],[object Object],[object Object],O ENCONTRO
O ENCONTRO ,[object Object],[object Object],[object Object]
O ENCONTRO ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],O ENCONTRO
O DESENCONTRO
O DESENCONTRO ,[object Object],[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
O DESENCONTRO ,[object Object],[object Object]
PARA EVITAR... PAPER PROTOTYPE EYE TRACKING CARD SORTING TESTE DE USABILIDADE ANÁLISE HEURÍSTICA 1 2 3 4 5 ,[object Object]
PARA EVITAR... ANÁLISE HEURÍSTICA 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PARA EVITAR... TESTE DE USABILIDADE 2 ,[object Object],[object Object],[object Object],[object Object],[object Object]
PARA EVITAR... TESTE DE USABILIDADE 2 ,[object Object],[object Object],[object Object],[object Object]
PARA EVITAR... CARD SORTING 3 ,[object Object],[object Object],[object Object],[object Object]
CARD SORTING ,[object Object]
CARD SORTING ,[object Object],http://br.youtube.com/watch?v=RTwfz9x98A8
PARA EVITAR... PAPER PROTOTYPE 4 ,[object Object],[object Object],[object Object]
PARA EVITAR... PAPER PROTOTYPE 4
PARA EVITAR... PAPER PROTOTYPE 4
PARA EVITAR... PAPER PROTOTYPE 4
PARA EVITAR... EYE TRACKING 5 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PARA EVITAR... EYE TRACKING 5
PARA EVITAR... EYE TRACKING 5
PARA EVITAR... EYE TRACKING 5
PARA EVITAR... EYE TRACKING 5
PARA EVITAR... EYE TRACKING 5 ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ALGUNS LINKS
[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioGustavo Gil
 
Projetando além da usabilidade
Projetando além da usabilidadeProjetando além da usabilidade
Projetando além da usabilidadefmemoria
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de SitesSimone Cervantes
 
Mobile UX - Princípios Básicos
Mobile UX - Princípios BásicosMobile UX - Princípios Básicos
Mobile UX - Princípios BásicosVítor Teixeira
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
Capitulo 11 Livro Nielsen
Capitulo 11 Livro NielsenCapitulo 11 Livro Nielsen
Capitulo 11 Livro NielsenLuiz Agner
 
UX para agências de publicidade
UX para agências de publicidadeUX para agências de publicidade
UX para agências de publicidadeRichard Jesus
 
UX para Startups
UX para StartupsUX para Startups
UX para StartupsTuia
 
Engenharia de Usabilidade
Engenharia de UsabilidadeEngenharia de Usabilidade
Engenharia de UsabilidadeTiago Souza
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Renato Melo
 
Alessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrirAlessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrirUXPA-Rio
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
 

What's hot (20)

Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Projetando além da usabilidade
Projetando além da usabilidadeProjetando além da usabilidade
Projetando além da usabilidade
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de Sites
 
Mobile UX - Princípios Básicos
Mobile UX - Princípios BásicosMobile UX - Princípios Básicos
Mobile UX - Princípios Básicos
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
Capitulo 11 Livro Nielsen
Capitulo 11 Livro NielsenCapitulo 11 Livro Nielsen
Capitulo 11 Livro Nielsen
 
UX para agências de publicidade
UX para agências de publicidadeUX para agências de publicidade
UX para agências de publicidade
 
User experience
User experienceUser experience
User experience
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 
Engenharia de Usabilidade
Engenharia de UsabilidadeEngenharia de Usabilidade
Engenharia de Usabilidade
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022
 
Alessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrirAlessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrir
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 

Similar to 12° Encontro de WebDesign (usabilidade)

Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Luiz Agner
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01Renato Melo
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
 
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019Renato Melo
 
UX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuárioUX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuárioRenato Melo
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisDaniel Lugondi
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020Renato Melo
 
Desenvolvendo o produto
Desenvolvendo o produtoDesenvolvendo o produto
Desenvolvendo o produtoLaura Lopes
 

Similar to 12° Encontro de WebDesign (usabilidade) (20)

Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Hack2B Startups - UX?
Hack2B Startups - UX?Hack2B Startups - UX?
Hack2B Startups - UX?
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
 
Ux pt2
Ux pt2Ux pt2
Ux pt2
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
 
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
 
UX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuárioUX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuário
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
 
Desenvolvendo o produto
Desenvolvendo o produtoDesenvolvendo o produto
Desenvolvendo o produto
 

12° Encontro de WebDesign (usabilidade)

  • 1. Usabilidade Visão e processo para implementar projetos com foco no usuário
  • 2.
  • 3.
  • 4.
  • 6. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” A TAL USABILIDADE
  • 7. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” celulares softwares televisão A maçaneta da minha casa A TAL USABILIDADE
  • 8. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” telespectadores ouvintes internautas Os motoristas A TAL USABILIDADE
  • 9. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” Hora de ler meus e-mails Acompanhar o sobe e desce da Bolsa de Valores Chegar ao vigésimo andar de elevador A TAL USABILIDADE
  • 10. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável .” Comprei os ingressos com antecedência pela internet. É baba, vai lá. Esse mapa do metrô não ajuda em nada. E agora, não sei falar japonês?! Filho, como eu faço pra esse celular parar de tocar? A TAL USABILIDADE
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56. PARA EVITAR... PAPER PROTOTYPE 4
  • 57. PARA EVITAR... PAPER PROTOTYPE 4
  • 58. PARA EVITAR... PAPER PROTOTYPE 4
  • 59.
  • 60. PARA EVITAR... EYE TRACKING 5
  • 61. PARA EVITAR... EYE TRACKING 5
  • 62. PARA EVITAR... EYE TRACKING 5
  • 63. PARA EVITAR... EYE TRACKING 5
  • 64.
  • 65.
  • 66.