Bespreking www.alex.nl

Figuur 1: Onze opmerkingen bij Alex

Herkenbaarheid en informatie

A Alex heeft behalve een naamsvermelding linksboven ook een `echt' logo; de rode cirkel met het figuur erin. Deze staat rechtsboven, en zal door surfers niet direct als het Alex-logo worden herkend. Pas wanneer op andere pagina's en in overige publicaties blijkt dat deze afbeelding telkens terugkeert, zal het worden herkend als logo. Voor een sterke positionering en koppeling van de naam Alex aan het logo zouden ze beter dichter bij elkaar kunnen worden geplaatst.

De logo's zijn niet aanklikbaar als hyperlink naar de homepage. Wanneer een andere pagina dan de homepage zichtbaar is in de frameset verschijnt tussen de tekst Alex en de groene navigatiebuttons een rood balkje Home. Dit balkje valt enigszins weg tegen de achtergrond, waardoor bezoekers hem snel over het hoofd zullen zien. De weg terug naar de homepage had duidelijker in beeld gebracht kunnen worden.

Alex ontbeert een slagzin en ook uit de rest van de pagina is voor de onbekende bezoeker niet in één oogopslag volkomen duidelijk om wat voor site het gaat. Het zou goed zijn een slagzin op te nemen die in korte bewoordingen meer informatie geeft over de dienst Alex (zoiets als Snel en betrouwbaar online beleggen of een variant hierop). De banner op de homepage is een Flash-advertentie waarin na een animatie wordt besloten met de tekst Iedereen kan zelf beleggen met Alex. Ook dat zou een goede slagzin om permanent te tonen (en niet alleen in een advertentie).

B In de bovenste navigatiebalk worden met gele buttons direct alle vragen over het bedrijf Alex zelf beantwoord. De positionering ervan is sterk, de vragen vallen direct in het oog. Dat moet ook wel, aangezien het om “echt” geld gaat. Beleggers vertrouwen hun geld toe aan Alex, en omdat Alex volkomen online werkt, moet de site zo snel mogelijk alle basisvragen beantwoorden en het vertrouwen van de websurfer wekken. Uitsluitend de beknoptere link Over Alex (zoals de blauwe button links) met daarna pas de vier hoofdvragen was in dit geval onvoldoende geweest. De makers van de site hebben dit goed geanalyseerd en opgelost. Via de button Over Alex is overige basisinformatie te vinden, zoals de geschiedenis van het berdrijf, werken bij Alex en informatie over het moederbedrijf van Alex (Dexia Bank). In dit geval is het dus goed (gezien het doel van de site) dat deze service-informatie gesplitst wordt aangeboden.

[Noot: op het moment van schrijven van deze bespreking was Alex nog onderdeel van Dexia. Inmiddels is het bedrijf verkocht aan Rabobank]

Navigatie

C Rondom het centrale frame zijn de navigatie-items aangebracht. Met behulp van `harde' kleuren worden de blokken functioneel van elkaar onderscheiden. Over smaak valt niet te twisten. De groepering van de items en de opschriften van de buttons in de blokken is in ieder geval duidelijk, en daar gaat het om. De groene buttons bevatten items die rechtstreeks met de beleggingrekening te maken hebben, de blauwe buttons zijn informatie-items. Een paar algemene opmerkingen over deze button-menu's.

• De JavaScript/Dynamic HTML-menu's werken alleen correct in Internet Explorer. Ze zijn bovendien lastig te bedienen voor gebruikers met motorische beperkingen.
• Inloggen kan alleen met Internet Explorer of oudere versies van Netscape Navigator (4.x). Deze informatie komt maar moeizaam boven water, pas na het inschakelen van de zoekfunctie ontdekten we een document waarin de aanbevolen browsers werden beschreven.
• De button Brochure opent helemaal geen brochure. De site toont een webformulier voor de áánvraag van een brochure. Deze wordt vervolgens per post opgestuurd. Waarom niet ook een pdf-bestand beschikbaar gesteld, of de brochure in HTML-formaat. Veel gebruikers zullen liever niet direct hun postgegevens ter beschikking stellen, huiverig als ze zijn voor stapels ongevraagde reclame op de deurmat.

Het zou goed zijn als de buttons permanent een afwijkende kleur krijgen binnen een geselecteerde sectie. De vraag `waar ben ik binnen deze site' is dan makkelijker te beantwoorden. Nu wordt alleen een mouseover-kleur gebruikt. Wel zijn broodkruimels zichtbaar in het centrale frame als dieper gelegen pagina's worden geopend. Dit is een goede navigatietechniek.

D Een derde navigatieblok staat aan de rechterkant van de frameset. Ook hierin zijn service-items vermeld. Dit is als het ware een uittreksel van items die ook via de buttons aan de rechterkant bereikbaar zijn. De (waarschijnlijk) meest gebruikte opties van de site zijn nu rechtstreeks te selecteren. Het is goed om dergelijke veelgebruikte links `naar voren' te halen in de navigatiestructuur, gebruikers hoeven dan niet een zee van menu's door te waden. Dit menu had echter wat rustiger vormgegeven kunnen worden:

• de bolletjes naast de menunamen knipperen om-en-om. Dit is afleidend en dient geen enkel doel;
• de menu-items zijn geheel in hoofdletters gesteld. Dit vermindert de leesbaarheid en scanbaarheid van het menu. Elders op de pagina wordt wel gewoon mixed-case gebruikt, dus waarom hier niet?

Snelheid

Ook Alex is geen al te snelle site. Het grootste deel van de vertraging zit 'm in de code voor de verschillende framesets en het weergeven van de browser daarvan. Als de frames eenmaal geladen zijn staan vervolgpagina's (die in het centrale frame worden getoond) vlotter op het scherm. Dat is in feite de omgekeerde wereld. Het laden van de homepage duurt lang, terwijl de vervolgpagina's sneller zijn. Met het oog op een snelle site had beter gekozen kunnen worden voor een initiële homepage zonder frames, waarna –als gebruikers daadwerkelijk hun beleggingen willen beheren of met de site aan de slag gaan– alsnog de frameset wordt geladen, als dit om technische redenen niet anders kan. Onze voorkeur blijft echter uitgaan naar een framesloos design.

Zoeken

E  Alex beschikt over een zoekfunctie, deze is rechtstreeks vanaf elke pagina te bereiken. Dit is prima. Helaas springt het zoekvak op dit moment niet erg in het oog. Dat komt onder meer door de grijze achtergrond (een wit tekstvak is duidelijker) en de positionering rechtsonder. Een betere plaats voor de zoekdienst zou bijvoorbeeld rechtsboven zijn, onder het logo. Tevens zou het zoekvak op die plaats wat breder gemaakt kunnen worden waardoor er meer tekst tegelijk zichtbaar is. De resultaten van de zoekfunctie zijn overigens wisselend. Er lijkt alleen gezocht te worden op paginatitel of -beschrijving, niet op andere tekst in de documenten. Stel dat u aandelen wilt kopen in een bekend bedrijf. Zoektermen als Netscape of bedrijfsnamen (Akzo, DSM, Philips) leveren niets op, terwijl deze begrippen in documenten op de site wel degelijk genoemd worden.

F De hyperlink FAQ opent géén lijst met veelgestelde vragen en antwoorden, maar opent gewoon de zoekfunctie. De gebruiker moet zelf een zoekterm typen. Het zou goed zijn hier ook daadwerkelijke een lijst met de meest gestelde vragen op te nemen.

Opmaak

De huidige opmaak van Alex is bij vrijwel elke schermresolutie goed te gebruiken, de frameset centreert zichzelf in het browservenster bij hogere resoluties. De opmaak is echter statisch, het centrale frame heeft altijd de afmeting van 768x432 pixels. De teksten op Alex.nl hebben een vaste grootte van 8 punten. Dit is erg klein, zelfs voor degenen met goed zicht. Het is niet mogelijk zelf een andere lettergrootte in te stellen. De site zou beter toegankelijke worden als deze twee punten worden verbeterd.

G  Het contrast van de teksten is in het algemeen voldoende. Zwarte of vet-rode tekst op witte achtergrond is goed leesbaar. Ook de menu's zijn voldoende contrastrijk, hoewel de combinaties donkerblauw op geel en zwart op groen niet ideaal zijn. Op de homepage wordt echter in de zes blokken en voor de navigatiebuttons gebruik gemaakt van een dun lijntje als achtergrondafbeelding. Dit voegt ruis toe en verminderd daarmee de leesbaarheid van de pagina. Het zou beter zijn deze achtergrondafbeeldingen achterwege te laten.

Schrijfstijl en Inhoud

H De homepage maakt in zes blokken duidelijk wat Alex de online belegger heeft te bieden. De inhoud van deze blokken rouleert, maar altijd worden de unieke punten van Alex benadrukt. De inhoud van de blokken is relevant, de koppen en teksten zijn duidelijk geschreven en nodigen uit tot verder klikken. Het is goed dat zowel de koptekst, de berichttekst als de afbeelding aanklikbaar zijn. De kwaliteit van schrijfstijl op vervolgpagina's is wisselend. Vaak worden minder goed op het web voorbereidde teksten gebruikt (lange lappen tekst, geen alineakoppen) die in een klein lettertype niet prettig lezen vanaf het scherm. Het afdrukken van de informatie zal door de framestructuur in veel browsers problemen geven. Hier zou eens door een goede webredacteur naar gekeken moeten worden.

Hyperlinks

Op de homepage worden geen standaard hyperlinks gebruikt. Alle links zijn vormgegeven als buttons of aanklikbare (kop-)teksten. Door hun afwijkende opmaak als buttons zal niemand er echter moeite mee hebben de links als zodanig te herkennen. Elders in de site worden zwarte, onderstreepte links gebruikt. Omdat zwart ook als tekstkleur wordt gebruikt, is de scanbaarheid van hyperlinks niet optimaal. Het zou hier beter zijn de standaardkleur blauw voor hyperlinks te gebruiken. Visited links hebben wel een afwijkende kleur (standaard-paars), waardoor het goed te zien is welke delen van de site al eerder zijn bezocht. Dit is een goed punt.

Interactie

I Een online beleggingsite is natuurlijk bij uitstek een interactief systeem. Om transacties te verrichten of hun portefeuille te beheren moeten beleggers zijn ingelogd. Het zou daarom goed zijn als gebruiker direct via de homepage kunnen inloggen. Nu moeten beleggers via de button Inloggen naar een apart scherm om daar hun rekeningnummer (als `inlognaam') en wachtwoord in te vullen. Dit is omslachtiger dan nodig is. Wanneer de zoekdienst inderdaad naar rechtsboven wordt verplaatst, komt deze ruimte vrij om de inlogvelden te plaatsen. Met name actieve beleggers die vaker transacties uitvoeren zullen dit op prijs stellen.

J Overige interactie-items op Alex.nl bestaan uit de zoekfunctie/FAQ en een standaard webformulier bij de optie Contact. Dit is voldoende. Het is niet nodig op een site als deze een beleggersforum of chatbox te plaatsen. Daarvoor zijn andere sites meer geschikt. Het is goed dat Alex zich concentreert op zijn core-business. Wel zou het beter zijn als bij het contactformulier een toelichting is geplaatst over de wijze en termijn waarop u van Alex een reactie kunt verwachten. Nu bestaat het formulier enkel uit tekstvelden zonder toelichting en een button Verstuur.

Accessibility

Door de framesstructuur en de matige voorziening van alt-teksten bij afbeeldingen is de site van Alex zo goed als onbruikbaar voor screenreaders of spraakbrowsers. Het gebruik van de Dynamic HTML-menu's en vaste lettergroottes zorgen voor verdere problemen. Het is niet waarschijnlijk dat gebruikers met een handicap (in welke vorm dan ook) gebruik zullen maken van Alex. Het zou goed zijn hier aandacht aan te besteden.

Afbeeldingen en multimedia

K Alex maakt spaarzaam gebruik van afbeeldingen maar wanneer ze gebruikt worden, worden goede keuzes gemaakt. De afbeeldingen ondersteunen de tekst van het bericht (zoals in dit voorbeeld het SMS-schermpje). Datzelfde geldt voor de andere infoblokken op de homepage.

L Dit is een Flash-animatie die eenmalig afgespeeld wordt. Het is goed dat deze niet continu loopt. In principe zou deze ruimte echter beter benut kunnen worden. Er wordt alleen reclame gemaakt voor Alex zelf. Het verwijderen van deze advertentie zou de ruis op de pagina verminderen en meer ruimte geven aan de blokken met informatie.

M Dit is een geanimeerde Flash-advertentie die telkens doorloopt en waar teksten in en uit beeld vliegen. Het geeft een onrustig accent aan de pagina. Ook hier wordt uitsluitend geadverteerd voor Alex zelf, de hyperlink van deze advertentie leid naar dezelfde informatie als het blok linksboven (SMS-alert). Overbodig derhalve.

N Erg sterk op deze site zijn de demonstraties van de wijze waarop de site werkt (zie figuur hieronder). Via –nu nuttig gebruikte!– Flash-demo's kan de belegger-in-spe kijken hoe hij orders kan opgeven, aandelen kopen en verkopen, en meer. De demo's bevatten voorbeelden van schermen en handelingen die normaal gesproken alleen na het inloggen mogelijk zijn. Het is erg goed dat dit ook vooraf kan worden bekeken zodat de surfer zich een goed oordeel kan vormen van de werkwijze van Alex en of online beleggen iets voor hem is. Een groot pluspunt en goed gebruik van multimedia om iets duidelijk te maken.

Figuur 2: Alex maakt gebruik van Flash-demo's om de werking van hun transactiesystemen uit te leggen. Dit is prima ondersteunend gebruik van multimedia

Terug naar boven