Usability AGConsult

178
Tips voor bruikbare websites van steden en gemeenten Karl Gilis – De 'G' in AGConsult Web usability & Informatiearchitectuur Twitter: @AGConsult E-mail: [email protected]

description

 

Transcript of Usability AGConsult

Page 1: Usability AGConsult

Tips voor bruikbare websites van steden en gemeenten

Karl Gilis – De 'G' in AGConsult

Web usability & Informatiearchitectuur

Twitter: @AGConsult

E-mail: [email protected]

Page 2: Usability AGConsult

Mensen met lange tenen verlaten best de zaal

Page 3: Usability AGConsult

www.agconsult.be www.usability-blog.be

Enkele klanten

Page 4: Usability AGConsult

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

Page 5: Usability AGConsult

Lees de usability blog http://usability-blog.be

Page 6: Usability AGConsult

Waarover ik het niet ga hebben

Page 7: Usability AGConsult

• Waarom usability

belangrijk is

• Tips voor een betere website

• Jullie websites

Waarover dan wel?

Page 8: Usability AGConsult

1. Wat is usability eigenlijk?

Page 9: Usability AGConsult

Zorgen dat bezoekers hun doel kunnen bereiken

Page 10: Usability AGConsult

En dat ze een goed gevoel hebben bij uw website

Page 11: Usability AGConsult

• De juiste informatie• Op de juiste plaats• Op het juiste moment• In de juiste bewoordingen

Page 12: Usability AGConsult

2. Is het einddoel echt die tevreden bezoeker?

Page 13: Usability AGConsult

Hoofddoel: meer winst, minder kosten

Page 14: Usability AGConsult

© AGConsult

Page 15: Usability AGConsult

Het resultaat van meer bezoekers

© AGConsult

Page 16: Usability AGConsult

Het resultaat van een betere usability

© AGConsult

Page 17: Usability AGConsult

3. Geen meningen, maar feiten

Page 18: Usability AGConsult

Jullie mening is onbelangrijk

Page 19: Usability AGConsult

De klant staat centraal

Page 20: Usability AGConsult

Klant is koning ?

Page 21: Usability AGConsult

Klant is koningdictator

Page 22: Usability AGConsult

Het wereldbeeld van een heel slimme mens: Aristoteles.

Hij had het helemaal mis.

Page 23: Usability AGConsult

Mijn wereldbeeld tot ik 30 jaar was.

Ik had het helemaal mis.

Karl Gilis

Page 24: Usability AGConsult

De visie van heel wat communicatiemensen, web managers en politici.

Zij hebben het helemaal mis.

Mijn website / Mijn gemeente

Page 25: Usability AGConsult

De bittere waarheid over internet.

De bezoeker staat centraal.

Hij is de koning.De dictator zelfs.

En hij heeft altijd gelijk.

De bezoeker

Page 26: Usability AGConsult
Page 27: Usability AGConsult
Page 28: Usability AGConsult
Page 29: Usability AGConsult
Page 30: Usability AGConsult

"Offline marketing is about getting attention.

Web marketing is about paying attention."

Gerry McGovern

Page 31: Usability AGConsult

Geen plaats voor ego's bij maken van website

© Wharton Internet Marketing

Page 32: Usability AGConsult

4. Op feiten gebaseerde websites: hoe beginnen?

Page 33: Usability AGConsult

Luister naar je klanten

Page 34: Usability AGConsult

Gebruikersonderzoek Checklists zijn rommel

Page 35: Usability AGConsult

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?

Page 36: Usability AGConsult

"Logfiles zeggen wat mensen doen.

Niet of ze dat wel wouden doen.

Ze zeggen niets over wat mensen niet (kunnen) doen."

Karl Gilis

Page 37: Usability AGConsult
Page 38: Usability AGConsult
Page 39: Usability AGConsult
Page 40: Usability AGConsult
Page 41: Usability AGConsult

www.agconsult.be www.usability-blog.be

Gebruikerstest: basisopstelling

Page 42: Usability AGConsult

www.agconsult.be www.usability-blog.be

6 à 10 gebruikers volstaat

Page 43: Usability AGConsult

5. Focus op toptaken

Page 44: Usability AGConsult

© Gerry McGovern: The Long Neck

Page 45: Usability AGConsult
Page 46: Usability AGConsult

www.agconsult.be www.usability-blog.be

Wie vindt dat Google een bedrijf is met veel producten en diensten?

Page 47: Usability AGConsult
Page 48: Usability AGConsult
Page 49: Usability AGConsult

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

Page 50: Usability AGConsult
Page 51: Usability AGConsult

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?

Page 52: Usability AGConsult
Page 53: Usability AGConsult
Page 54: Usability AGConsult

6. Veel keuzes maken kiezen moeilijker

Page 55: Usability AGConsult

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

Page 56: Usability AGConsult
Page 57: Usability AGConsult
Page 58: Usability AGConsult
Page 59: Usability AGConsult
Page 60: Usability AGConsult

7. Probeer big bang vernieuwingen te vermijden

Page 61: Usability AGConsult

Verbeter je website voortdurend!

• Logfile-analyse

• Trefwoordanalyse / SEO analyse

• Gevonden?-enquête

• AB-testing

• Gebruikerstest

Page 62: Usability AGConsult

8. Toch een gloednieuwe website nodig? Splits architectuur- en bouwfase

•Architectuurfase

•Bouwfase

•Voortdurend verbeteren

Page 63: Usability AGConsult

9. Omarm usability

Zorg dat je het meent!

Page 64: Usability AGConsult

10. Usability en design gaan hand in hand

Page 65: Usability AGConsult

"Webdesign moet in de eerste plaats functioneel zijn."

"For every element on a web page there should be a clear justification for doing so."

Page 66: Usability AGConsult

"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

Page 67: Usability AGConsult
Page 68: Usability AGConsult
Page 69: Usability AGConsult
Page 70: Usability AGConsult
Page 71: Usability AGConsult

11. Vergeet nooit voor wie je het doet!

Page 72: Usability AGConsult

Reclame

Page 73: Usability AGConsult

• 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 €

Page 74: Usability AGConsult

• Waarom usability

belangrijk is.

• Tips voor een betere website

• Jullie websites

Page 75: Usability AGConsult

1. Spreek de taal van je publiek

Page 76: Usability AGConsult

www.agconsult.be www.usability-blog.be

Page 77: Usability AGConsult
Page 78: Usability AGConsult
Page 79: Usability AGConsult
Page 80: Usability AGConsult

2. Focus op de toptaken. Altijd! Ook al is je online strategie ruimer.

Page 81: Usability AGConsult

Core website: 100% focus op taken bezoekers

• Sociale media

• Subsites, partnerships, …

• Blog, communities, uit, …

• Core website

Page 82: Usability AGConsult

3. Doelgroep kiezen is nooit een toptaak

Page 83: Usability AGConsult
Page 84: Usability AGConsult

www.agconsult.be www.usability-blog.be

Tijd voor een quiz

Oudenaarde: welke foto voor bewoners, welke voor ondernemers?

Page 85: Usability AGConsult

www.agconsult.be www.usability-blog.be

Het antwoord

Page 86: Usability AGConsult

4. Nieuws lezen is nooit een toptaak

Page 87: Usability AGConsult

Resultaat van 65.000 respondenten

Amper 1% komt om nieuws te lezen.

De nieuwslezers behoren zelden tot je echte doelgroep...

Page 88: Usability AGConsult
Page 89: Usability AGConsult
Page 90: Usability AGConsult

5. Homepage = uitvalsbasis

Page 91: Usability AGConsult

Duidelijke blokken sturen bezoekers meteen naar dat deel van de site dat voor hen belangrijk is.

Page 92: Usability AGConsult

Door focus op toptaken is meteen duidelijk wat u doet.

Page 93: Usability AGConsult

Meer dan 55 links en toch geen overladen gevoel.

Page 94: Usability AGConsult
Page 95: Usability AGConsult

www.agconsult.be www.usability-blog.be www.webusability-blog.com www.blog-ergonomieweb.be

Je kan de blokjes ook laten openklappen.

Page 96: Usability AGConsult

Toptaken centraal, daaronder blokken met links.

Page 97: Usability AGConsult

6. Bouw je navigatie rond toptaken of thema’s

Uw interne keuken interesseert niemand.

Plaats wat belangrijk is voor de bezoeker, vooraan.

Page 98: Usability AGConsult
Page 99: Usability AGConsult

Het gaat om dienstverlening, niet om de dienst

Mensen komen naar uw website om iets te doen, niet om te lezen wat u doet.

Page 100: Usability AGConsult
Page 101: Usability AGConsult
Page 102: Usability AGConsult
Page 103: Usability AGConsult
Page 104: Usability AGConsult
Page 105: Usability AGConsult

Kies voor 1 hoofdnavigatie.Of voor een duidelijke hoofdnavigatie en een minder opvallende secundaire navigatie (toolbar)

Page 106: Usability AGConsult

Kies voor 1 hoofdnavigatie.

Te veel navigatie is te moeilijk.

Page 107: Usability AGConsult

Kies voor 1 hoofdnavigatie.

Herhaal zeker geen items in je navigatie.

Page 108: Usability AGConsult

Dit systeem werkt. Wat niet wil zeggen dat het het beste is.

Page 109: Usability AGConsult

Nog niet getest, maar wij houden alvast van de populaire links in de openklapmenu.

Page 110: Usability AGConsult
Page 111: Usability AGConsult

Oh ja: gebruik never ever nog zijdelings openklappende menu's

Page 112: Usability AGConsult

7. Waarom een afzonderlijk e-loket?

Page 113: Usability AGConsult
Page 114: Usability AGConsult
Page 115: Usability AGConsult

8. Keuzepagina's dienen om keuzes te maken

Page 116: Usability AGConsult
Page 117: Usability AGConsult

Hoe het niet moet 1

Page 118: Usability AGConsult

Hoe het niet moet 2

Page 119: Usability AGConsult
Page 120: Usability AGConsult
Page 121: Usability AGConsult
Page 122: Usability AGConsult

Hoe het niet moet 3

Page 123: Usability AGConsult
Page 124: Usability AGConsult

www.agconsult.be www.usability-blog.be

Mogelijkheid 1: Blokjes met links

Page 125: Usability AGConsult
Page 126: Usability AGConsult
Page 127: Usability AGConsult

www.agconsult.be www.usability-blog.be

Mogelijkheid 2: Links onder elkaar

Page 128: Usability AGConsult

www.agconsult.be www.usability-blog.be

Indien veel links, best groeperen.

Page 129: Usability AGConsult

Uiteraard zijn er nog meer mogelijkheden

Ook een goed voorbeeld van een keuzepagina.

Geen blabla. Gewoon: kiezen!

Page 130: Usability AGConsult

9. Detailpagina's die onmiddellijk overtuigen

Page 131: Usability AGConsult

?

Page 132: Usability AGConsult
Page 133: Usability AGConsult
Page 134: Usability AGConsult

Zorg dat alle informatie voor iedereen duidelijk is.

Page 135: Usability AGConsult
Page 136: Usability AGConsult
Page 137: Usability AGConsult
Page 138: Usability AGConsult
Page 139: Usability AGConsult

Begin met een soort executive summary

Page 140: Usability AGConsult

Kan ook bij minder sexy producten of diensten

Page 141: Usability AGConsult

En zelfs bij puur informatieve pagina's

Page 142: Usability AGConsult

Altijd duidelijke tussentitels

Page 143: Usability AGConsult

Tussentitels en springlinks op langere pagina's.

Page 144: Usability AGConsult

10. Op detailpagina's is de rechterbalk dood

Page 145: Usability AGConsult

Aandachtsverdeling surfers

Page 146: Usability AGConsult
Page 147: Usability AGConsult
Page 148: Usability AGConsult
Page 149: Usability AGConsult

Oké

Page 150: Usability AGConsult

Niet oké

Page 151: Usability AGConsult

Twijfelgeval.Zeker ook onderaan zetten

Page 152: Usability AGConsult

Uitstekend

Page 153: Usability AGConsult

11. Gebruik afbeeldingen op een slimme manier

Page 154: Usability AGConsult
Page 155: Usability AGConsult
Page 156: Usability AGConsult
Page 157: Usability AGConsult
Page 158: Usability AGConsult
Page 159: Usability AGConsult
Page 160: Usability AGConsult

Schrap overbodige prentjes

Page 161: Usability AGConsult

www.agconsult.be www.usability-blog.be

12. Stop met volzinnen te schrijven

Page 162: Usability AGConsult

www.agconsult.be www.usability-blog.be

Bullets: het geheim van online copywriting

Page 163: Usability AGConsult
Page 164: Usability AGConsult
Page 165: Usability AGConsult

Ook belangrijk: kom ter zake.Dood aan blabla!

Page 166: Usability AGConsult

13. Kijk foutmeldingen na

Page 167: Usability AGConsult
Page 168: Usability AGConsult
Page 169: Usability AGConsult
Page 170: Usability AGConsult

14. Test je zoekfunctie

Page 171: Usability AGConsult
Page 172: Usability AGConsult
Page 173: Usability AGConsult

www.agconsult.be www.usability-blog.be

Denk een klein beetje na

Page 174: Usability AGConsult

www.agconsult.be www.usability-blog.be

Een klein beetje maar

Page 175: Usability AGConsult

www.agconsult.be www.usability-blog.be

En maak jezelf niet belachelijk

Page 176: Usability AGConsult

15. Gebruik je gezond verstand

Page 178: Usability AGConsult

• Waarom usability

belangrijk is.

• Tips voor een betere website

• Jullie websites