$ 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/

Apresentacao - User-experience

  • 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 “UXdesign – ou como a experiência do usuário deve ser o foco” $ display
  • 5.
    $ echo “UXdesign – 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 “UXdesign – 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 “Objetivosda Qualidade em Uso” ➢ Eficiência ➢ Produtividade ➢ Segurança ➢ Satisfação $ display
  • 8.
    $ echo “Usabilidadee a Utilidade dos Elementos” $ echo 'Affordance' && display
  • 9.
    $ echo “Usabilidadee a Utilidade dos Elementos” $ echo 'O usuário nem sempre usará da forma que esperamos' $ display
  • 10.
    $ echo “Alinguagem 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 “Alinguagem 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õesdo mal” $ gcc bad-pattern.c -o bad-pattern Segmentation fault (core dumped) $ display lado-negro-da-forca.jpg
  • 16.
    $ echo “Padrõesdo 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õesdo mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display tente-cancelar.jpg
  • 18.
    $ echo “Padrõesdo mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display continuacao-forcada.jpg
  • 19.
    $ echo “Padrõesdo mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display opt-out.jpg
  • 20.
    $ echo “Padrõesdo mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display preco-escondido.jpg
  • 21.
    $ echo “Padrõesdo mal” $$ eecchhoo “““PPPaaadddrrrõõõeeesss dddooo mmmaaalll””” $ display isca.jpg
  • 22.
    $ echo “Padrõesdo 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/