Een van de belangrijkste taken op uw bord als webdesigner is bruikbaarheid. Usability wordt gedefinieerd als een graadmeter voor de kwaliteit van de gebruikerservaring bij de interactie met uw website. Elke website die u ontwerpt, moet altijd naadloos zijn vanuit het standpunt van de gebruiker. Ze moeten uw site gemakkelijk vinden om te navigeren zonder eerst een speciale training te ondergaan. Bruikbaarheid is normaal gesproken gebaseerd op verschillende factoren.
Een persoon die door uw site kijkt, wil dat zijn leergemak van topkwaliteit is. Ze willen de gebruikersinterface snel leren, zodat ze direct naar binnen kunnen springen en fundamentele navigatietaken kunnen uitvoeren. Efficiëntie van gebruik is een andere factor: nadat ze hebben geleerd om op uw site te navigeren, willen ze snel taken uitvoeren. Zelfs als de gebruiker de site eerder heeft gebruikt, moeten ze zich gemakkelijk genoeg van het proces herinneren om de site de volgende keer effectief te kunnen gebruiken. Dit wordt memorabiliteit genoemd. Wanneer zij uw site gebruiken, kunnen ze enkele fouten ervaren, maar zijn deze fouten vaak of ernstig? Eindelijk, als ze klaar zijn met uw site, is de subjectieve tevredenheid van de gebruiker hoog of laag? Ze hadden graag uw site gebruikt.
Natuurlijk kunt u niet alle sitebezoekers de hele tijd tevreden stellen, maar sommige standaarden zijn gebruikelijk om een goede bruikbaarheid te garanderen. Wat middelmatige webdesigners als vanzelfsprekend beschouwen, zou u niet moeten doen. Hier volgt een overzicht van de drie belangrijkste gebruiksfouten die webontwerpers ten koste van alles moeten vermijden.
Uw website staat boordevol hyperlinks, die duidelijk bedoeld zijn om te worden aangeklikt. Zorg er dus voor dat ze groot genoeg zijn om gemakkelijk te kunnen worden aangeklikt. Het is zo simpel. Anders worden uw hyperlinks niet goed ontvangen. De handbewegingen van de gebruiker op de muis zullen in het begin niet precies zijn, dus maak geen klikbare gebieden zo klein dat de gebruiker een combinatie van finesse en strategie moet gebruiken om een klik te maken op uw kleine hyperlinks.
Aan de andere kant maakt een groter, gemakkelijker te klikken gebied het veel handiger om de cursor op een link te plaatsen. Om het klikbare gebied groter te maken, maakt u gewoon de hele link groter of verbetert u de opvulling rondom de link. U kunt dit doen door de eigenschap CSS-opvulling te gebruiken.
Kijk eens naar deze boete voorbeeld van een vreselijk klein klikbaar gebied. Het komt van de "Hacker News" -pagina van een site genaamd Y Combinator, die startkapitaalfinanciering biedt. Merk op hoe de opmerkingen en gebruikerskoppelingen zo erg klein zijn. Je zult geluk hebben als je er eindelijk in slaagt om erop te klikken nadat je verschillende keren hebt geoefend.
Paginering is geweldig wanneer het wordt gebruikt voor het juiste doel in webdesign. Bij correct gebruik is paginering een welkome functie omdat het de lay-out van een site handiger en gemakkelijker te absorberen maakt. Het wordt voornamelijk gebruikt om inhoud op verschillende pagina's te verdelen, en het is een functie die meestal wordt gebruikt op sites die lange lijst met items bevatten.
Paginering kan echter ook worden misbruikt, waardoor het een factor is die bijdraagt aan ongemak voor gebruik. Sommige sites zijn dol op het misbruiken van paginering met als doel het delen van pagina's met basisinhoud in verschillende pagina's, en er zit ook een bijbedoeling achter. De sites die dit doen, proberen hoogstwaarschijnlijk hun paginaweergaven te vergroten, eenvoudig en duidelijk. Veel online magazines en blogs krijgen hun inkomsten via advertenties, dus het ontvangen van meer paginaweergaven verhoogt hun kijkstatistieken en laat ze meer kosten in rekening brengen voor advertenties.
Kijk hier eens even naar misbruik van paginering, die tot ons komt uit Wired Magazine. Merk op hoe het artikel op het kleurrijke logo van Google is verdeeld in acht pagina's, wanneer alle acht pagina's gemakkelijk in één webpagina kunnen zijn gecombineerd. Zelfs dan had dat langere artikel er niet voor gezorgd dat de pagina langzamer werd in het laden en verwerken. Merk ook op hoe vervelend het is om meerdere keren te klikken om het artikel te lezen.
Bovendien kan dit misbruik van paginering nadelig zijn met betrekking tot SEO; als u inhoud op uw site opsplitst in meerdere pagina's, verlaagt u uw inhoud. Dit heeft tot gevolg dat het aantal relevante zoekwoorden over het onderwerp op elke webpagina wordt verminderd, wat betekent dat elke pagina zelf minder logisch is. Dientengevolge kunnen de zoekmachines niet goed interpreteren waar elke pagina over gaat, wat een negatieve invloed heeft op de rangschikking van de zoekmachine in het artikel.
Inhoud die voor sitegebruikers moeilijk te scannen is, is meestal inhoud die een slechte kopie heeft. Kopiëren is de tekstinhoud waarmee u uw site hebt gevuld en is absoluut noodzakelijk om de bruikbaarheid van uw site uitstekend te maken. Zelfs voordat u zich zorgen maakt over een goede kopie, moet u een goed begrip hebben van het kijkgedrag van sitegebruikers. Sitegebruikers hebben de neiging om niet alle informatie op een webpagina van boven naar beneden te lezen, zoals u van hen zou verwachten.
In werkelijkheid nemen sitegebruikers informatie op door simpelweg van het ene stuk naar het andere te springen, in essentie geleid door wat er op de webpagina naar voren komt. Je kunt het feit bedanken dat internet mensen bombardeert met informatie over dit hectische gedrag op het web. De ogen van gebruikers schieten in feite van een interessant gedeelte van een webpagina naar een andere, wat betekent dat jij, als de volmaakte webontwerper, je pagina's op een manier moet structureren om aan dit gekke gedrag tegemoet te komen.
Zorg er eerst voor dat uw site slechts een paar, duidelijke aandachtspunten heeft. Deze zullen functioneren als de secties van uw pagina die de aandacht van de bezoekers trekken. U kunt slagen door grotere lettertypen en kleuren met hoog contrast toe te voegen. Voeg voor extra visuele aantrekkingskracht afbeeldingen zoals pictogrammen toe naast de tekst.
Ten tweede zou elk aandachtspunt idealiter een beschrijvende titel moeten hebben. Zonder verder te gaan met het lezen van de kopie, zou een gebruiker onmiddellijk moeten begrijpen wat deze sectie inhoud zal omvatten. Maak de koppen nooit cryptisch of onduidelijk om lezers in te tekenen. Maak de kopjes kort maar nauwkeurig.
Ten slotte moet elke aanvullende tekst beknopt en gemakkelijk te absorberen zijn. Bied alleen de grondbeginselen aan en sluit nog iets anders uit. Veel van de tijd trekt de aanvullende tekst die copywriters bevatten om een punt te verduidelijken, in feite af van de leesbaarheid van die tekst. Veel mensen lezen vaak kleine stukjes tekst terwijl ze langere alinea's vermijden, dus snijd het vet bij.
Laten we even kijken naar a webpagina die zijn exemplaar goed organiseert. Dit is de app Cult Things voor de Mac. Je zult opmerken dat op het eerste gezicht de focuspunten, die de screenshot en de reuzengrote "Dingen" -kop zijn, heel voor de hand liggen. De kopie van de verschillende functies van de app, waarvan je meer kunt zien door onderaan de pagina te scrollen, is ook erg kort en to the point, neemt slechts een korte paragraaf of twee in beslag om een korte beschrijving te geven van elke functie.
Goede bruikbaarheid heeft zoveel verschillende factoren dat ze allemaal soms een beetje moeilijk te volgen zijn. Bruikbaarheid heeft alles te maken met de eindgebruiker en hoe ze zich voelen terwijl ze op uw site navigeren en scannen. Zet jezelf in de schoenen terwijl je bezig bent met het ontwerpen van je site. Kunnen zij gemakkelijk op uw site rondreizen? Gaan ze gemakkelijk onthouden wat ze moeten doen en waar ze naartoe moeten als ze jouw site de volgende keer bezoeken? Zullen ze uiteindelijk genieten van hun ervaring met surfen op uw site? Bij het ontwerpen van uw site moeten al deze vragen centraal staan.
Goede bruikbaarheid heeft ook praktische voordelen. Hoe meer een gebruiker efficiënt op uw site kan navigeren, hoe meer ze terugkomen. Ze vertellen ook hun vrienden, hun moeder, hun collega's ... u krijgt de foto. Ze komen je site bekijken. Als gevolg hiervan krijgt u meer pageviews, meer lezers en hopelijk een trouwe volgeling. Dit betekent dat u inkomsten kunt genereren met uw site en meer kunt betalen voor advertenties op de site. Zorg voor bruikbaarheid en je zult op veel manieren de vruchten plukken.
Welke usability-fouten zou u toevoegen? Wat is de slechtste bruikbaarheid fout die ontwerpers vaak maken? Laat ons je mening weten in de reacties.
Uitgelichte afbeelding / thumbnail, fout afbeelding via Shutterstock.