Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Como é a área de UX Design ?

Livia Gabos
January 07, 2021

Como é a área de UX Design ?

Apresentação dada para os alunos do Curso técnico, a pedido da professora Vivi Mota

Livia Gabos

January 07, 2021
Tweet

More Decks by Livia Gabos

Other Decks in Technology

Transcript

  1. Como é a área
    de UX Design?
    Livia Gabos

    View full-size slide

  2. Olá!
    ● +10 anos na área de UX com foco principal em Acessibilidade
    ● Mestrado em Visualização de Informação
    ● Já dei aulas de programação para pessoas com deficiência
    visual
    ● Sou coordenadora de acessibilidade em produtos na Hand Talk

    View full-size slide

  3. ● Experiência do usuário
    ● Termo guarda-chuva
    UX

    View full-size slide

  4. ● Experiência do usuário
    ● Termo guarda-chuva
    UX
    Escrita Visual
    Pesquisa Estrutura
    Usabilidade

    View full-size slide

  5. O que é UX?
    • É responsável por projetar a experiência da pessoa que usa o
    produto ou serviço.
    • Pensando em fidelizar e conquistar clientes.

    View full-size slide

  6. UX
    ● Entender quem usa
    ● Necessidades ou problemas
    ● Avaliar o uso
    ● Melhorar a experiência

    View full-size slide

  7. Estudamos
    • Comportamento humano e seus padrões
    • Emoções
    • Tendências de mercado

    View full-size slide

  8. UX e as outras áreas
    Visual
    Interação
    Texto
    UX

    View full-size slide

  9. UX e as outras áreas
    Visual
    Interação
    Texto
    UX
    Pesquisa

    View full-size slide

  10. UX e as outras áreas
    Visual
    Interação
    Texto
    UX
    Pesquisa

    View full-size slide

  11. Pesquisas
    ● Quem é o usuário
    ● Estamos atendendo as expectativas
    ● Resolvendo problemas

    View full-size slide

  12. Jornada do usuário

    View full-size slide

  13. Pesquisa dá o direcionamento
    Visual
    Acessibilidade
    Interações
    Escrita
    Estrutura

    View full-size slide

  14. Interações
    ● Não é apenas o padrão normal
    ● Comum é usar mouse e teclado
    ● Não apenas isso!

    View full-size slide

  15. Interações
    ● Celular é mais comum
    ● Consoles
    ● Voz
    ● Sensores de movimento

    View full-size slide

  16. Acessibilidade
    ● Performance
    ● Boa experiência de uso

    View full-size slide

  17. Acessibilidade
    ● Quase 25% da população brasileira tem algum tipo de
    deficiência
    ● Quase 7% são de alta severidade
    ● É lei ;)

    View full-size slide

  18. Affordance
    ● Se eu escrever um texto e tiver um link
    ● E se eu for daltônico
    ● Affordance são padrões visuais que nós ajudam a identificar
    ações
    ● Por isso muitos links possuem

    View full-size slide

  19. Affordance
    ● Mudança do mouse quando o elemento é clicável
    ● Ícones apresentando movimentos como swipe ou scroll

    View full-size slide

  20. Gestalt
    ● Estudo da percepção humana em relação as formas
    ● Para se compreendermos as partes de uma forma, é necessário
    antes, entender o todo que o envolve e o compõe.

    View full-size slide

  21. Princípios proximidade

    View full-size slide

  22. Navegação
    ● Interações
    ● Diferentes tipos de dispositivos
    ● Navegação natural

    View full-size slide

  23. Visual
    ● Cores interessantes
    ● Contrastes e que combinam
    ● Tipografia
    ● Imagens

    View full-size slide

  24. Experiência

    View full-size slide

  25. Panorama da área de UX
    ● Salários
    ● Diversidade
    ● Liderança
    ● Onde trabalhamos
    ● Tomada de decisão por algoritmos

    View full-size slide

  26. Como
    começar?

    View full-size slide

  27. Como começar?

    Mesmo que você já decida ir para uma área que não
    seja interfaces visuais, é importante estudar os
    conceitos de UX Design
    • Heurísticas
    • Gestalt
    • Conhecer e participar de comunidades

    View full-size slide

  28. Na área que querem se especializar
    ● Entendam quais são:
    ○ Boas práticas de design e desenvolvimento
    ○ Padrões de interfaces e interações
    ○ Aprendam o básico de outras áreas

    View full-size slide

  29. Grata!
    www.liviagabos.com
    @liviagabos
    Livia Gabos

    View full-size slide