Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

User Interface (UI) x User Experience (UX)

1.836 visualizaciones

Publicado el

Talk sobre User Interface e User Experience exibido no Alagoas Dev Day em abril de 2015.

Publicado en: Diseño
  • Inicia sesión para ver los comentarios

User Interface (UI) x User Experience (UX)

  1. 1. 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
  2. 2. • 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?
  3. 3. UI Designer UX Designer Parte criativa e visual Elementos consistentes O famoso “designer” Lado emocional Facilidade de uso Fluidez e clareza
  4. 4. Modelo de Dan Saffer
  5. 5. “Sua aplicação é uma moto"
  6. 6. No começo…
  7. 7. Módulos, muitos módulos…
  8. 8. E finalmente…
  9. 9. Sem mais motos. Vamos falar sobre o que a gente sabe.
  10. 10. Material Design
  11. 11. 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é.
  12. 12. • Confirmação visual instantânea no ponto de contato • MecanismoTouch Ripple • Articulação de ataque e duração do evento do toque Calculadora Surface reaction
  13. 13. 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
  14. 14. Floating action button • Promoted actions:Atividades de alta prioridade no app • Não à ditadura das toolbars! • Experiência de leitura continua ótima Evernote
  15. 15. Por que eu devo ligar tanto para isso? http://bit.ly/botao300 "The $300 million button"
  16. 16. “Together we stand, divided we fall” Pink Floyd
  17. 17. fb.com/gobbigustavo @GobbiGustavo +GustavoGobbi gustavogobbi@ic.ufal.br
  18. 18. Obrigado a todos e que a Força esteja com vocês!

×