Save 37% off PRO during our Black Friday Sale! »

UX Bootcamp!

UX Bootcamp!

A UX primer given at Computers in Libraries 2013.

Transcript

  1. UX BOOTCAMP! AMANDA ETCHES AARON SCHMIDT

  2. BIG PICTURE DESIGN TECHNIQUES WHAT IS UX? WHY UX? WHAT

    IS UX? DESIGN WHY UX? HOW TO DO UX ASSESSING UX DESIGN
  3. HAD A GREAT/ TERRIBLE EXPERIENCE LATELY?

  4. WHY UX

  5. INTERACTION DESIGN

  6. None
  7. http://www.flickr.com/photos/traceyp3031/2892438542/

  8. None
  9. COOKING!

  10. flickr.com/photos/awhitis/3604577998

  11. flickr.com/photos/asimpledarksquid/246047146

  12. flickr.com/photos/23618675@N05/3417229426

  13. flickr.com/photos/jenwaller/4012203772

  14. None
  15. None
  16. None
  17. None
  18. None
  19. PURPOSE

  20. flickr.com/photos/georgmayer/126254265

  21. ACCESS BASED

  22. flickr.com/photos/beebe_library/5044733756

  23. None
  24. None
  25. http://bradcolbow.com/archive/view/the_brads_why_drm_doesnt_work/?p=205

  26. None
  27. LIBRARY CARD PASSWORD LOGIN

  28. Search I’m feeling smart

  29. Search I’m feeling smart Search Log In Advanced Search Boolean

    Search Contact Us Keyword Title Author
  30. flickr.com/photos/quasimondo/98423379

  31. AMAZON APPLE GOOGLE

  32. None
  33. None
  34. GOOD BAD

  35. LIBRARY INNOVATION, CURRENTLY

  36. None
  37. TOOLS

  38. http://www.flickr.com/photos/caroslines/1411778034/

  39. http://www.flickr.com/photos/thewrittengeek/4683980767

  40. `

  41. WHAT IS UX?

  42. JUST FOR TECH UX IS NOT

  43. TECH FIXES UX IS NOT

  44. CUSTOMER SERVICE UX IS NOT

  45. USEFUL USABLE DESIRABLE

  46. None
  47. TOUCHPOINTS

  48. USER EXPERIENCE

  49. 8 PRINCIPLES 8

  50. YOU ARE NOT YOUR USER 1

  51. None
  52. None
  53. None
  54. YOUR USERS ARE NOT BROKEN 2

  55. - + - +

  56. None
  57. None
  58. ROOMS 1501-1505 ICE & VENDING ROOMS 1506-1534

  59. None
  60. GOOD UX REQUIRES EMPATHY 3

  61. None
  62. None
  63. GOOD UX REQUIRES RESEARCH 4

  64. None
  65. None
  66. None
  67. attitudinal behavioural surveys focus groups card sorts interviews contextual inquiry

    usability testing cultural probes
  68. EASY HAS TO COME BEFORE INTERESTING 5

  69. None
  70. None
  71. EASY

  72. EASY INTERESTING

  73. EASY INTERESTING EASY INTERESTING

  74. GOOD DESIGN IS UNIVERSAL 6

  75. None
  76. None
  77. equitable flexible simple & intuitive perceptible tolerant of error low

    physical effort size, space, approach
  78. GOOD DESIGN IS INTENTIONAL 7

  79. None
  80. GOOD DESIGN IS HOLISTIC 8

  81. P V B L I C L I B R

    A R Y
  82. None
  83. None
  84. None
  85. None
  86. None
  87. GUIDE TO THE LIBRARY

  88. None
  89. None
  90. NAV NAV NAV NAV NAV NAV NAV NAV NAV ITEM

    ITEM ITEM ITEM ITEM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer faucibus mollis metus ac semper. Cras eget est risus, ut auctor ante. Sed ut elementum orci. Praesent bibendum ultricies risus. • Donec faucibus quam vel tortor consequat feugiat. Nullam venenatis dui vel leo porta iaculis. • Nullam et diam vitae lacus bibendum varius id at libero. • Vivamus lectus nulla, faucibus eget porta convallis, elementum in nisi. • Vivamus hendrerit, lacus in posuere laoreet, tortor metus mollis massa, ac pretium enim odio iaculis. ITEM ITEM ITEM SEARCH
  91. None
  92. ! © 2010 Bill & Melinda Gates Foundation | !

    Photo: Photo credit here if required (see speaker notes) 92
  93. ! © 2010 Bill & Melinda Gates Foundation | !

    Photo: Photo credit here if required (see speaker notes) 93
  94. ! © 2010 Bill & Melinda Gates Foundation | !

    Photo: Photo credit here if required (see speaker notes) 94
  95. LIBRARY UX

  96. LIBRARY TOUCHPOINTS catalog databases email instant messaging text messaging online

    reference telephone print newsletter advertisements parking lot building library workers signage furniture / shelving materials programs / events / classes computers brochures / posters / library card website
  97. HOW TO DO UX!

  98. LIBRARIANS ARE DESIGNERS

  99. WHAT IS DESIGN?

  100. None
  101. None
  102. ARRANGING THINGS FOR A PURPOSE

  103. EVERYTHING IS DESIGNED

  104. None
  105. THE ROLE OF THE DESIGNER IS THAT OF A GOOD

    HOST ANTICIPATING THE NEEDS OF THEIR GUEST.
  106. DESIGNED HOW?

  107. None
  108. None
  109. DESIGNING FOR BEHAVIOR

  110. DESIGNING WITH INTENT

  111. CURIOSITY

  112. EMPATHY

  113. EASY THEN INTERESTING

  114. 5 STEPS OF DESIGN THINKING

  115. None
  116. None
  117. UNDERSTAND OBSERVE PROTOTYPE EVALUATE IMPLEMENT

  118. TOUCHPOINTS TECHNIQUES website library building signage furniture behavioural attitudinal participatory

  119. WEBSITE

  120. SCOPE

  121. JUNK DRAWER SYNDROME flickr.com/photos/29541077@N00/4711956912

  122. SIGNAL:NOISE

  123. None
  124. None
  125. None
  126. None
  127. SMALLER IS BETTER

  128. LESS IS LESS

  129. None
  130. CONTENT AUDIT

  131. ACCURATE USEFULNESS USED WEB-WRITTEN ON MESSAGE LAST UPDATED

  132. 0 0 0 0 0 0 WEB-WRITTEN

  133. WORKFLOW

  134. REQUEST CREATE EDIT APPROVE PUBLISH UPDATE ARCHIVE REMOVE STRUCTURE CATEGORIZE

    STYLE
  135. None
  136. BASIC DESTINATION PARTICIPATORY

  137. None
  138. WEAREINFLUX.COM/PREFAB

  139. None
  140. WEAREINFLUX.COM/ONEPAGER

  141. REWRITE YOUR SITE

  142. None
  143. None
  144. None
  145. None
  146. None
  147. None
  148. How do you feel about reading this text? This might

    be a perfectly acceptable way to write a research paper or novel but websites aren’t for reading. Sorry to break it to you. People don’t want to read your website. They want to find your information. They’re on a mission and all of the extra text you’re putting on the screen is getting in the way of letting them accomplish their goals.
  149. FUNCTIONAL READING

  150. None
  151. REMOVE UNNECESSARY WORDS

  152. REMOVE WORDS

  153. WARNING!

  154. None
  155. website tips WARNING!

  156. website tips

  157. READ THIS

  158. READ THIS

  159. USABILITY TESTING

  160. WHAT WATCHING PEOPLE USE YOUR WEBSITE

  161. WHY FIND PAINPOINTS

  162. HOW

  163. CRITICAL TASKS MUST-HAVES FOR FOR YOUR USERS

  164. None
  165. RECRUITING TESTERS

  166. None
  167. CONDUCTING A TEST

  168. None
  169. None
  170. SCRIPTS

  171. “it’s not you, it’s us!”

  172. SCENARIOS “Search a library database for an article about exercise.”

  173. SCENARIOS “Search a library database for an article about exercise.”

    “You want to run a marathon and need to know how to train for it. Find the latest information in a magazine about training for a marathon.”
  174. YOUR TEST ROOM

  175. None
  176. THE DEBRIEF

  177. PAPER PROTOTYPING

  178. WHAT TESTING EARLY PROTOTYPES

  179. WHY SAVE TIME! SAVE MONEY! MAKE INFORMED CHOICES!

  180. HOW

  181. 5 SECOND TESTS Bonus!

  182. CARD SORTS

  183. None
  184. None
  185. HEAT MAPS

  186. INSERT

  187. INSERT

  188. A/B TESTING

  189. None
  190. None
  191. PERSONAS

  192. WHAT DO PEOPLE WANT DO TO ON THIS SITE?

  193. ???? ??? PEOPLE ???? ?? ?? ?? ???? ?????

  194. STUDENTS & FACULTY

  195. UNDERGRADS FACULTY ADJUNCTS

  196. KIDS TEENS ADULTS

  197. READERS LEARNERS ENTERTAINMENT

  198. USER INTERVIEWS

  199. BRAINSTORM COMMON TASKS

  200. GROUP UNIQUE TASKS

  201. NAME GROUPS

  202. PR IM ARY 26 Age Quote Undergrad Student w/ Disability

    Esther Cambridge Ted Hendricks Connect the theory and practice of teacher education for education students. Connect students with education theorists. Teach students how to find good, quality research. Become a better researcher, using library resources more effectively Encourage students to ask questions and think critically Find a job in my field. Get as much content as I can online for all my classes. Get better at narrowing down my research focus. Get better at keeping up with the research happening in my field. Education Faculty Undergrad Researcher Find research materials as quickly as possible Maintain high GPA Balance schoolwork with life Get a research assistant job. Get better at doing research faster and more efficiently. 20 "I don't do as much group work as I'd like to… it's hard because a lot of students don't really know what to do around some who's disabled. It's not their fault, they're just not used to it… My biggest issue is trying to figue out how to make them feel comfortable, you know?" "I'm all over campus. Sometimes I'm in a practice space, sometimes I'm looking for good wifi, and sometimes I'm too exhausted to go anywhere so I do research at home." Alice Cummings Use technology to improve access to textbooks and other printed materials. Use as many campus resources to improve my mobility and access to materials. Become as independent as possible getting around campus. 45 Sylvia Page @ Potsdam Goals Name Music Graduate Student 22 "I don't use the library stuff....I just use Google Scholar because I type what I want and it pops up with the exact article I'm looking for." "I've never been good about bringing my classes to the library...I know I could collaborate more with the librarians here, but honestly, I just haven't had the time to do that, and I've felt a little badly about it." Potsdam University Libraries Personas 1 of 2
  203. PR IM ARY 26 Age Quote Undergrad Student w/ Disability

    Esther Cambridge Ted Hendricks Connect the theory and practice of teacher education for education students. Connect students with education theorists. Teach students how to find good, quality research. Become a better researcher, using library resources more effectively Encourage students to ask questions and think critically Find a job in my field. Get as much content as I can online for all my classes. Get better at narrowing down my research focus. Get better at keeping up with the research happening in my field. Education Faculty Undergrad Researcher Find research materials as quickly as possible Maintain high GPA Balance schoolwork with life Get a research assistant job. Get better at doing research faster and more efficiently. 20 "I don't do as much group work as I'd like to… it's hard because a lot of students don't really know what to do around some who's disabled. It's not their fault, they're just not used to it… My biggest issue is trying to figue out how to make them feel comfortable, you know?" "I'm all over campus. Sometimes I'm in a practice space, sometimes I'm looking for good wifi, and sometimes I'm too exhausted to go anywhere so I do research at home." Alice Cummings Use technology to improve access to textbooks and other printed materials. Use as many campus resources to improve my mobility and access to materials. Become as independent as possible getting around campus. 45 Sylvia Page @ Potsdam Goals Name Music Graduate Student 22 "I don't use the library stuff....I just use Google Scholar because I type what I want and it pops up with the exact article I'm looking for." "I've never been good about bringing my classes to the library...I know I could collaborate more with the librarians here, but honestly, I just haven't had the time to do that, and I've felt a little badly about it." Potsdam University Libraries Personas 1 of 2 CRITICAL TASKS
  204. BUILDINGS -&- FURNITURE

  205. CONTEXTUAL INQUIRY

  206. flickr.com/photos/lwr/2202253598

  207. flickr.com/photos/lwr/2202253598

  208. flickr.com/photos/lwr/2202253598

  209. flickr.com/photos/lwr/2202253598

  210. SIGNS

  211. None
  212. BIG PICTURE DESIGN TECHNIQUES WHAT IS UX? WHY UX? INSTRUCTIONAL

    IDENTIFICATIONAL REGULATORY DIRECTIONAL INFORMATIONAL
  213. None
  214. None
  215. JOURNEY MAPPING

  216. HOLISTIC VIEW

  217. 1. See book recommendation in library newsletter 2. Place hold

    on book through library website 3. Receive notification email 4. Travel to library 5. Park in lot 6. Enter building 7. Take child to youth services department 8. Locate reserve shelf 9. Locate item on shelf 10. Reclaim child from children’s room 11. Walk to self-check machine 12. Interact with library worker 13. Exit building RESERVE & PICK UP
  218. None
  219. ASSESSING UX

  220. -patron- WORK LIKE A DAY

  221. UX

  222. GO TEAM

  223. LEARNING MORE

  224. THIS TOO

  225. READ THIS

  226. WEAREINFLUX.COM/UX

  227. WALKINGPAPER.ORG

  228. USABLELIBRARY.ORG

  229. WEAVEUX.ORG

  230. CONCLUSION

  231. The whole building at all times should be managed in

    the broadest spirit of hospitality; the atmosphere should be as gracious, kindly and sympathetic as one’s own home. Then do away with all unnecessary restrictions, take down all the bars, and try to put face to face our friends the books and our friends the people. Miss Gratia Alta Countryman
  232. EVERY WE MAKE EXPERIENCE THE LIBRARY. WE’RE CREATING AFFECTS HOW

    PEOPLE LET’S MAKE SURE IMPROVEMENTS DECISION
  233. ?????

  234. THANKS!! AARON SCHMIDT AMANDA ETCHES HELLO@WEAREINFLUX.COM WEAREINFLUX.COM