Verbeteringen webapplicaties
Steeds vaker horen webapplicaties bij de bedrijfskritieke infrastructuur en spendeert een deel van het personeel zijn werktijd hierin.
Kosten voor ontwikkeling liggen vaak aanzienlijk lager en het web kan vaak meer flexibiliteit bieden. Er is slechts een browser nodig met internet toegang, via laptops, smartphones en tablets is een webapplicatie overal toegankelijk en dure installatie- en upgradeprocedures zijn onnodig.
Wel zie je dat veel webapplicaties aanzienlijk verbeterd kunnen worden met eenvoudige ingrepen. Hieronder zet ik mogelijke verbeteringen uiteen.
Gebruik grote lettertypes
Algemeen gezien vergroot dit de leesbaarheid van tekst gigantisch. Vanaf een bepaalde leeftijd (mid-life) neemt het zicht bij veel mensen snel af en deze mensen hebben er enorme baat bij. Ook op mobiele apparatuur zoals tablets (o.a. iPad) of smartphones (o.a. iPhone) heeft men er veel baat bij.
Denk aan Arial of Times New Roman in minimaal 15px of 16px.
Voorkom onduidelijke icoontjes
Veel navigatie-elementen in beheersystemen bevatten icoontjes die verwerkt zitten in het ontwerp. Zorg ervoor dat de buttons met icoontjes duidelijk te onderscheiden zijn (van de designelementen) en dat de associatie ermee kloppen.
Hier geldt hetzelfde als voor gebruik van kleine lettertypen: mensen herkennen de icoontjes niet en moeten twee of drie keer kijken om te snappen wat het uitbeeld.
Grote klik- of tapgebieden
Maak links en buttons gemakkelijker aan te klikken of tappen door het klikbare/tapbare deel groter te maken dan het element zelf.
Verkort laad- en rendertijden
Hoe sneller de pagina bruikbaar is, hoe minder kans er is dat er tijd verloren wordt of erger: uit hun workflow raken.
Houdt paginagroottes klein door gebruik te maken van zo min mogelijk achtergrondafbeeldingen en losse stylesheets.
Gebruik de mogelijkheden die AJAX biedt om niet de gehele pagina te hoeven herladen: denk bijvoorbeeld aan postcode validatie.
Test of bepaalde paginaconstructies de browser niet te traag maken: minimaliseer opbouwtijden (rendertijden). Mobiele apparatuur en bepaalde browsers (met name: Internet Explorer 8 en eronder) voelen bijvoorbeeld heel traag aan bij gebruik van bepaalde constructies met fixed en absolute gepositioneerde elementen.
Responsive design
Met webapplicaties wordt op allerlei apparaten gewerkt. Denk aan kleine schermresoluties van 480 bij 800 van een smartphone tot grote van 1920 bij 1200 van een monitor.
Daarnaast kun je op de bredere schermen mogelijkheden creeeren bijvoorbeeld informatie in vier kolommen te tonen, in plaats van twee of drie.
Voorkom onzichtbare elementen
Toon alle site onderdelen en voorkom gecompliceerde dropdownmenu's. Vaak zijn deze elementen lastig tevoorschijn te halen op tablets en smartphones. Daarnaast maakt het sites vaak onnodig onoverzichtelijker.
Houdt rekening met de kleine schermresoluties door elementen niet naast, maar onder elkaar te plaatsen en op grote resoluties bijvoorbeeld meer kolommen informatie te tonen.
Toetsenbordnavigatie
Met een beheersysteem kan veel sneller worden gewerkt wanneer er met het toetsenbord door genavigeerd kan worden. De handen kunnen op het toetsenbord blijven en er zijn geen reistijden van cursorverplaatsingen.
Het kan ook veel ergenissen wegnemen: de workflow voelt namelijk gestroomlijnder. Daarnaast ziet het er vlot uit voor omstanders en klanten: iets wat het “ze weten waar ze mee bezig zijn”-gevoel geeft.
Formuliervalidatie
Het is scheelt veel tijd fouten meteen te kunnen corrigeren. Zeker bij grote formulieren voorkom je dat mensen weer terug moeten gaan denken of bijvoorbeeld aan de balie nogmaals moeten vragen: hoe spelt u uw naam ook alweer?
Bekijk ook
- Interessant artikel op Smashing Magazine: 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake door Bnonn Tennant.