UX & UI
User experience matters!
Presented by Celão
Index
- Concepts
- Do & Don't
- The worst volume UI
- Accessibility
- Case: Rung
concepts
ui
- Meio pelo qual uma pessoa interage com um dispositivo
- Conjunto de componentes (botões, menus ...)
- Representa a parte gráfica, a interface
uX
- Sentimento do usuário em relação ao uso da sua aplicação
- Acessibilidade, facilidade, interação
- A experiência real de uso
Como desenvolvedores, é útil que conheçamos boas práticas de ui para que nossos usuários tenham a melhor experiência
a
experiência não
precisa ser traumatizante
Text
Microsoft, stop!
vamos mergulhar em uma experiência linda e cheirosa?
DO & Don't
tenha uma paleta
tipografia importa
adapte
espaçamento é vida
alinhe as coisas
olha a resolução!
mantenha estupidamente simples
Não seja invasivo
dê feedback visual
cuidado com formulários
deixe as coisas claras
internacionalize
cuidado com colunas
the worst volume ui
Accessibility
não exclua pessoas
daltonismo
- É ideal que seu software tenha um modo para daltonismo
- Normalmente, a maior dificuldade costuma ser com a cor vermelha
daltonismo
cegueira
- Leitores de tela: Orca, Chromevox
- Descrição em todos os elementos e imagens
- Ordem dos elementos sugestiva
cegueira
não use a cor como único meio de prover informação
Case: Rung
O usuário importa
- Padronização de componentes visuais
- Paleta de cores bem definida
- Material design
- Padrão de imagens e ícones
- Efeitos leves e não invasivos
case: Rung
¡Gracias!
um pequeno passo para o homem, um grande passo para o homem
2017, William Rozin