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

ctrl+x é ✂, não ❌ 

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