Usability AGConsult

945 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Usability AGConsult

  1. 1. Tips voor bruikbare websites van steden en gemeenten<br />Karl Gilis – De 'G' in AGConsult<br />Web usability & Informatiearchitectuur<br />Twitter: @AGConsult<br />E-mail: karl.gilis@agconsult.be<br />
  2. 2. Mensen met lange tenen verlaten best de zaal<br />
  3. 3. Enkele klanten<br />
  4. 4. Domme beweringen over websites<br /><ul><li> Elke pagina bereikbaar in 3 kliks
  5. 5. Website moet antwoord bieden op alle vragen
  6. 6. Homepage moet vooral informeren
  7. 7. Lange pagina’s zijn notdone
  8. 8. Rechts is goede plaats voor call-to-action
  9. 9. Foto’s van lachende mensen zijn tof</li></li></ul><li>Lees de usability blog<br /> http://usability-blog.be <br />
  10. 10. Waarover ik het niet ga hebben<br />
  11. 11. Waarover dan wel?<br />
  12. 12. 1. Wat is usability eigenlijk?<br />
  13. 13. Zorgen dat bezoekers hun doel kunnen bereiken<br />
  14. 14. En dat ze een goed gevoel hebben bij uw website<br />
  15. 15. De juiste informatie<br /> Op de juiste plaats<br /> Op het juiste moment<br /> In de juiste bewoordingen<br />
  16. 16. 2. Is het einddoel echt die tevreden bezoeker?<br />
  17. 17. Hoofddoel: meer winst, minder kosten<br />
  18. 18. © AGConsult<br />
  19. 19. Het resultaat van meer bezoekers<br />© AGConsult<br />
  20. 20. Het resultaat van een betere usability<br />© AGConsult<br />
  21. 21. 3. Geen meningen, maar feiten<br />
  22. 22. Jullie mening is onbelangrijk<br />
  23. 23. De klant staat centraal<br />
  24. 24. Klant is koning ?<br />
  25. 25. Klant is koning<br />dictator<br />
  26. 26. Het wereldbeeld van een heel slimme mens: Aristoteles.<br />Hij had het helemaal mis.<br />
  27. 27. Mijn wereldbeeld tot ik 30 jaar was.<br />Ik had het helemaal mis.<br />Karl Gilis<br />
  28. 28. De visie van heel watcommunicatiemensen, web managers en politici.<br />Zijhebben het helemaalmis.<br />Mijnwebsite / Mijngemeente<br />
  29. 29. De bittere waarheid over internet.<br />De bezoeker staat centraal.<br />Hij is de koning.<br />De dictator zelfs.<br />En hij heeft altijd gelijk.<br />De bezoeker<br />
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34. "Offline marketing is about getting attention. <br />Web marketing is about paying attention."<br />GerryMcGovern<br />
  35. 35.  Geen plaats voor ego's bij maken van website<br />© Wharton Internet Marketing<br />
  36. 36. 4. Op feiten gebaseerde websites: hoe beginnen?<br />
  37. 37.  Luister naar je klanten<br />
  38. 38. Gebruikersonderzoek Checklists zijn rommel<br />
  39. 39. Hoe weet je hoe goed/slecht je site is?<br />
  40. 40. "Logfileszeggenwatmensendoen. <br />Niet of zedatwelwoudendoen.<br />Zezeggenniets over watmensenniet (kunnen)doen."<br />Karl Gilis<br />
  41. 41.
  42. 42.
  43. 43.
  44. 44.
  45. 45. Gebruikerstest: basisopstelling<br />
  46. 46. 6 à 10 gebruikers volstaat<br />
  47. 47. 5. Focus op toptaken<br />
  48. 48. © Gerry McGovern: The Long Neck<br />
  49. 49.
  50. 50. Wie vindt dat Google een bedrijf is met veel producten en diensten?<br />
  51. 51.
  52. 52.
  53. 53. About us | News | Research | Advertise with us | Tools | Software | World Wide Search | Blog | Jobs<br />In the picture<br />On June 5th Google launched an even better search.<br />What's new?<br /><ul><li>More pages indexed.
  54. 54. Improved algorythm.
  55. 55. Faster results
  56. 56. Read more.
  57. 57. Try the search</li></ul>Welcome to Google<br />Since 1998 Google is the world leader in global web search solutions. Our sophisticated bots are crawling over 8 billion pages. We index those pages with an algorithm created by our founders Larry Page and Sergey Brin.<br /><ul><li>Read more. Much more.</li></ul>Google hot news<br />Google still the biggest.<br />Google does not fear Wolfram.<br />Six Degrees of Google Search Appliance: now searching billions of documents<br />Google Launches New, Data-Rich Dashboard in Local Business Center<br /><ul><li>More news
  58. 58. Even more very exciting news.</li></ul>Discover our tools<br /> Orkut<br /> Google Talk.<br /> Google Docs<br /> Picasa<br /> Gmail<br /> Google Pack<br /><ul><li>More tools</li></ul>Free newsletter<br />Subscribe now! It's free!<br />Click here<br />
  59. 59.
  60. 60. Vraag<br />Watzijnvolgensjullie de top taken voor de websites van Esso, Fina, Shell, Q8 or Lukoil?<br />
  61. 61.
  62. 62.
  63. 63. 6. Veel keuzes maken kiezen moeilijker<br />
  64. 64.  Zet je website op dieet<br /><ul><li> Pagina’s met verouderde info
  65. 65. Pagina’s die zelden bezocht worden
  66. 66. Blablateksten
  67. 67. Ban pagina’s die ‘moeten’ naar de krochten van uw website</li></li></ul><li>
  68. 68.
  69. 69.
  70. 70.
  71. 71. 7. Probeer big bang vernieuwingen te vermijden<br />
  72. 72.  Verbeter je website voortdurend!<br />
  73. 73. 8. Toch een gloednieuwe website nodig? Splits architectuur- en bouwfase<br />
  74. 74. 9. Omarm usability<br />Zorg dat je het meent!<br />
  75. 75. 10. Usability en design gaan hand in hand<br />
  76. 76. "Webdesign moet in de eerste plaats functioneel zijn."<br />"For every element on a web page there should be a clear justification for doing so." <br />
  77. 77. "Stop adding stuff just because you can. It’s time to start dieting."<br />"Limiting the functionality and visual overload will make your message clearer."<br />Jason Gross<br />Fat Free Web Design<br />
  78. 78.
  79. 79.
  80. 80.
  81. 81.
  82. 82. 11. Vergeet nooit voor wie je het doet!<br />
  83. 83. Reclame<br />
  84. 84. 2 enquêtes<br />tagclouds, toptaken en scores van je site <br />Benchmark met andere websites (anoniem)<br /> Eindrapport voor sites van steden en gemeenten<br />750 €<br />1.750 €<br />2.100 €<br />
  85. 85.
  86. 86. 1. Spreek de taal van je publiek<br />
  87. 87.
  88. 88.
  89. 89.
  90. 90.
  91. 91. 2. Focus op de toptaken. Altijd! Ook al is je online strategie ruimer.<br />
  92. 92. Core website: 100% focus op taken bezoekers<br />
  93. 93. 3. Doelgroep kiezen is nooit een toptaak<br />
  94. 94.
  95. 95. Tijd voor een quiz<br />Oudenaarde: welke foto voor bewoners, welke voor ondernemers?<br />
  96. 96. Het antwoord<br />
  97. 97. 4. Nieuws lezen is nooit een toptaak<br />
  98. 98. Amper 1% komt om nieuws te lezen.<br />De nieuwslezers behoren zelden tot je echte doelgroep...<br />Resultaat van 65.000 respondenten<br />
  99. 99.
  100. 100.
  101. 101. 5. Homepage = uitvalsbasis<br />
  102. 102. Duidelijke blokken sturen bezoekers meteen naar dat deel van de site dat voor hen belangrijk is.<br />
  103. 103. Door focus op toptaken is meteen duidelijk wat u doet.<br />
  104. 104. Meer dan 55 links en toch geen overladen gevoel.<br />
  105. 105.
  106. 106. Je kan de blokjes ook laten openklappen.<br />
  107. 107. Toptaken centraal, daaronder blokken met links.<br />
  108. 108. 6. Bouw je navigatie rond toptaken of thema’s<br />Plaats wat belangrijk is voor de bezoeker, vooraan.<br />Uw interne keuken interesseert niemand.<br />
  109. 109.
  110. 110. Het gaat om dienstverlening, niet om de dienst<br />Mensen komen naar uw website om iets te doen, niet om te lezen wat u doet.<br />
  111. 111.
  112. 112.
  113. 113.
  114. 114.
  115. 115.
  116. 116. Kies voor 1 hoofdnavigatie.<br />Of voor een duidelijke hoofdnavigatie en een minder opvallende secundaire navigatie (toolbar)<br />
  117. 117. Kies voor 1 hoofdnavigatie.<br />Te veel navigatie is te moeilijk.<br />
  118. 118. Kies voor 1 hoofdnavigatie.<br />Herhaal zeker geen items in je navigatie.<br />
  119. 119. Dit systeem werkt. <br />Wat niet wil zeggen dat het het beste is.<br />
  120. 120. Nog niet getest, maar wij houden alvast van de populaire links in de openklapmenu.<br />
  121. 121.
  122. 122. Oh ja: gebruik never ever nog zijdelings openklappende menu's<br />
  123. 123. 7. Waarom een afzonderlijk e-loket?<br />
  124. 124.
  125. 125.
  126. 126. 8. Keuzepagina's dienen om keuzes te maken<br />
  127. 127.
  128. 128. Hoe het niet moet 1<br />
  129. 129. Hoe het niet moet 2<br />
  130. 130.
  131. 131.
  132. 132.
  133. 133. Hoe het niet moet 3<br />
  134. 134.
  135. 135. Mogelijkheid 1: Blokjes met links<br />
  136. 136.
  137. 137.
  138. 138. Mogelijkheid 2: Links onder elkaar<br />
  139. 139. Indien veel links, best groeperen.<br />
  140. 140. Uiteraard zijn er nog meer mogelijkheden<br />Ook een goed voorbeeld van een keuzepagina.<br />Geen blabla. Gewoon: kiezen!<br />
  141. 141. 9. Detailpagina's die onmiddellijk overtuigen<br />
  142. 142. ?<br />
  143. 143.
  144. 144.
  145. 145. Zorg dat alle informatie voor iedereen duidelijk is.<br />
  146. 146.
  147. 147.
  148. 148.
  149. 149.
  150. 150. Begin met eensoort executive summary<br />
  151. 151. Kan ookbij minder sexy producten of diensten<br />
  152. 152. En zelfsbijpuurinformatievepagina's<br />
  153. 153. Altijdduidelijketussentitels<br />
  154. 154. Tussentitels en springlinks op langere pagina's.<br />
  155. 155. 10. Op detailpagina's is de rechterbalk dood<br />
  156. 156. Aandachtsverdeling surfers<br />
  157. 157.
  158. 158.
  159. 159.
  160. 160. Oké<br />
  161. 161. Niet oké<br />
  162. 162. Twijfelgeval.<br />Zeker ook onderaan zetten<br />
  163. 163. Uitstekend<br />
  164. 164. 11. Gebruik afbeeldingen op een slimme manier<br />
  165. 165.
  166. 166.
  167. 167.
  168. 168.
  169. 169.
  170. 170.
  171. 171. Schrap overbodige prentjes<br />
  172. 172. 12. Stop met volzinnen te schrijven<br />
  173. 173. Bullets: het geheim van online copywriting<br />
  174. 174.
  175. 175.
  176. 176. Ook belangrijk: kom ter zake.<br />Dood aan blabla!<br />
  177. 177. 13. Kijk foutmeldingen na<br />
  178. 178.
  179. 179.
  180. 180.
  181. 181. 14. Test je zoekfunctie<br />
  182. 182.
  183. 183.
  184. 184. Denk een klein beetje na<br />
  185. 185. Een klein beetje maar<br />
  186. 186. En maak jezelf niet belachelijk<br />
  187. 187. 15. Gebruik je gezond verstand<br />
  188. 188. 16. Huur een specialist in<br />AGConsult<br />03 293 39 96<br />karl.gilis@agconsult.be<br />www.agconsult.be<br />Twitter: @agconsult<br />

×