NEFLIN - Useful, Usable, Desirable

Transcript

1. USABLE USEFUL DESIRABLE
2. USING THE LIBRARY INTRO WEBSITE SIGNAGE POLICIES
3. QUESTIONS SERVICE POINTS THE END
4. INTRO
5. WHAT IS UX?
6. JUST FOR TECH UX IS NOT
7. TECH FIXES UX IS NOT
8. CUSTOMER SERVICE UX IS NOT
9. INTERACTION
 DESIGN
11. flickr.com/photos/awhitis/3604577998
13. PURPOSE
14. flickr.com/photos/georgmayer/126254265
16. TOUCHPOINTS
17. USER EXPERIENCE
19. TOUCHPOINTS
20. USER EXPERIENCE
21. 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
22. 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
23. USEFUL USABLE DESIRABLE
24. § © 2010 Bill & Melinda Gates Foundation | § Photo: Photo credit here if required (see speaker notes) 24
25. § © 2010 Bill & Melinda Gates Foundation | § Photo: Photo credit here if required (see speaker notes) 25
26. § © 2010 Bill & Melinda Gates Foundation | § Photo: Photo credit here if required (see speaker notes) 26
31. USING THE LIBRARY
32. COLLECTIONS ARE RELEVANT TO MEMBER NEEDS
34. INSERT DIFFERENT COLLECTIONS
35. MARKETING MATERIALS ARE RELEVANT TO MEMBER NEEDS
37. INSERT
39. YOU MERCHANDISE YOUR MATERIALS
41. LIBRARY SERVICES & PROGRAMS SOLVE PROBLEMS
42. INSERT
43. BIG PICTURE DESIGN TECHNIQUES WHAT IS UX? WHY UX?
45. BIG PICTURE DESIGN TECHNIQUES WHAT IS UX? WHY UX?
46. TECH IN YOUR LIBRARY IS RELEVANT, USEFUL, USABLE
52. SIGNAGE
53. ALL SIGNAGE USES THE SAME VISUAL LANGUAGE
56. INSERT
57. INSERT
58. INSERT
59. INSERT
60. INSERT
61. DIFFERENT TYPES OF SIGNS ARE VISUALLY DISTINCT
62. CONCLUSION DESIGN TECHNIQUES WHAT IS UX? WHY UX? INSTRUCTIONAL IDENTIFICATIONAL REGULATORY DIRECTIONAL INFORMATIONAL
63. THERE ARE AS FEW SIGNS AS POSSIBLE
64. https://www.flickr.com/photos/herzogbr/2437165908
65. THERE ARE NO PAPER SIGNS TAPED TO SURFACES
66. BIG PICTURE DESIGN TECHNIQUES WHAT IS UX? WHY UX?
69. REGULATORY SIGNS ARE POLITE, PLAIN, AND FRIENDLY
70. WARNING!
71. Absolutely no: cellphones, eating, or drinking in the library. Thank you!
72. Absolutely no: cellphones, eating, or drinking in the library. Thank you!
73. Absolutely no: Thank you! - cellphones - eating - drinking
74. Polite use of cell phones encouraged. Thank you! Niceville Public Library
77. LIBRARY CARDS CONTAIN USEFUL INFO AND EMPLOY THE LIBRARY’S VISUAL LANGUAGE
80. FIRST-TIME VISITORS CAN FIND ALL PARTS OF THE LIBRARY
82. POLICIES & CUSTOMER SERVICE
83. YOU HAVE A SERVICE PHILOSOPHY
85. YOU LIVE YOUR SERVICE PHILOSOPHY
86. STAFF MEMBERS ARE FRIENDLY & GENUINELY WANT TO HELP
88. SERVICE IS CONSISTENT ACROSS DEPARTMENTS & MODALITIES
91. SERVICE IS CONSISTENT ACROSS THE ORGANIZATION
92. THERE IS AS LITTLE POLICY AS POSSIBLE
94. LIBRARY POLICIES EMPOWER STAFF
102. ONLINE
103. MEMBERS CAN EASILY ACCOMPLISH CRITICAL TASKS
104. MEMBERS CAN EASILY SEARCH FOR ITEMS AND PLACE HOLDS
105. SEARCH BOX HOURS LOCATION CONTACT EVENTS SERVICES
106. NV = V/D NV = NET VALUE V = VALUE D = DISTRACTION
107. THE SIZE OF YOUR WEBSITE IS COMMENSURATE WITH THE AMOUNT OF EFFORT YOU CAN DEVOTE TO IT
108. JUNK DRAWER SYNDROME flickr.com/photos/29541077@N00/4711956912
109. SIGNAL:NOISE
114. SMALLER IS BETTER
115. LESS IS LESS
117. CONTENT IS WRITTEN FOR THE WEB
124. 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.
125. FUNCTIONAL READING
126. REMOVE UNNECESSARY WORDS
127. REMOVE WORDS
128. website tips WARNING!
129. website tips
130. WARNING!
132. website tips flickr.com/photos/eye2eye/50892860
133. ? YOUR SITE = FAQ
134. WARNING!
136. TYPOGRAPHY
137. Library Library
139. PAGE RHYTHM
140. MAKE IT SCANNABLE
141. HEADING HEADING CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
142. HEADING HEADING CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
143. CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT HEADING CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT HEADING
144. NOT TOO SMALL NOT TOO BIG
147. WEBSITE EMPLOYS DESIGN CONVENTIONS
149. WEAREINFLUX.COM/PREFAB
151. HOMEPAGE EXPRESSES WHAT CAN BE DONE ON THE SITE
152. WARNING!
153. INSERT
154. WEBSITE IS EASY TO USE ON ALL DEVICES
155. INSERT
156. WEBSITE EMPLOYS THE LIBRARY’S VISUAL LANGUAGE
157. INSERT
158. INSERT
160. SERVICE POINTS
161. SERVICE DESKS ADJUST TO CHANGING NEEDS
162. https://www.flickr.com/photos/seamkkirjasto/13532305613
163. MEMBERS RECEIVE ASSISTANCE WHEN AND WHERE NEEDED
164. https://www.flickr.com/photos/seeminglee/8345206363/
165. MEMBERS RECEIVE THE KIND OF ASSISTANCE THEY NEED
166. https://www.flickr.com/photos/quinnanya/1807372528/
167. MEMBERS READILY APPROACH SERVICE DESKS
168. https://www.flickr.com/photos/60584010@N00/3131239031
169. https://www.flickr.com/photos/herzogbr/1658397241
172. https://www.flickr.com/photos/ellf/3870209412
173. https://www.flickr.com/photos/kaptainkobold/445410913
174. https://www.flickr.com/photos/mosmanlibrary/4978489374
175. https://www.flickr.com/photos/malbooth/10401642075
176. ADDITIONAL RESOURCES
179. ?????
180. THANKS!! AMANDA ETCHES AMANDAETCHES@GMAIL.COM @ETCHES AARON SCHMIDT LIBRARIAN@GMAIL.COM @WALKINGPAPER