Presentatie: voldoet uw website nog?

V O L D O E T U W W E B S I T E A A N D E

M E E S T B E L A N G R I J K E V O O R W A A R D E N ?

70% van de internetters baseert verder klikken op de eerste indruk

In de eerste 9 seconden bepaalt men of er wordt doorgeklikt

D E E E R S T E I N D R U K T E L T

T 0416-37 68 21 www.results.nl

Een klein, sterk team bestaande uit vijf betrokken

professionals die zich bezighouden met

marktcommunicatie. Denkers en doeners.

Kennis van communicatie in combinatie met

de techneuten die het uitvoeren.

Hoofdactiviteiten: Websites: concept, ontwerp en productie

Brochures: concept, ontwerp en tekst

Huisstijlen: concept, ontwerp en toepassingen

Communicatie met de markt

Wij zorgen ervoor dat de doelgroep u weet te vinden,

op welke manier ook.


Meer weten of gebruikmaken van onze dienstverlening? Bel of mail met ons Cliëntservicebureau

Wonen Werk & dagbesteding Vrije tijd Bijzondere ondersteuning

Algemene informatie

Nieuws

Cliëntenservice

AWBZ

Meer voor de cliënt

Districten / vestigingen

Nieuwsbrief

Veel gestelde vragen

Brochures

Werken bij Amarant

Links

Zoeken...Disclaimer Kwaliteitskeurmerk Lettergrootte aanpassen Sitemap Contact Home

Bijzonder heel gewoon

en dichtbij

In dienst van mensen met een beperking…

…met elkaar in de samenleving

Kind & jeugd

Waarr w i ll i kk wonen?G aa n a a r

www.amarantvastgoed.nl

W i ll j ee we rkenn b i jAmaran t ?

www.amarantselect.nl

A l l e ss o ve rr deAmarantt Academiewww.meewestbrabant.nl

Will jee gebruikmakenn vanonzee dienstverlening?Clientservicebureau

in dienst van mensen met een beperking

Bijzonder en veelzijdig

in werk en dagbesteding

Amarant: Wie zijn we?Amarant is er voor mensen met een beperking. Mensen die - net als iedereen - deel uitmaken van

onze samenleving. Amarant vindt dat alle mensen recht hebben op een gewoon leven, op verlangens

die uitkomen en kunnen krijgen waar je recht op hebt. Voor Amarant betekent dit het recht op een

kwalitatief goed leven, het recht op het maken van eigen keuzes en het recht op een dienstverlening

die is afgestemd op persoonlijke wensen. ‘Zorg op maat’ betekent voor Amarant niet minder, maar

ook niet meer zorg dan nodig is. Normaal waar mogelijk en speciaal waar nodig.

Zijn er vragen of is er behoefte aan meer informatie? Kijk eens rond op onze website: www.amarant.nl

Of neem contact op met de afdeling Cliëntenservice, telefoon: 013 465 21 50

Werk en dagbesteding is zó belangrijk!Andere mensen ontmoeten, nieuwe dingen leren, je dag zinvol invullen. Je talenten aanspreken en ontwikkelen.

Amarant zet de cliënt, zet jóu, centraal: ‘Waar ben je goed in en waar heb je ondersteuning bij nodig?’

De meeste keuze in werken dagbestedingDat zeggen we niet zomaar want Amarant heeft meer dan 160 verschillende werkplekken en dagbestedinggroepen in Brabant.

Dus is er altijd een bezigheid die helemaal bij jou ‘past’. Amarant zorgt voor ondersteuning bij betaald werken in bedrijven,

maar heeft ook talloze mogelijkheden op het gebied van aangepaste dagbesteding in een beschermde omgeving.

Wat is er allemaal te doen?Je kunt werken op een boerderij, in een voetbalstadion of bij een sportvereni-

ging, bij een bloemisterij, een bakkerij of in een winkel. Maar je kunt je ook

onmisbaar maken in een fabriek of in een restaurant. Je kunt fietsen gaan

repareren, producten verpakken, schilderijen maken, koken en bakken,

schoonmaken, kaarsen fabriceren of de computer bedienen. En wat dacht je

van de post of folders rondbrengen, koffie en thee zetten in bedrijven, in de

tuin werken of de telefoon aannemen? Ja, er is zoveel mogelijk: er is altijd een

bezigheid te vinden die bij je past.

Wat doen we als je ernstig beperkt bent?Ook dan is volwaardige dagbesteding mogelijk. Vanzelfsprekend! In de vorm

van ontspannend wandelen, of actief bezig zijn met koken, helpen in de keu-

ken of met het maken van zeep. En er zijn activiteiten met muziek of waar je

je op andere gebieden creatief kunt uiten.

Wat doen we als je ouder bent?Ook voor onze ouderen en wanneer het werken niet echt meer lukt, biedt

Amarant verschillende activiteiten die je met elkaar kunt ondernemen. En als

het verplaatsen moeilijk wordt, komen we gewoon naar je toe!

Waarom kiezen voor Amarant?

• We zijn in de provincie Brabant

de grootste

• We hebben de meeste voorzieningen

• En vooral:

we hebben de meeste keuze en het

grootste aanbod!

Willekeur of gericht en kloppend met de huisstijl?

Mensen en zoekmachineskijken:

• Van linksboven naar rechtsonder

• Naar knopjes en subknopjes

• Hyperlinks (kwaliteit)

• Opsommingen

• Vet gemaakte tekst

Mensen zoeken:

• Wat ze verwachten

• Een goede indruk

• Herkenning

• Vertrouwen (webshops)

Goed Huisstijl

Niet goed Huisstijl

Lay-out


KleurgebruikGoed of hindert het de gebruikservaring?

Niet goedGoed

Het belang van de homepage

Bezoekers komen op je website terecht via zoekmachines. Deze zoekmachines proberen bezoekers meteen door te sturen naar de

pagina die voor hun zoekactie relevant is.

Gevolgen:• De homepage krijgt hierdoor minder bezoekers te

verwerken; ze krijgt ook een andere functie

• De homepage wordt niet langer exclusief als ‘voordeur’

beschouwd

• Elke pagina is nu een mogelijke voordeur

• De homepage is meer een referentiepagina, die een

algemene indruk moet geven van de kwaliteit en de sfeer

van uw organisatie

• Let op, een homepage moet door het lager aantal bezoekers

niet aan belang inboeten

• Houd rekening met zijn gewijzigde functie


Een goede homepage

Eerste indruk:

• Kleurgebruik

• Beelden die de propositie van de website weergeven

• Herkening van de huisstijl

Kennismaking (hou de aandacht vast):

• Wat maakt u speciaal in vergelijking met andere aan-

bieders

• De belangrijkste boodschap die u wilt overbrengen is

direct leesbaar zonder scrollen

Interactie:

• Direct toegang bieden tot de belangrijkste doelen van

de bezoeker

• Goed werkende scenario’s

Gericht op zoekmachine-optimalisatie:

• Plaats duidelijke, herkenbare en veel content

• Direct zichtbaar menu



Navigatie

Een goede website navigatie (menu, submenu etc) is een heldere navigatie.

Zowel de bezoeker als zoekmachine spiders zijn gebaat bij een duidelijke,

logische site navigatie, die niets te raden over laat.

Waar letten wij op:• De navigatie is door de hele site gelijk en compleet

• We houden de werking van het menu zo eenvoudig mogelijk,

bezoekers willen direct aan de slag en niet eerst uitzoeken hoe uw navigatie werkt

• Gebruiken een meerlagen menu, en niet meer dan 3 niveaus

• Gebruiken geen JavaScript en Flash voor navigatie;

zoekmachine spiders indexeren dergelijke links niet of nauwelijks

• Zorgen voor goede leesbaarheid

• Voorzien de links van beschrijvende labels / namen

• Ordenen de knoppen of links in volgorde van belangrijkheid; geven de bezoeker wat

hij gewend is: de homelink vooraan en de contact link achteraan

• Plaatsen het menu op een traditionele plaats: in de linker- of rechterkolom of hori-

zontaal bovenaan de pagina

• Zorgen voor alternatieven, zoals een zoekvoorziening en een sitemap

Niet goed

Goed

Webconventies

Basisgedachte: ‘probeer niet origineel te zijn ten koste van’

• Bezoekers zijn 99% van de tijd die zij op het web doorbrengen niet

op uw website maar op die van anderen

• Bezoekers hebben een bepaald verwachtingspatroon opgebouwd

over hoe websites in elkaar zitten

• Dat verwachtingspatroon is gebaseerd op hoe de meeste websites

die zij bezoeken in elkaar zitten

• Door in te spelen op deze verwachtingen kunnen bezoekers sneller

vinden wat zij zoeken

Waarom zou je origineel willen zijn als dat je bezoekers voor een raad-

sel plaatst? Er zijn genoeg andere aspecten binnen de website waarin

we origineel kunnen zijn.


Dit voorbeeld: Mooi maar niet functioneel

Goede webconventies:

• Logo links boven en fungeert als hyperlink naar de homepage

• Zoekmachine rechtsboven als zoekbox met zoekknop er rechts naast

• Inloggen / uitloggen rechtsboven

• Navigatie horizontaal boven of verticaal links

• Taalkeuze rechtsboven liefst visueel als vlag

• Hyperlinks in een afwijkende kleur ten opzichte van de normale tekst op de website;

bij voorkeur blauw.

Onderzoek van Jacob Nielsen toont aan dat een zoekbox van 27 karakters breed 90%

van de zoekopdrachten dekt! In 27% van de door hem onderzochte websites was de zoek-

box te klein. Bij onze eigen gebruikersonderzoeken zien we regelmatig dat gebruikers den-

ken dat ze niet meer kunnen typen in een invoerveld dan het invoerveld breed is. Uiteraard

is het onderzoek van Nielsen niet gebaseerd op Nederlandse websites, maar aangezien

Nederlandse woorden meestal langer zijn dan Engelse, is 27 karakters voor Nederlandstalige

sites dus zeker het minimum.

Hyperlink naar pagina met contactgegevens rechtsboven en overweeg bijvoorbeeld het

telefoonnummer overal direct bovenaan de pagina al te tonen. Dat is toch waar vaak een

groot deel van de bezoekers voor komt.


Goed

Niet goed

Mensen scrollen niet: plaats belangrijkste zaken in first view

Onderzoek scroll gedrag:

77% van uw bezoekers scrollt niet, toont onderzoek van Jacob Nielsen aan. We

zien dit in onze eigen gebruikersonderzoeken het sterkst terug bij ouderen en

onervaren internetgebruikers. Zij hebben soms niet eens in de gaten dat je kunt

scrollen. Daarnaast zijn veel mensen ‘te lui’ om te scrollen en baseren zij hun keus

om de site wel of niet meteen weer te verlaten op hun eerste indruk gebaseerd

op wat zij zien zonder te scrollen

25% van de webpagina’s wordt minder dan 4 seconden bekeken en 52% minder

dan 10 seconden.

Dat is kort en zal anno 2011 alleen maar korter zijn.

Plaats de belangrijkste zaken daarom dus altijd boven de vouw!

T 0416-37 68 21 www.results.nlGoed vormgeven maar jammer van het scroll

Slim bouwen opdat:

• De site goed onderhouden kan worden

• De site beter bereikbaar is

• De site beter te vinden is

• De site beter te gebruiken is

Voor: bezoekers, browsers, zoekmachines

en mobiele telefoons


Accessibility overwegingen

Goed

Taalgebruik

Zorg voor opvallende enbetekenisvolle hyperlinks

Bezoekers lezen over het algemeen nauwelijks, zij scan-

nen vooral. Ze scannen vooral op koppen, knoppen en

hyperlinks. Het is daarom belangrijk dat zij:

• Afwijkend worden weergegeven, zodat ze direct

opvallen;

• En betekenisvolle tekst bevatten, zodat iedereen

meteen snapt waar het over gaat en men geen aan-

vullende informatie nodig heeft om de tekst te

begrijpen.


Goede voorbeelden:

Taalgebruik

Gebruik geen hoofdletters voor hele woordenof zinnen

Bij het gebruik van hoofdletters voor hele woorden of zinnen neemt de leessnelheid met

13% tot 20% af. Hoofdletters lezen niet prettig en bezoekers zijn daarom minder snel

geneigd woorden en zinnen in hoofdletters te lezen.

Voor titels, menu ingangen, hyperlinks en knoppen: gebruik geen hoofdletters! Kies voor

vet afdrukken of een opvallende kleur om ze op te laten vallen. Hieronder een aantal voor-

beelden van hoofdlettergebruik op de websites van de aanwezigen en oordeel zelf.

GEBRUIK GEEN HOOFDLETTERS VOORHELE WOORDEN OF ZINNENZo moet het dus niet!

Goede voorbeelden:

Taalgebruik

Spreek de taal van je doelgroep

Bezoekers moeten snel kunnen vinden wat zij zoeken, dus de

woorden die zij in hun hoofd hebben moeten corresponderen

met de woorden die op de website worden gebruikt.

De volgende methodes gebruiken wij om de juiste woorden te

kiezen:

• Statistieken analyse: we bekijken met welke zoekwoorden

bezoekers via Google op uw website komen en welke

zoekwoorden mensen vervolgens op de zoekmachine van

uw website gebruiken. Dit is hun eigen woordkeus, dus

dichterbij hun taalgebruik kun je haast niet komen!

• Gebruikersonderzoek: we vragen gebruikers hoe zij din-

gen noemen. Geven hen bijvoorbeeld een groepje onder-

werpen en vragen hen om een titel te bedenken. Erg han-

dig voor het kiezen van rubrieksnamen op uw website.

• Zoekwoorden trends: bekijken bij Google Trends hoe vaak

bepaalde zoekwoorden worden gebruikt.


Goed voorbeeld:

Formulieren op de website

Wij kiezen voor slimme posities enweergave van knoppen bij formulieren

• Formulieren zorgen over het algemeen voor relatief veel afha-

kers

• Mensen houden niet van formulieren, het duurt lang om ze in

te vullen en dat is maar al te vaak voldoende reden om ervoor

te zorgen dat mensen vroegtijdig afhaken

• Elke seconde of zelf tiende seconde dat het extra duurt voor-

dat een formulier kan worden verstuurd, ten koste van de con-

versie

• De positie van een knop heeft grote invloed op de tijd die

nodig is voor het versturen van een formulier

• De meest primaire knop is de verzendknop. Secundair is de

cancelknop of de in veel formulieren terug-naar-vorige-stap-

knop

• Conclusie: het is uitermate belangrijk mensen te begelei-

den naar de ‘juiste’ actie


Goed voorbeeld:

Wij houden ons aan de volgende belangrijke richtlijnen:

• Zoveel mogelijk HTML en overzicht

• Javascripts buiten de broncode

• Flash of Silverlight niet voor navigatie maar alleen als extra verfraaiing

• Elke pagina van een unieke URL

• Geen Frames of Iframes voor belangrijke content

• Voorkomen cookies en sessionID

• Een ingevulde meta tag ‘description’

• Unieke titels bij elke URL


Op welke punten gaat het vaak mis?

• De lay-out lijkt slachtoffer van willekeur

• Het kleurgebruik hindert een prettige gebruikservaring

• De navigatie is onlogisch of leidt tot onverwachte resultaten

• De website voldoet niet aan de webconventies

• Er zijn geen accesibility overwegingen gemaakt

• De site bevat onbegrijpelijk taalgebruik

• De site maakt gebruik van frames

• Er is geen gelaagde bouw toegepast

• Het CMS of de standaardoplossing hiervoor legt beperkingen op

T 0416-37 68 21 www.results.nlNiet goed

Open source

• Open-source is hot

• Open-source heeft om tal van redenen de voorkeur boven proprietary software

• Open-source is nooit hetzelfde en is er in vele smaken

• Er zijn verschillende licenties in omloop en dat kan voor een bedrijf de nodige

gevolgen hebben

• De softwareleveranciers moeten aan een aantal voorwaarden voldoen voordat

ze zichzelf fabrikanten van open-source mogen noemen

Die voorwaarden - in het kort - luiden als volgt:

• De software moet 'vrij' verstrekt worden

• De software moet de broncode bevatten. Als de code niet bij de software gevoegd zit, moet

wel duidelijk zijn waar de code gratis te verkrijgen is

• De software moet aan te passen zijn en moet hierna onder dezelfde licentie uit te brengen

zijn

• De licentie mag geen groepen, personen, bedrijven of sectoren discrimineren

• Licenties mogen geen obstakels opwerpen voor andere software


Proprietary (gesloten) software versus Open Source software.

Dit hangt af van meerdere factoren:

• De organisatie waar de website voor gebouwd wordt

• De grootte van de site

• De doelstellingen van de website

• Het budget

• De onafhankelijkheid ten aanzien van de bouwer

• Gebruik van het beheer



Zoekmachine optimalisatie

• Het gebied van zoekmachine optimalisatie is constant in beweging.

• Results houdt de belangrijkste nieuwe ontwikkelingen steeds zoveel

mogelijk in de gaten en werkt samen met hierin gespecialiseerde

partijen. (gespecialiseerde SEO-ers.)

Twee manieren:

On page optimalisatieDit gaat vooral over de opmaak van de website; het is de bedoeling dat

de zoekmachine de website gemakkelijk kan lezen en dat ze die keywords

uit de pagina’s kan halen die revelant zijn voor de ranking.

Off page optimalisatieDe Off Page optimalisatie richt zich vooral op de populariteit en waarde-

ring van een website. Kwalitatieve inkomende links vanuit dezelfde

branche en het liefst van een hogere pagerank zal uw website dan ook

voorrang geven ten opzichte van uw concurrenten.

• Ben u van plan uw website te vernieuwen?

• Wilt u uw huidige website laten onderzoeken op belangrijke punten?

• Wilt u uw website gedeeltelijk upgraden?

• Wilt u beter gevonden worden door de zoekmachines?

• Wilt u een vrijblijvend gesprek over uw online activiteiten

(digitale nieuwsbrief) en/of website?

Bel of mail naar Maddie Houtstra:

0416 376821 [email protected]

Presentatie: voldoet uw website nog?

Design

Transcript of Presentatie: voldoet uw website nog?