Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Usabilidade pá-pum - Natan Souza - webbr2016

designernatan
October 17, 2016
Design
2
940

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

designernatan

October 17, 2016
Tweet

Other Decks in Design

See All in Design
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
350
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
610
Night Shift (beginning sequence)
cpineda57
0
910
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン｜TOKYO CREATIVE COLLECTION
madue
1
1.2k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
Slip N Slime - Character Design Ideation
thebogheart
0
310
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
300
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
アフォーダンスとシグニファイア
ryokanakai
1
320
(第１回) アーキテクト・テックリード育成講座
masakaya
0
100

Featured

See All Featured
The Pragmatic Product Professional
lauravandoore
31
6.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Designing Experiences People Love
moore
138
23k
Done Done
chrislema
181
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
For a Future-Friendly Web
brad_frost
175
9.4k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Practical Orchestrator
shlominoach
186
10k

Transcript

  1. Usabilidade pá-pum @designernatan Natan Souza

  2. Natan Souza @designernatan Instrutor de UX e front-end

  3. None

  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

  14. None

  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

  20. None
  21. None
  22. None

  23. Número de alternativas Tempo para escolher

  24. Lei de Hick +alternativas = +tempo

  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None

  33. 0.3s

  34. 0.7s 0.3s

  35. None
  36. None
  37. None
  38. None

  39. Usabilidade

  40. Lei de Fitts +longe e pequeno = +tempo

  41. None

  42. 2 segundos para achar a busca...

  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None

  59. Busca simples, confortável, canto

  60. None
  61. None
  62. None

  63. Férias \o/

  64. None
  65. None
  66. None
  67. None
  68. None
  69. None

  70. bit.ly/aindaDisquete

  71. Título Texto

  72. Consistência Trabalhar elementos semelhantes sempre da mesma maneira

  73. None
  74. None
  75. None
  76. None
  77. None

  78. ¯\_( )_/¯

  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None

  87. Call to action Me veja, me clique

  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None
  97. None
  98. None
  99. None

  100. O quê? Por quê? E agora?

  101. O quê? Por quê? E agora?

  102. O quê? Por quê? E agora?

  103. None

  104. What Why What next?

  105. None
  106. None
  107. None
  108. None
  109. None
  110. None
  111. None
  112. None
  113. None
  114. None
  115. None

  116. http://blog.booking.com/hamburger-menu.html

  117. None
  118. None
  119. None
  120. None

  121. Abas

  122. None
  123. None
  124. None
  125. None

  126. Menu Burguer icon != bala de prata

  127. None

  128. uxsp.in (Slack) meetup.com bit.ly/caelumUX FREE

  129. None
  130. None

  131. 10% off webbr16 alura.com.br/promocao/

  132. None

  133. One more thing...

  134. Vagas! :D

  135. [email protected] Instrutor de UX Instrutor de Front-end (full-time & presencial)

  136. Natan Souza @designernatan [email protected]