SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
$ echo “UX: uma Responsabilidade de Todos” 
“O maior erro de muitas empresas hoje é atribuir a 
responsabilidade de UX apenas aos designers e 
arquitetos de informação, enquanto um sistema é 
feito por toda uma equipe.”[1] 
$ display
$ echo “UX - Escopo” 
$ display
$ echo “UX design – ou como a experiência do 
usuário deve ser o foco” 
$ display
$ echo “UX design – ou como a experiência do 
usuário deve ser o foco” 
$ grep -E '^Elementos Necessários' 
➢ Os objetivos 
➢ As necessidades dos usuários 
➢ O Conteúdo 
➢ O Design de Interface 
➢ O Design de Navegação 
➢ Arquitetura da Informação 
➢ Arquitetura da Interação 
➢ Acessibilidade
$ echo “UX design – ou como a experiência do 
usuário deve ser o foco” 
$ grep -E '^O que devemos considerar' 
➢ O atendimento das expectativas; 
➢ A eficiência; 
➢ A Qualidade da Experiência; 
➢ A Totalidade das Percepções; 
➢ A Satisfação Emocional.
$ echo “Objetivos da Qualidade em Uso” 
➢ Eficiência 
➢ Produtividade 
➢ Segurança 
➢ Satisfação 
$ display
$ echo “Usabilidade e a Utilidade dos 
Elementos” 
$ echo 'Affordance' && display
$ echo “Usabilidade e a Utilidade dos 
Elementos” 
$ echo 'O usuário nem sempre usará da forma 
que esperamos' 
$ display
$ echo “A linguagem como ppaarrttee iinntteeggrraannttee”” 
$ touch “dicas.md” 
$ vim “dicas.md” 
➢ Toda vez que você utiliza “clique aqui” um gatinho morre. 
➢ Como nomear botões e links 
➢ Meu vs Seu 
➢ Esqueça o botão “cancelar” em formulários 
➢ “Ok” não diz nada 
➢ Saiba como utilizar a emoção a seu favor 
➢ A ordem dos fatores 
➢ Evite linguagem técnica 
➢ Seja simpático na hora de comunicar um problema 
➢ Encontre o tom certo
$ echo “A linguagem como ppaarrttee iinntteeggrraannttee”” 
$ display “royal-pudding.jpg”
$ echo “Interfaces – Redução Progressiva” 
$ display
$ echo “Interfaces – Formulários” 
$ display
$ echo “Arquitetura – Landing Pages” 
$ display
$ echo “Padrões do mal” 
$ gcc bad-pattern.c -o bad-pattern 
Segmentation fault (core dumped) 
$ display lado-negro-da-forca.jpg
$ echo “Padrões do mal” 
➢ Fácil de entrar, difícil de sair. 
➢ Continuidade Forçada 
➢ Opt-out 
➢ Custos ou produtos escondidos 
➢ Jogar uma isca… e mudar o foco 
➢ Botões e anúncios disfarçados
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display tente-cancelar.jpg
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display continuacao-forcada.jpg
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display opt-out.jpg
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display preco-escondido.jpg
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display isca.jpg
$ echo “Padrões do mal” 
$$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” 
$ display link-disfarcado.jpg
$ vim “referencias.md” 
[1]:http://tableless.com.br/ux-uma-responsabilidade-de-todos/ 
[qualidade de uso]:http://tableless.com.br/qualidade-em-uso-expandindo-a-usabilidade/ 
[padroes do mal]:http://tableless.com.br/padroes-de-ux-mal/ 
[reducao progresiva]:http://tableless.com.br/reducao-progressiva/ 
[landing pages]:http://tableless.com.br/arquitetura-da-informacao-em-landing-page/ 
[password masking]:http://tableless.com.br/passwords-em-mobiles/ 
[linguagem]:http://tableless.com.br/a-linguagem-como-parte-integrante-da-user-experience/ 
[utilidade elementos]:http://tableless.com.br/usabilidade-e-utilidade-dos-elementos/ 
[ux design]:http://www.blogwebdesign.microcampsp.com.br/ui-design-e-ux-design-o-que-sao- 
e-quais-as-diferencas-entre-eles/

Mais conteúdo relacionado

Destaque

OSS study#1 asukayokouchi
OSS study#1 asukayokouchiOSS study#1 asukayokouchi
OSS study#1 asukayokouchiAsuka Yokouchi
 
Presentación procedimiento para el encendido de la pc
Presentación  procedimiento para el encendido de la pcPresentación  procedimiento para el encendido de la pc
Presentación procedimiento para el encendido de la pcdessi4ever
 
Maabe tarefa 4ª sessão
Maabe  tarefa 4ª sessãoMaabe  tarefa 4ª sessão
Maabe tarefa 4ª sessãosandraazevedo
 
10º boletín fundación iter
10º boletín fundación iter10º boletín fundación iter
10º boletín fundación iterfundacioniter
 
Mejoramiento genetico 1
Mejoramiento genetico 1Mejoramiento genetico 1
Mejoramiento genetico 1Dagmar Jativa
 
Cuatro temas importantes de redes CMC
Cuatro temas importantes de redes CMCCuatro temas importantes de redes CMC
Cuatro temas importantes de redes CMCShhordi Hurtado
 
MaaServe - Birthing & Beyond
MaaServe - Birthing & BeyondMaaServe - Birthing & Beyond
MaaServe - Birthing & BeyondShreya777
 
Concrete5を知ろう 初心者勉強会開催!
Concrete5を知ろう初心者勉強会開催!Concrete5を知ろう初心者勉強会開催!
Concrete5を知ろう 初心者勉強会開催!武彦 大山
 
Genre research; thriller
Genre research; thrillerGenre research; thriller
Genre research; thrillerhaverstockmedia
 

Destaque (14)

OSS study#1 asukayokouchi
OSS study#1 asukayokouchiOSS study#1 asukayokouchi
OSS study#1 asukayokouchi
 
Presentación procedimiento para el encendido de la pc
Presentación  procedimiento para el encendido de la pcPresentación  procedimiento para el encendido de la pc
Presentación procedimiento para el encendido de la pc
 
Maabe tarefa 4ª sessão
Maabe  tarefa 4ª sessãoMaabe  tarefa 4ª sessão
Maabe tarefa 4ª sessão
 
10º boletín fundación iter
10º boletín fundación iter10º boletín fundación iter
10º boletín fundación iter
 
Workshop Eg
Workshop   EgWorkshop   Eg
Workshop Eg
 
ubuntu 最適化
ubuntu 最適化ubuntu 最適化
ubuntu 最適化
 
4ª SessãO
4ª SessãO4ª SessãO
4ª SessãO
 
Cultivos andinos
Cultivos andinosCultivos andinos
Cultivos andinos
 
Mejoramiento genetico 1
Mejoramiento genetico 1Mejoramiento genetico 1
Mejoramiento genetico 1
 
Cuatro temas importantes de redes CMC
Cuatro temas importantes de redes CMCCuatro temas importantes de redes CMC
Cuatro temas importantes de redes CMC
 
MaaServe - Birthing & Beyond
MaaServe - Birthing & BeyondMaaServe - Birthing & Beyond
MaaServe - Birthing & Beyond
 
Concrete5を知ろう 初心者勉強会開催!
Concrete5を知ろう初心者勉強会開催!Concrete5を知ろう初心者勉強会開催!
Concrete5を知ろう 初心者勉強会開催!
 
Hipotrichosis
HipotrichosisHipotrichosis
Hipotrichosis
 
Genre research; thriller
Genre research; thrillerGenre research; thriller
Genre research; thriller
 

Semelhante a Apresentacao - User-experience

UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para DesenvolvedoresRian Dutra, MSc.
 
Arquitetura e design de software
Arquitetura e design de softwareArquitetura e design de software
Arquitetura e design de softwareVitor Castro
 
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
 
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSCDesafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSCJoão Zaratine
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better ProductsPedro Marques
 
Depurando aplicações PHP like a BOSS
Depurando aplicações PHP like a BOSSDepurando aplicações PHP like a BOSS
Depurando aplicações PHP like a BOSSThiago Rodrigues
 
11 historias e 1 segredo
11 historias e 1 segredo11 historias e 1 segredo
11 historias e 1 segredoLuiz Borba
 
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdf
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdfTDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdf
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdfFernandoIto8
 
Do impresso para o tablet
Do impresso para o tabletDo impresso para o tablet
Do impresso para o tabletdualpixel
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPelliando dias
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoRodrigo Reis
 
JavaScript ninja com jQuery
JavaScript ninja com jQueryJavaScript ninja com jQuery
JavaScript ninja com jQueryReinaldo Junior
 
Responsive web design_CPRecife2 - Felipe de Albuquerque
Responsive web design_CPRecife2 -  Felipe de AlbuquerqueResponsive web design_CPRecife2 -  Felipe de Albuquerque
Responsive web design_CPRecife2 - Felipe de AlbuquerqueFelipe de Albuquerque
 
Demoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralDemoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralVanderson Silva
 

Semelhante a Apresentacao - User-experience (20)

UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para Desenvolvedores
 
Arquitetura e design de software
Arquitetura e design de softwareArquitetura e design de software
Arquitetura e design de software
 
Ux
UxUx
Ux
 
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
 
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSCDesafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better Products
 
Depurando aplicações PHP like a BOSS
Depurando aplicações PHP like a BOSSDepurando aplicações PHP like a BOSS
Depurando aplicações PHP like a BOSS
 
11 historias e 1 segredo
11 historias e 1 segredo11 historias e 1 segredo
11 historias e 1 segredo
 
Introducao ihm
Introducao ihmIntroducao ihm
Introducao ihm
 
Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3
 
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdf
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdfTDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdf
TDC Conn 2022_ O Esqueleto de um Projeto de Dados (2).pdf
 
Do impresso para o tablet
Do impresso para o tabletDo impresso para o tablet
Do impresso para o tablet
 
Acessibilidade Web
Acessibilidade WebAcessibilidade Web
Acessibilidade Web
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHP
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
 
JavaScript ninja com jQuery
JavaScript ninja com jQueryJavaScript ninja com jQuery
JavaScript ninja com jQuery
 
Responsive web design_CPRecife2 - Felipe de Albuquerque
Responsive web design_CPRecife2 -  Felipe de AlbuquerqueResponsive web design_CPRecife2 -  Felipe de Albuquerque
Responsive web design_CPRecife2 - Felipe de Albuquerque
 
Ihm07
Ihm07Ihm07
Ihm07
 
Demoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralDemoiselle Behave - Visão Geral
Demoiselle Behave - Visão Geral
 

Apresentacao - User-experience

  • 1.
  • 2. $ echo “UX: uma Responsabilidade de Todos” “O maior erro de muitas empresas hoje é atribuir a responsabilidade de UX apenas aos designers e arquitetos de informação, enquanto um sistema é feito por toda uma equipe.”[1] $ display
  • 3. $ echo “UX - Escopo” $ display
  • 4. $ echo “UX design – ou como a experiência do usuário deve ser o foco” $ display
  • 5. $ echo “UX design – ou como a experiência do usuário deve ser o foco” $ grep -E '^Elementos Necessários' ➢ Os objetivos ➢ As necessidades dos usuários ➢ O Conteúdo ➢ O Design de Interface ➢ O Design de Navegação ➢ Arquitetura da Informação ➢ Arquitetura da Interação ➢ Acessibilidade
  • 6. $ echo “UX design – ou como a experiência do usuário deve ser o foco” $ grep -E '^O que devemos considerar' ➢ O atendimento das expectativas; ➢ A eficiência; ➢ A Qualidade da Experiência; ➢ A Totalidade das Percepções; ➢ A Satisfação Emocional.
  • 7. $ echo “Objetivos da Qualidade em Uso” ➢ Eficiência ➢ Produtividade ➢ Segurança ➢ Satisfação $ display
  • 8. $ echo “Usabilidade e a Utilidade dos Elementos” $ echo 'Affordance' && display
  • 9. $ echo “Usabilidade e a Utilidade dos Elementos” $ echo 'O usuário nem sempre usará da forma que esperamos' $ display
  • 10. $ echo “A linguagem como ppaarrttee iinntteeggrraannttee”” $ touch “dicas.md” $ vim “dicas.md” ➢ Toda vez que você utiliza “clique aqui” um gatinho morre. ➢ Como nomear botões e links ➢ Meu vs Seu ➢ Esqueça o botão “cancelar” em formulários ➢ “Ok” não diz nada ➢ Saiba como utilizar a emoção a seu favor ➢ A ordem dos fatores ➢ Evite linguagem técnica ➢ Seja simpático na hora de comunicar um problema ➢ Encontre o tom certo
  • 11. $ echo “A linguagem como ppaarrttee iinntteeggrraannttee”” $ display “royal-pudding.jpg”
  • 12. $ echo “Interfaces – Redução Progressiva” $ display
  • 13. $ echo “Interfaces – Formulários” $ display
  • 14. $ echo “Arquitetura – Landing Pages” $ display
  • 15. $ echo “Padrões do mal” $ gcc bad-pattern.c -o bad-pattern Segmentation fault (core dumped) $ display lado-negro-da-forca.jpg
  • 16. $ echo “Padrões do mal” ➢ Fácil de entrar, difícil de sair. ➢ Continuidade Forçada ➢ Opt-out ➢ Custos ou produtos escondidos ➢ Jogar uma isca… e mudar o foco ➢ Botões e anúncios disfarçados
  • 17. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display tente-cancelar.jpg
  • 18. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display continuacao-forcada.jpg
  • 19. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display opt-out.jpg
  • 20. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display preco-escondido.jpg
  • 21. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display isca.jpg
  • 22. $ echo “Padrões do mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display link-disfarcado.jpg
  • 23. $ vim “referencias.md” [1]:http://tableless.com.br/ux-uma-responsabilidade-de-todos/ [qualidade de uso]:http://tableless.com.br/qualidade-em-uso-expandindo-a-usabilidade/ [padroes do mal]:http://tableless.com.br/padroes-de-ux-mal/ [reducao progresiva]:http://tableless.com.br/reducao-progressiva/ [landing pages]:http://tableless.com.br/arquitetura-da-informacao-em-landing-page/ [password masking]:http://tableless.com.br/passwords-em-mobiles/ [linguagem]:http://tableless.com.br/a-linguagem-como-parte-integrante-da-user-experience/ [utilidade elementos]:http://tableless.com.br/usabilidade-e-utilidade-dos-elementos/ [ux design]:http://www.blogwebdesign.microcampsp.com.br/ui-design-e-ux-design-o-que-sao- e-quais-as-diferencas-entre-eles/