Usabilidade pá-pum - Natan Souza - webbr2016

O mundo tem pressa. Pensando nisso juntei algumas dicas e insights rápidos sobre usabilidade para você já sair usando em seus projetos.

Palestra dada na Conferência W3C / Web BR 2016 (13/10/2016).

#webbr2016 #webbr16

Transcript

1. Usabilidade pá-pum @designernatan Natan Souza
2. Natan Souza @designernatan Instrutor de UX e front-end
4. bit.ly / designernatan 10% OFF
5. “ Interface é como uma piada, se você tem que explicar, ela não é tão boa -- Martin LeBlanc
6. ? ?
7. UX usabilidade =
8. UX
9. UX UI
10. UX Gray AI UI
11. Gray UX usabilidade UI Gray AI
12. UX usabilidade = |
13. Usabilidade = facilidade de uso
15. Escolha uma cor...
16. Polar Bear Brown Bear Black Bear Atlas Bear Bergman’s Bear Blue Bear Gobi Bear Kodiak Bear
17. Polar Bear Brown Bear Black Bear Atlas Bear Bergman’s Bear Blue Bear Gobi Bear Kodiak Bear
18. Polar Bear Brown Bear Black Bear Other
19. Polar Bear Brown Bear Black Bear Other
23. Número de alternativas Tempo para escolher
24. Lei de Hick +alternativas = +tempo
33. 0.3s
34. 0.7s 0.3s
39. Usabilidade
40. Lei de Fitts +longe e pequeno = +tempo
42. 2 segundos para achar a busca...
59. Busca simples, confortável, canto
63. Férias \o/
70. bit.ly/aindaDisquete
71. Título Texto
72. Consistência Trabalhar elementos semelhantes sempre da mesma maneira
78. ¯\_( )_/¯
87. Call to action Me veja, me clique
100. O quê? Por quê? E agora?
101. O quê? Por quê? E agora?
102. O quê? Por quê? E agora?
104. What Why What next?
116. http://blog.booking.com/hamburger-menu.html
121. Abas
126. Menu Burguer icon != bala de prata
128. uxsp.in (Slack) meetup.com bit.ly/caelumUX FREE
131. 10% off webbr16 alura.com.br/promocao/
133. One more thing...
134. Vagas! :D
135. trabalhe@caelum.com.br Instrutor de UX Instrutor de Front-end (full-time & presencial)
136. Natan Souza @designernatan designernatan@gmail.com