Talk sobre User Interface e User Experience exibido no Alagoas Dev Day em abril de 2015.
Size: 18.31 MB
Language: pt
Added: Apr 18, 2015
Slides: 18 pages
Slide Content
USER INTERFACE (UI)
X
USER EXPERIENCE (UX)
Qual a diferença?
Por que ambos os conceitos são tão importantes?
Alagoas Dev Day
Abril 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"