user interface (ui) x user experience (ux)
TRANSCRIPT
USER INTERFACE (UI)X
USER EXPERIENCE (UX)Qual a diferença?
Por que ambos os conceitos são tão importantes?
Alagoas Dev DayAbril 2015
• Estudante de Ciência da Computação
• Front-end developer
• Entusiasta do Material Design
• Colunista no DobreaDireita.com
• Imitador da Marília Gabriela (só quando insistem muito)Gustavo Gobbi
Quem sou eu?
UI Designer UX Designer
Parte criativa e visual
Elementos consistentes
O famoso “designer”
Lado emocional
Facilidade de uso
Fluidez e clareza
Modelo de Dan Saffer
“Sua aplicação é uma moto"
No começo…
Módulos, muitos módulos…
E finalmente…
Sem mais motos.
Vamos falar sobre o que a gente sabe.
Material Design
Material Design• Anunciado na Google I/O 2014 e
introduzido primeiramente no Android 5.0 Lollipop
• "Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science”
• Também presente na web através de frameworks como Polymer, Materialize, Leaf e outros
• Curiosidade: O líder de desenvolvimento do MD é latino-americano. Não perca a fé.
• Confirmação visual instantânea no ponto de contato
• Mecanismo Touch Ripple
• Articulação de ataque e duração do evento do toque
Calculadora
Surface reaction
Navigation drawer
• Pense fora da caixa: há muito mais do que um retângulo
• Elevação: o conteúdo embaixo ainda é visível, mas é escurecido como uma sombra
• Senso de localização: sempre deve mostrar aonde você está
Netflix
Floating action button
• Promoted actions: Atividades de alta prioridade no app
• Não à ditadura das toolbars!
• Experiência de leitura continua ótima
Evernote
Por que eu devo ligar tanto para isso?
http://bit.ly/botao300
"The $300 million button"
“Together we stand, divided we fall”Pink Floyd
Obrigado a todos e que a Força esteja com vocês!