Kwalitatieve analyse van de website ProScoop

Teuns Marketing & CommunicatieIn opdracht van ProScoop, Hendrik-Jan HopFebruari 2018

AanleidingPer 1 juli 2016 zijn Caransscoop en Progez gefuseerd tot Proscoop. In 2017 is gefaseerd afscheid genomen van de afzonderlijke merknamen Progez en Caransscoop. Na de basisontwikkeling van een nieuwe huisstijl is een nieuwe website ontwikkeld in WordPress, met een nieuwe navigatiestructuur en uitstraling.

Een werkgroep van zeven medewerkers heeft zich intensief beziggehouden met de ontwikkeling van de nieuwe website. In een periode dat de reorganisatie nog in volle gang was. De diverse ontwerpen van de website zijn voorgelegd aan een klankbordgroep, waarin eveneens medewerkers zitting hadden.Nu, een jaar later, staat de doorontwikkeling van de nieuwe website stil. Het enthousiasme over de website is wisselend in de organisatie. De opmerkingen zijn divers:

Look and feel passen niet bij rest van de huisstijluitingen Aanbod zoals scholingen is niet helder terug te vinden in de navigatiestructuur Aanbod is heel divers. Hierbij rijst een andere vraag: wat doen we wel als organisatie?

De vraag is op welke wijze de website kan worden doorontwikkeld. Gevraagd is een kwalitatieve analyse over uitstraling, doel en content van de website.

Doel(groep) en content websiteIn de briefing naar de websiteleverancier, opgesteld door de werkgroep in 2017, staan de volgende doelstellingen: De website informeert de eerste lijn (en iedereen de met hen samenwerkt in de regio aan betaalbare zorg) over de dienstverlening van ProScoop. De website vertelt: 1. Wie wij zijn.2. Wat we doen en voor wie.3. Wat we (willen) bereiken (resultaten) in de regio. 4. Wanneer activiteiten in de regio worden gehouden.5. Interactie op gang brengen met onze doelgroep. 6. Kennisdeling.7. En tot slot hoe ze ons kunnen bereiken (contact met adviseurs voor meer informatie).

Pagina Voor wie

Op de website staat bij ‘voor wie’ aangegeven dat ProScoop zich richt op zorgprofessionals, zorgorganisaties, zorgverzekeraars en gemeenten in de regio’s waar de zorgprofessionals van ProScoop werkzaam zijn. Met de huidige content, zoals nieuwsberichten, agenda en vacatures worden in ieder geval zorgprofessionals uit de eerste lijn aangesproken. De overige groepen met name de stakeholders zorgverzekeraars en gemeenten worden indirect aangesproken met de genoemde items.

Op de pagina ‘voor wie’ wordt een algemeen pr-verhaal gegeven over de mogelijke dienstverlening van deze communicatiedoelgroep/stakeholders. De tekst is niet geschreven vanuit klantbehoeften met voorbeelden van wat je als organisatie kunt betekenen/ hebt betekent. Je vindt op deze voor wie pagina’s ook geen nieuwsberichten, agenda etc voor die specifieke groep. Artikelen of directe communicatie met tweedelijnsorganisaties, gemeenten en zorgverzekeraars zijn niet direct zichtbaar op de website. Ook hier geldt: de tekst mag nog gerichter op de doelgroep met relevante informatie. Het advies is:

Maak een keuze op welke communicatiedoelgroep(en) je je richt met deze website. En richt daar ook je content specifiek op in. Geef ook concrete voorbeelden over je dienstverlening. Dus bijvoorbeeld op de pagina van gemeente: waar kan je als organisatie een antwoord op geven, welke dienstverlening is al gericht op gemeente (met voorbeelden), agenda en nieuwsitems…

1

Ga samen na of je communicatiegroepen/stakeholders zo afzonderlijk benoemd dienen te worden als de informatie zo algemeen blijft. Waarom dan niet 1 pagina aan wijden?

Gerelateerde items

Dit is een verwarrende term, want waaraan is het gerelateerd? Aan de doelgroep? Bij ‘Gerelateerde content’ staat soms ineens een deel van de inhoud vetgedrukt. Bijvoorbeeld op de pagina ‘Eerste en tweede lijn werken in Apeldoorn e.o. samen bij nazorg aan oncologische patiënten onder ‘Nieuws’.

Vacatures

De tekst op de pagina ‘Vacaturebank’ is gericht op plaatsers van vacatures. Is dat ook de doelgroep die je met deze pagina wilt aanspreken? Of zijn dat mogelijke kandidaten op zoek naar een baan? In het laatste geval zouden wij ervoor kiezen om de call to action richting plaatsers meer naar beneden te plaatsen en je bovenin de pagina te richten op (potentiële) kandidaten.

Wat opvalt, is dat de regiopagina’s niet in één oogopslag weergeven wat je ervan kunt verwachten. Je ziet het logo van ProScoop, een banner en vervolgens het logo van de regio. Advies:

Maak er ook daadwerkelijk een regiopagina van: wie zijn de aanspreekpunten in de regio (lijkt nu alle mensen van ProScoop) en laat zien wat je in de regio oppakt/hebt gedaan etc. Welke vacatures er zijn etc.

Voeg een kort stukje tekst toe, zodat je direct weet wat je op deze pagina kunt terugvinden. Want nu ‘val’ je ineens in het nieuws, waarvan je niet direct ziet dat dit regiogebonden is. Je loopt hierdoor het risico dat mensen bovenin de pagina afhaken, omdat ze denken dat ze niets nieuws zien.

Er staat op alle regiopagina’s een agenda. Deze is niet gerelateerd aan de regio. Bij Flevoland staan geen items voor die regio, maar wel evenementen uit de andere regio’s. Advies is: maak een echte regio agenda op de regiopagina’s en maak op de algemene regiopagina een agenda waar alle items in staan. Bij die laatste kan je nog aangeven om welke regio het gaat en of er dan een open inschrijving is van buiten de regio.

Interactie op gang brengen met de doelgroep

De doelstelling ‘interactie op gang brengen met de doelgroep’, wordt met de huidige website niet gerealiseerd. Er staan geen mogelijkheden op om direct ergens te reageren en call to actions zijn er minimaal.

Advies is om te bedenken op welke wijze ProScoop deze interactie op gang wilt brengen. Wil je een discussie aangaan op de website en wanneer dan? Wil je meningen peilen? Wil je dat vragen stellen en/of wil je dat mensen contact met je opnemen? Interactie kan op tal van manieren, via gerichte call to actions. Of kies je interactie toch op een ander moment?

Agenda

Bij de agendamodule staat soms ineens een zin erbij ‘Eerstkomende nieuwsitems’. Bijvoorbeeld bij ‘Apeldoorn’ onder ‘Regio’s’.De agenda bevat activiteiten waar ProScoop bij betrokken is en waar niet. Op deze wijze voldoet ProScoop aan de doelstelling om aan te geven welke activiteiten er zijn in de regio. Onduidelijk is of die agenda compleet is met alle activiteiten in de regio en of het de bedoeling is dat er ook activiteiten vermeld staan waar je als organisatie niet bij betrokken bent.

Wil je dit laatste dan is het advies om er een call to action button aan toe te voegen, zodat organisaties/professionals hun activiteiten kunnen doorgeven aan ProScoop om toe te laten voegen aan de agenda. Is de website een pr-tool voor ProScoop dan is het advies om alleen die activiteiten op de agenda te plaatsen waar ProScoop bij betrokken is. Deze agenda activiteiten kunnen eveneens via nieuwsberichten/artikelen etc verder worden belicht.

2

Wie we zijn opsomming

De items onder wie we zijn, zijn helder. Advies is om Triple Aim, data dialoog en doen (ddd) onder werkwijze te plaatsen. Dan is de rubricering helderder.

Wat we doen opsomming

Als je op een item klikt, dan krijg je op de pagina aan de rechterzijde nogmaals de gehele kolom van wat we doen, waardoor het geheel druk overkomt. En mensen zijn gewend om bovenaan in de header weer op productaanbod te klikken.

Advies is om de pagina zo gerelateerd mogelijk te maken naar het onderwerp/dienstverlening: agenda, artikelen, projecten etc. Met een duidelijke call to action. En maak keuzes wat je dan wilt laten zien, soms is niet tonen van items ook rust op de pagina.

Uit de gesprekken werd helder dat er de grootste vraagtekens worden gesteld rondom de inhoud van wat we doen. Bijvoorbeeld: doen we wel aan programmamanagement? Benoemen we wel alle thema’s en waarom deze thema’s. Op veel pagina’s lees je ook over wat valt onder data, dialoog en doen (ddd), terwijl ddd niet meer wordt benoemd (wel op homepage). Zoals bij innovatie. Is dit een term dat leeft in de regio? Wellicht hoort dit onderwerp juist onder wie zijn wij of onder thema’s en behoort de gezonde praktijk die ook apart benoemd wordt wel onder ondernemerschap. Of benoem wat je verstaat onder innovatieve dienstverlening. Anders blijven de verhalen heel vaag.Onder informatiemanagement komt het begrip ddd ook niet meer terug. Terwijl je dat als belangrijk item ziet (staat op de homepage vrij bovenaan). Waarom deze thema’s kan je bijvoorbeeld ook verduidelijken. Door deze te benoemen als actuele thema’s of thema’s waar we in 2018 zoal op inzetten… met daarbij de activiteiten, projecten, voorbeelden etc. En wil je thema’s wel op deze wijze afzonderlijk benoemen.

Advies is om met elkaar eerst helder te krijgen welke dienstverlening hier dient te worden benoemd en op welke wijze. Wat komt waar. En om dan door te pakken per pagina met de bijbehorende agenda-items, nieuwsartikelen en wat er in de regio’s gebeurt rondom die dienstverlening etc.

Scholingen, trainingen en bijeenkomsten

Op de agenda worden wel scholingen, trainingen en bijeenkomsten benoemd van ProScoop. Op de pagina over producten en diensten ‘Scholingen, trainingen en bijeenkomsten’ zie je deze niet meer terug, behalve via een link: onze agenda’s.

Bepaal de plek van deze rubriek binnen de organisatie. Nu weggestopt, terwijl als het een core business is van ProScoop dan is het advies om dit prominenter te tonen op de website en uit te bouwen.

Het advies is maak de agenda net als op de andere pagina’s helder en geef aan wat voor scholingen, trainingen et cetera je aanbiedt want als de datum is geweest dan is de bijeenkomst, training of scholing ook niet meer voor de buitenwereld zichtbaar. Het verhaal op deze pagina is nu te algemeen en nodigt niet uit om ProScoop in te schakelen.

Algemeen rondom content

Over het algemeen worden goede en heldere woorden gebruikt om te linken naar andere pagina’s en websites. Op een enkele plek worden complete url’s weergegeven, dat is echter niet wenselijk voor de leesbaarheid. Bijvoorbeeld in de agenda onder ‘Dag van de eerstelijn in Wezep’ waar in de laatste zin wordt verwezen naar een complete url als link.Is het ProScoop of Proscoop? De schrijfwijze op de website is divers. Advies: wees consequent.Er wordt waar nodig en wenselijk gebruikgemaakt van tussenkopjes en korte teksten.

3

Op de meeste pagina’s komt duidelijk de essentie van de pagina naar voren in de tekst, maar wel veelal vanuit het perspectief van ProScoop en vaak ook algemeen van aard zoals eerder aangegeven. Stel qua tekst gerust eens een paar vragen die spelen bij de doelgroep en geef daarbij de rol en dienstverlening aan met relevante voorbeelden. Met name bij producten en diensten mag het vraaggerichter i.p.v. aanbodgericht.

Over het algemeen worden goede en heldere woorden gebruikt om te linken naar andere pagina’s en websites. Op een enkele plek worden complete url’s weergegeven, dat is echter niet wenselijk voor de leesbaarheid. Bijvoorbeeld in de agenda onder ‘Dag van de eerstelijn in Wezep’ waar in de laatste zin wordt verwezen naar een complete url als link.

UitstralingDe gehele website is bekeken op het gebruik van beeld, lettertype, de verhouding tussen tekst en beeld en relevante huisstijl.

De eerste indruk is erg druk. Op de homepage staat ontzettend veel informatie op één pagina, waardoor je niet weet waar je moet kijken. Het speelse ontwerp kent erg veel verschillende kleuren én elementen plus bewegende banners, wat het geheel onoverzichtelijk maakt. We nemen de homepage onder de loep:

Logo(-element)

het logo staat linksboven en komt als favicon (afgeleide van het logo) op verschillende plekken terug. Daarnaast is het logo uitvergroot en als element gebruikt in de achtergrond. Linksboven, onder ‘Waar kunnen wij u helpen?’, als achtergrond bij ‘onze mensen’, rechts naast ‘uitgelicht’, linksboven bij het laatste nieuws en blog artikelen, boven en onder de agenda.

Ieder element is anders, de kleuren variëren en er worden extra kleuren (afgeleide van de logokleuren) gebruikt. Het is een speels idee, maar vergelijk het eens met de agendapagina, waar is gewerkt met twee elementen (linksboven en aan de rechterzijde). Denk het element linksboven eens weg en bekijk alleen die aan de rechterzijde. Dit element brengt speelsheid en kleur, maar leidt niet af van waar het daadwerkelijk om gaat. De pagina is overzichtelijk, maar zeker niet saai.Wat je op de homepage ziet, is dat de elementen juist afleiden van de content. Zeker de blokken die echt tussen de tekst in staan (zoals tussen ‘Waar kunnen we u helpen?’ en ‘Onze mensen’) zorgt voor onnodige afleiding.

Ons advies is om gebruik te maken van een aantal elementen op de achtergrond, die niet te veel aandacht trekken maar wel zorgen voor de speelsheid in het design.

Beeldgebruik

Het beeld dat wordt gebruikt in de banners straalt menselijkheid en zorg uit. Sommige beelden worden echter precies bij de hoofden afgesneden, waardoor de essentie van de foto niet overkomt.

Advies: Bewegende banners worden tegenwoordig steeds vaker afgeraden. Mensen scrollen snel verder naar beneden, waardoor de tweede en zeker een derde of vierde banner vaak wordt gemist. Kies liever voor een stilstaand beeld dat je geregeld afwisselt, zodat bezoekers niet worden afgeleid van de boodschap die je wilt overbrengen. Wil je alle boodschappen overbrengen? Bekijk dan eens of het mogelijk is om de banner op verschillende pagina’s terug te laten komen, met op iedere pagina één ander beeld met één specifieke boodschap.

Op de website wil je informatie overbrengen en je wilt dat je bezoeker een bepaalde handeling verricht. Zoals contact opnemen of doorklikken naar een bepaalde pagina.

4

Advies: Om de bezoeker in een goede richting te sturen, is het verstandig om het aantal verschillende kleuren van je tekst te beperken. Gebruik zoveel mogelijk dezelfde kleur voor respectievelijk titels (‘lees dit’), ondertitels (‘dit geeft net wat meer info’), linkjes (‘klik door’) en buttons (‘klik hier echt door’).

Op dit moment zie je het volgende terugkomen op de homepagina:

o Titels: voor alle hoofdtitels wordt groen gebruikt. De titels in de banner zijn blauw, de titels in de drie elementen (gebiedsgericht werken, Triple Aim en Zorgthema’s) zijn wit en roze. Bij ‘Onze laatste nieuws en blog artikelen’ is de titel groen mét blauw en roze.

o Lopende tekst: is donkergrijs.o Buttons: zijn roze en worden paars bij hoveren.o Linkjes in de lopende tekst: zijn soms donkergrijs zonder underline, die paars worden als je

eroverheen hovert (bij ‘Waar kunnen we u helpen?’) en soms blauw, met underline als je eroverheen hovert (bij ‘Uitgelicht’). In de footer variëren ze ook van roze tot donkergrijs. Sommige linkjes worden roze als je eroverheen hovert, sommige blijven grijs. Ze krijgen wel allemaal een underline als je eroverheen hovert.

o Losse linkjes variëren erg van elkaar: bij ‘Waar kunnen we u helpen?’ zijn ze donkergrijs, zonder underline en paars bij hoveren. Bij ‘Onze mensen’ zijn ze groen, zonder underline en roze bij hoveren.

o Ondertitels: bij ‘Uitgelicht’ staat een roze ondertitel.o Gekleurde vlakken met tekst: grijze vlakken zijn te vinden bij ‘Onze mensen’ (met groene linkjes),

‘Agenda’ (met paarse linkjes, aangevuld met blauw en grijze lopende tekst) en bij ‘Aanmelden Nieuwsbrief’ (met groene titel en donkergrijze tekst). Bij ‘Onze laatste nieuws en blog artikelen’ is de achtergrond blauw en zijn de titels ook blauw. En bij ‘Vacaturebank’ zijn er witte vlakken op een grijze achtergrond met roze en zwarte titels. Daarnaast veranderen sommige vlakken van kleur als je eroverheen hovert en andere niet.

Advies: Zorg er ook voor dat je werkt met zo min mogelijk verschillende lettergroottes, dat creëert rust en overzicht.

De gebruikte vlakken op de pagina hebben veelal ronde hoeken, dat past bij de huisstijl. Echter bij de agenda zijn er ook rechte hoeken.

De footer fungeert tegenwoordig nog vooral als einde van de pagina en niet meer als navigatiestructuur. Dit werd voorheen wel gedaan, omdat Google de extra linkjes als relevant ervaarde. Inmiddels kijkt Google niet meer naar de footer, omdat er te veel misbruik van is gemaakt.

Advies: De footer kun je daardoor het beste inzetten als call to action: wat wil je dat de bezoeker doet als hij het einde van de pagina heeft bereikt? Dit kan per pagina verschillen, dus een footer die varieert per pagina is helemaal zo gek nog niet. Kies je toch voor een standaard footer: houd hem dan kort en overzichtelijk. Bijvoorbeeld alleen een contactmogelijkheid en nieuwsbriefaanmelding. Let ook even goed op: de witruimte tussen de content en de footer is niet op iedere pagina hetzelfde. Dit is echter wel wenselijk. Vergelijk maar eens de witruimte op de homepagina en de agendapagina: daar zit een groot verschil in.

Het hoofdmenu en submenu zijn opgebouwd uit duidelijke kopjes. Alleen ‘regio’s’ is niet klikbaar, wat verwarrend is, omdat alle andere elementen wel klikbaar zijn.

Advies: maak een algemene regiopagina aan te maken, vanwaar je door kunt klikken naar de verschillende regio’s. In het menu wordt je oog direct getrokken naar de twee icoontjes aan de rechterzijde. De vraag is of je ook wilt dat die elementen als eerste opvallen? Je zou er ook voor kunnen kiezen om de zoekmogelijkheid rechtsboven te plaatsen in submenu, zodat het hoofdmenu alle aandacht

5

krijgt. Wat betreft het belicoontje: dat is een leuke functionaliteit voor de mobiele website, maar zouden wij niet weergeven op de desktopvariant. Hierdoor ontstaat namelijk verwarring, want als je geen Skype hebt krijg je een foutmelding.

Advies:

Het vereenvoudigen van het design en meer consequenties in kleurgebruik en huisstijlelementen, zou het geheel een stuk overzichtelijker maken. De homepagina geeft dat goed weer, maar er zijn daarmee een aantal elementen die we nog niet hebben genoemd:

o Submenu aan de rechterzijde op diverse detailpagina’s. Dit ziet er overal hetzelfde uit; een grijs vlak met roze linkjes.

o Bij ‘Voor wie’ vinden we het onderdeel ‘Gerelateerde items’ met een grijze achtergrond, roze titels en donkergrijze tekst.

o De vacaturebank is opgebouwd uit roze vlakken met roze links en blauwe vlakken met blauwe links.

o De blogpagina bestaat uit roze vlakken met roze links.o De zoekpagina bevat roze titels met grijze lopende tekst en roze linkjes (met underline bij

hoveren). Suggestie: ontwikkel ook een zoekbalk op deze pagina zelf, voor als je niet direct hebt gevonden wat je zocht.

Sterk aan de website is dat op de hoofdpagina’s veel gebruik is gemaakt van beeld, waar op de detailpagina’s de tekst weer meer tot zijn recht komt. Wel raden wij aan keuzes te maken: niet alleen rondom het ontwerp maar ook op inhoud. Denk per pagina goed na wat je met de pagina wilt bereiken. Als we de homepagina weer als voorbeeld nemen, dan komen de volgende onderdelen aan bod:

o Bewegende banner met slogans over ProScoopo Thema’s: Gebiedsgericht samenwerken, Triple Aim en Zorgthema’so Waar kunnen we u helpen?o Onze menseno Uitgelichto Onze laatste nieuws en blog artikeleno Agendao Vacaturebanko Footer inclusief nieuwsbriefaanmelding

Advies: Afhankelijk van het doel van de homepagina, is het verstandig een aantal onderdelen hierop niet weer te geven. Door keuzes te maken, maak je het overzichtelijk en breng je de mensen waar jij ze hebben wilt.Wil je vertellen wie ProScoop is met de belangrijkste USP’s? Dan is dit een optie:o Stilstaande banner met één slogano Thema’s: Gebiedsgericht samenwerken, Triple Aim en Zorgthema’s. (zoals ze nu staan komen deze

heel erg uit de lucht vallen en zegt niet direct iets voor de communicatiedoelgroepen)o Waar kunnen we u helpen?o Uitgelichto Ingekorte footer inclusief nieuwsbriefaanmelding

6

Navigatie

Call to actions

De call to actions zijn niet helder. Als bezoekers is het niet duidelijk wat de belangrijkste actie is die ik kan ondernemen op een pagina. Ons voorstel is om per pagina te bedenken wat de call to action zou moeten of kunnen zijn en deze waar mogelijk in te bouwen. Een call to action kan bijvoorbeeld zijn: ‘Meer weten?’ en vervolgens informatie over een contactpersoon.

Het advies is om alle linkjes dezelfde kleur te maken, ongeacht de module waarin deze zich bevinden. Nu zie je bijvoorbeeld op de pagina ‘ROS-netwerk’ roze linkjes in de lopende tekst en grijze linkjes in het onderdeel ‘Meer informatie’. Daardoor vallen die grijze linkjes een stuk minder op. Mocht het nodig zijn dan zou je één alternatief kunnen bedenken. Bijvoorbeeld: kies je voor roze linkjes, maar heb je een element met een roze achtergrond, waardoor het de leesbaarheid beperkt? Ga dan daar voor een andere kleur, maar wees op alle andere plekken consequent.

Wees ook consequent in de weergave in het menu. Voorbeeld: bevind je je op de pagina ‘ROS-netwerk’ dan zie ik in het menu wel dat ik me bevind onder ‘Wie we zijn’ maar niet dat ik op de pagina ‘ROS-netwerk’ ben. Maak dus ook de locatie in het submenu zichtbaar met een roze link, dat is lekker overzichtelijk.

Footer

In de footer gaat het niet helemaal goed met de linkjes. Zoals eerder aangegeven, zouden wij kiezen voor een vereenvoudigde versie van de footer. Kies je er toch voor de uitgebreide menustructuur hier weer te geven, laat dan ook alles zien. Op dit moment ontbreken het hoofditem en de subitems van ‘Voor wie’ en de subitems van ‘Wat we doen’. Daarnaast is het hier (in tegenstelling tot in het menu zelf) wel mogelijk om te klikken op het onderdeel ‘Regio’s’, maar deze pagina werkt niet.

Advies: het gebeurt al vrijwel overal, maar wees er alert op om altijd een linkje te maken wanneer je verwijst naar andere pagina’s. In de tekst bovenin de pagina ‘Contact’ wordt verwezen naar ‘Regiopagina’s’ en ‘Onze mensen’, maar er zijn geen linkjes geplaatst.

Gebruiksgemak

Kijkend naar de inhoud van de website, dan is deze gemakkelijk in gebruik en navigatie wijst zich vanzelf. Content is snel te vinden. Zoals eerder aangegeven is het wel verstandig om meer rust te creëren op de website, wat het gebruiksgemak ten goede zal komen.

Gebruik van iconen/afbeeldingen en links

De pagina’s met modules hebben een mooie verhouding in tekst en beeld. De contentpagina’s zijn echter wel overwegend opgebouwd uit tekst. Daar wordt vrijwel geen gebruik gemaakt van afbeeldingen en iconen. Het is met name op die pagina’s verstandig om te kijken waar beelden de tekst kunnen versterken.

Gebruik van contactformulieren en overige formulieren

Opvallend is dat de formulieren niet allemaal dezelfde lay-out hebben. Zo is het ontwerp van het contactformulier heel anders in opbouw dan het ontwerp van het formulier om vacatures aan te melden.

7

Advies: wees consequent. De voorkeur gaat uit naar de weergave zoals die in het formulier van vacatures aanmelden. Dit omdat hier de content wordt verspreid over twee kolommen, het formulier is daardoor een stuk compacter. Hiermee voorkom je dat je mensen onnodig afschrikt voor een te lang formulier.

Ook raden wij aan geen sterretje * te gebruiken voor verplichte velden. Dit kan mensen afschrikken. Zet dan liever bij het niet verplichte veld de tekst ‘(niet verplicht)’ erbij.

Kijk ook kritisch naar de hoeveelheid invulvelden: zo min mogelijk is het credo. Kunnen bijvoorbeeld bij het contactformulier voor- en achternaam worden samengevoegd?

Het aanmeldformulier voor de nieuwsbrief heeft maar één veld, namelijk e-mailadres. Dit is laagdrempelig en verhoogt de kans dat mensen zich inschrijven voor de nieuwsbrief. Het betekent wel dat je alleen een e-mailadres van de bezoeker ontvangt, waardoor je nieuwsbrieven niet kunt personaliseren of categoriseren. Dit is prima, zolang het een bewuste keuze is.

Het contactformulier wordt middenin de invulvelden onderbroken door tekst die ook goed zou kunnen worden samengevoegd met de tekst boven het formulier. Daarmee wordt het formulier niet wat compacter.

Het submenu aan de rechterzijde bij de detailpagina’s zorgt er wel voor dat een bezoeker gemakkelijk kan doorklikken naar een andere pagina. Is het echt nodig is wel de vraag omdat het ook veel informatie op een pagina weergeeft.

Advies: Ga na of er op meer plekken call to actions naar andere pagina’s kunnen worden toegevoegd, zodat er nog meer van pagina naar pagina wordt verwezen.

Veilige verbinding (https:// werking, SSL- certificaten) en laadsnelheid

Werkt naar behoren. Ook de pagina’s laden snel.

MobielDe pagina’s schalen mee en het design klopt ook. De content is zichtbaar en leesbaar. De hoeveelheid op de homepage betekent ook veel scrollen op de mobiele versie.

De sitemap op de website is nu bereikbaar via de footer en in de mobiele variant ook via het menu. De vraag is wat de toegevoegde waarde is van een losse pagina met daarop de sitemap. Je kunt die structuur tenslotte al terugvinden in het menu. De sitemap bedoeld voor zoekmachines staat achter de schermen (https://www.proscoop.nl/sitemap_index.xml).

Kijken we naar de opbouw van de website en het menu dan is deze logisch, maar blijf wel kritisch op de hoeveelheid onderdelen die je weergeeft en op welke plaats. Zeker bij pagina’s met weinig content, zoals bij de blogs, is het een optie om te overwegen om deze pagina samen te voegen met de nieuwspagina. Zeker nieuws en blogs zijn geen onderdelen waarvoor mensen specifiek naar je website komen of op gaan zoeken. De meeste bezoekers worden er naar toe geleid via andere kanalen, zoals sociale media. Aparte weergave in het menu is daardoor ook minder noodzakelijk.

Het submenu en menu zijn gekoppeld in het menu op de mobiele versie. Sitemap, disclaimer, privacy statement, algemene voorwaarden en colofon zijn items die niet specifiek op mobiele versie vermeld hoeven te worden. Advies: Door deze net genoemde items alleen zichtbaar te hebben op desktopversie houd je op de mobiele versie het geheel overzichtelijk.

Reeds werd aangegeven dat sommige mensen het scholingsaanbod op de website missen. Dit onderdeel kan los worden toegevoegd, maar daarmee wordt het menu nog uitgebreider. Het is het overwegen waard of zowel het scholingsaanbod als de vacaturebank geen plaats kunnen krijgen onder het hoofdmenu-item ‘Regio’s’.

8

De icoontjes van telefoon en zoeken zijn wel zichtbaar op desktop, maar niet op mobiele versie. Advies: deze icoontjes zouden juist zichtbaar moeten zijn op de mobiele versie.

BrowsercheckDe website is gecheckt in de laatste versies van Chrome, Firefox, Internet Explorer en Safari. De website werkt naar behoren. Bij Internet Explorer vielen twee details op:

De filterweergave (bijvoorbeeld op de homepagina onder ‘Waar kunnen wij u helpen’) wordt in deze browser niet mooi weergegeven. Er lijken twee pijltjes over elkaar te staan aan de rechterkant van het veld.

De placeholder in het aanmeldformulier voor de nieuwsbrief staat in andere browsers mooi gecentreerd in het vak, maar in Internet Explorer niet.

9