Tips voor bruikbare websites van steden en gemeenten
Karl Gilis – De 'G' in AGConsult
Web usability & Informatiearchitectuur
Twitter: @AGConsult
E-mail: [email protected]
Mensen met lange tenen verlaten best de zaal
www.agconsult.be www.usability-blog.be
Enkele klanten
Domme beweringen over websites
- Elke pagina bereikbaar in 3 kliks- Website moet antwoord bieden op alle
vragen- Homepage moet vooral informeren- Lange pagina’s zijn not done- Rechts is goede plaats voor call-to-
action- Foto’s van lachende mensen zijn tof
Lees de usability blog http://usability-blog.be
Waarover ik het niet ga hebben
• Waarom usability
belangrijk is
• Tips voor een betere website
• Jullie websites
Waarover dan wel?
1. Wat is usability eigenlijk?
Zorgen dat bezoekers hun doel kunnen bereiken
En dat ze een goed gevoel hebben bij uw website
• De juiste informatie• Op de juiste plaats• Op het juiste moment• In de juiste bewoordingen
2. Is het einddoel echt die tevreden bezoeker?
Hoofddoel: meer winst, minder kosten
© AGConsult
Het resultaat van meer bezoekers
© AGConsult
Het resultaat van een betere usability
© AGConsult
3. Geen meningen, maar feiten
Jullie mening is onbelangrijk
De klant staat centraal
Klant is koning ?
Klant is koningdictator
Het wereldbeeld van een heel slimme mens: Aristoteles.
Hij had het helemaal mis.
Mijn wereldbeeld tot ik 30 jaar was.
Ik had het helemaal mis.
Karl Gilis
De visie van heel wat communicatiemensen, web managers en politici.
Zij hebben het helemaal mis.
Mijn website / Mijn gemeente
De bittere waarheid over internet.
De bezoeker staat centraal.
Hij is de koning.De dictator zelfs.
En hij heeft altijd gelijk.
De bezoeker
"Offline marketing is about getting attention.
Web marketing is about paying attention."
Gerry McGovern
Geen plaats voor ego's bij maken van website
© Wharton Internet Marketing
4. Op feiten gebaseerde websites: hoe beginnen?
Luister naar je klanten
Gebruikersonderzoek Checklists zijn rommel
www.agconsult.be www.usability-blog.be
• Nieuwe website of bestaande bijsturen?
• Logfileanalyse
• Wie-Waarom enquête• Tevredenheidsenquet
e
• Gebruikerstest
Hoe weet je hoe goed/slecht je site is?
"Logfiles zeggen wat mensen doen.
Niet of ze dat wel wouden doen.
Ze zeggen niets over wat mensen niet (kunnen) doen."
Karl Gilis
www.agconsult.be www.usability-blog.be
Gebruikerstest: basisopstelling
www.agconsult.be www.usability-blog.be
6 à 10 gebruikers volstaat
5. Focus op toptaken
© Gerry McGovern: The Long Neck
www.agconsult.be www.usability-blog.be
Wie vindt dat Google een bedrijf is met veel producten en diensten?
About us | News | Research | Advertise with us | Tools | Software | World Wide Search | Blog | Jobs
Welcome to GoogleSince 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. Read more. Much more.
Google hot news• Google still the biggest.• Google does not fear Wolfram.• Six Degrees of Google Search
Appliance: now searching billions of documents
• Google Launches New, Data-Rich Dashboard in Local Business Center
More news Even more very exciting news.
In the pictureOn June 5th Google launched an even better search.What's new?- More pages indexed.- Improved algorythm.- Faster results Read more. Try the search
Free newsletterSubscribe now! It's free!Click here
Discover our tools• Orkut• Google Talk.• Google Docs• Picasa• Gmail• Google Pack More tools
www.agconsult.be www.usability-blog.be
Vraag
Wat zijn volgens jullie de top taken voor de websites van Esso, Fina, Shell, Q8 or Lukoil?
6. Veel keuzes maken kiezen moeilijker
Zet je website op dieet
- Pagina’s met verouderde info- Pagina’s die zelden bezocht worden- Blablateksten- Ban pagina’s die ‘moeten’ naar de krochten van uw website
7. Probeer big bang vernieuwingen te vermijden
Verbeter je website voortdurend!
• Logfile-analyse
• Trefwoordanalyse / SEO analyse
• Gevonden?-enquête
• AB-testing
• Gebruikerstest
8. Toch een gloednieuwe website nodig? Splits architectuur- en bouwfase
•Architectuurfase
•Bouwfase
•Voortdurend verbeteren
9. Omarm usability
Zorg dat je het meent!
10. Usability en design gaan hand in hand
"Webdesign moet in de eerste plaats functioneel zijn."
"For every element on a web page there should be a clear justification for doing so."
"Stop adding stuff just because you can. It’s time to start dieting."
"Limiting the functionality and visual overload will make your message clearer."
Jason GrossFat Free Web Design
11. Vergeet nooit voor wie je het doet!
Reclame
• 2 enquêtes• tag clouds, toptaken en scores van je site • Benchmark met andere websites (anoniem)• Eindrapport voor sites van steden en gemeenten
750 €1.750 €2.100 €
• Waarom usability
belangrijk is.
• Tips voor een betere website
• Jullie websites
1. Spreek de taal van je publiek
2. Focus op de toptaken. Altijd! Ook al is je online strategie ruimer.
Core website: 100% focus op taken bezoekers
• Sociale media
• Subsites, partnerships, …
• Blog, communities, uit, …
• Core website
3. Doelgroep kiezen is nooit een toptaak
www.agconsult.be www.usability-blog.be
Tijd voor een quiz
Oudenaarde: welke foto voor bewoners, welke voor ondernemers?
www.agconsult.be www.usability-blog.be
Het antwoord
4. Nieuws lezen is nooit een toptaak
Resultaat van 65.000 respondenten
Amper 1% komt om nieuws te lezen.
De nieuwslezers behoren zelden tot je echte doelgroep...
5. Homepage = uitvalsbasis
Duidelijke blokken sturen bezoekers meteen naar dat deel van de site dat voor hen belangrijk is.
Door focus op toptaken is meteen duidelijk wat u doet.
Meer dan 55 links en toch geen overladen gevoel.
www.agconsult.be www.usability-blog.be www.webusability-blog.com www.blog-ergonomieweb.be
Je kan de blokjes ook laten openklappen.
Toptaken centraal, daaronder blokken met links.
6. Bouw je navigatie rond toptaken of thema’s
Uw interne keuken interesseert niemand.
Plaats wat belangrijk is voor de bezoeker, vooraan.
Het gaat om dienstverlening, niet om de dienst
Mensen komen naar uw website om iets te doen, niet om te lezen wat u doet.
Kies voor 1 hoofdnavigatie.Of voor een duidelijke hoofdnavigatie en een minder opvallende secundaire navigatie (toolbar)
Kies voor 1 hoofdnavigatie.
Te veel navigatie is te moeilijk.
Kies voor 1 hoofdnavigatie.
Herhaal zeker geen items in je navigatie.
Dit systeem werkt. Wat niet wil zeggen dat het het beste is.
Nog niet getest, maar wij houden alvast van de populaire links in de openklapmenu.
Oh ja: gebruik never ever nog zijdelings openklappende menu's
7. Waarom een afzonderlijk e-loket?
8. Keuzepagina's dienen om keuzes te maken
Hoe het niet moet 1
Hoe het niet moet 2
Hoe het niet moet 3
www.agconsult.be www.usability-blog.be
Mogelijkheid 1: Blokjes met links
www.agconsult.be www.usability-blog.be
Mogelijkheid 2: Links onder elkaar
www.agconsult.be www.usability-blog.be
Indien veel links, best groeperen.
Uiteraard zijn er nog meer mogelijkheden
Ook een goed voorbeeld van een keuzepagina.
Geen blabla. Gewoon: kiezen!
9. Detailpagina's die onmiddellijk overtuigen
?
Zorg dat alle informatie voor iedereen duidelijk is.
Begin met een soort executive summary
Kan ook bij minder sexy producten of diensten
En zelfs bij puur informatieve pagina's
Altijd duidelijke tussentitels
Tussentitels en springlinks op langere pagina's.
10. Op detailpagina's is de rechterbalk dood
Aandachtsverdeling surfers
Oké
Niet oké
Twijfelgeval.Zeker ook onderaan zetten
Uitstekend
11. Gebruik afbeeldingen op een slimme manier
Schrap overbodige prentjes
www.agconsult.be www.usability-blog.be
12. Stop met volzinnen te schrijven
www.agconsult.be www.usability-blog.be
Bullets: het geheim van online copywriting
Ook belangrijk: kom ter zake.Dood aan blabla!
13. Kijk foutmeldingen na
14. Test je zoekfunctie
www.agconsult.be www.usability-blog.be
Denk een klein beetje na
www.agconsult.be www.usability-blog.be
Een klein beetje maar
www.agconsult.be www.usability-blog.be
En maak jezelf niet belachelijk
15. Gebruik je gezond verstand
16. Huur een specialist in
AGConsult03 293 39 [email protected] www.agconsult.be Twitter: @agconsult
• Waarom usability
belangrijk is.
• Tips voor een betere website
• Jullie websites
Top Related