User Interface (UI) x User Experience (UX)

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

fb.com/gobbigustavo@GobbiGustavo+GustavoGobbi

[email protected]

Obrigado a todos e que a Força esteja com vocês!