Hoe informatie dichtheid te balanceren in Web Design
Informatiedichtheid is de hoeveelheid informatie in de vorm van inhoud waarmee een bezoeker wordt begroet zodra deze op een website of webpagina belandt.
Hoe groter de informatiedichtheid, hoe groter de hoeveelheid inhoud die een bezoeker op de site of pagina te zien krijgt. Vanwege deze koppeling aan inhoud heeft informatiedichtheid een onmiddellijke impact op de cognitieve belasting van een gebruiker, wat op zijn beurt een enorme invloed heeft op de navigeerbaarheid, bruikbaarheid en gebruikerservaring van de site.
Bij het ontwerpen, is het handig om te bedenken hoeveel inhoud uw gebruiker redelijkerwijs aankan zonder er door vast te lopen. Hoe meer inhoud ze tegenkomen, hoe langer het duurt om bepaalde taken en paginadoelen te voltooien ... omdat de hoeveelheid mentale verwerkingskracht voor hen om taken en doelen te voltooien drastisch toeneemt.
Hoewel het altijd verleidelijk is om een site met veel inhoud te laden om bezoekers aan te trekken, zijn moderatie en minimalisme de sleutel tot een perfecte gebruikersvriendelijkheid.
Analyse verlamming, aka de paradox van keuze, ook wel keuze overbelasting
Hoe je het ook wilt noemen, een te grote informatiedichtheid zal resulteren in analyseverlamming voor je gebruikers, wat rampzalig is vanuit het oogpunt van webontwerp. Een goed ontwerp betekent dat uw gebruikers weten wat ze moeten doen op elk moment van interactie met uw site, dus als ze in hun acties bevroren raken omdat er te veel informatie hen in de war brengt, hebt u een probleem.
Overmatige informatiedichtheid leidt tot te veel keuzemogelijkheden voor uw gebruikers .
Beschouw het volgende scenario:
1) Eén productpagina bevat een afbeelding, een kop, een beschrijving, de prijs, een oproep tot actie en een aantal recensies.
2) Een andere productpagina bevat verschillende afbeeldingen, een paar video's van het product, een hoop getuigenissen, beoordelingen, recensies, aanbevelingen van beroemdheden, overdreven kopieën, een kop, subkoppen, verschillende oproepen tot actie voor alles, van een e-mail aanmelden tot een " voeg toe aan winkelwagen "knop, aanbevolen producten voor kruis- en upsell-doeleinden, etc.
Het is duidelijk dat scenario twee het slechte ontwerp is omdat het de belichaming is van analyse-verlamming.
Laten we eens kijken naar een kort en eenvoudig voorbeeld van een succesvolle site waar de informatiedichtheid tot een minimum wordt beperkt om uitstekende gebruikersstromen te garanderen.
Op 1-800 Pet Meds ' productpagina, merk op hoe het doel van de pagina duidelijk is omlijnd, omdat gebruikers eenvoudig een smaak, grootte en hoeveelheid moeten kiezen voordat ze hun winkelwagentje toevoegen. Onnodige rommel is volledig verwijderd, dus klanten kunnen de aankoop doen met weinig wrijving.
Dit roept de vraag op: hoe houd je de informatiedichtheid tot een minimum beperkt om een geweldige UX te garanderen?
Wat te doen om de informatiedichtheid redelijk te houden
Als ontwerper heeft u de ultieme kracht om ervoor te zorgen dat de dichtheid van uw site onder controle blijft. Bij twijfel is er altijd meer aan de kant van minder, om ervoor te zorgen dat de cognitieve belasting van uw gebruiker het niet moeilijk of zelfs onmogelijk maakt om routinematige taken en acties op de site uit te voeren.
Begin met het zorgen dat elke pagina en de site in het algemeen een groots plan hebben voordat je serieus begint met het ontwerp. Dit betekent dat je jezelf moet afvragen wat het doel van de pagina moet zijn en wat de informatiearchitectuur zou moeten zijn om dat doel te bereiken.
Met andere woorden, plaats jezelf in de schoenen van de gebruiker. Als ontwerper moet het voor u 100% duidelijk zijn hoe uw gebruiker zijn paginadoeld zal bereiken, of u nu naar de pagina op mobiel, een tablet of op een desktop kijkt. De gebruikersstroom moet goed gedefinieerd, glashelder en zo eenvoudig zijn dat zelfs niet-gesofisticeerde gebruikers, di degenen die het internet niet zo goed gebruiken, de taak met succes kunnen voltooien.
Laten we een ander voorbeeld bekijken van het onder controle houden van de informatiedichtheid, zodat de berichtgeving effectief is en de UX een plezier is.
Op Ford's landingspagina voor garagediensten voor hun voertuigen is er geen enkele onduidelijkheid over wat het doel van de pagina is en hoe bezoekers die taak moeten uitvoeren. Dat komt omdat de pagina relatief weinig elementen bevat, dus minder afleiding van het doel van de pagina. Wanneer aan deze voorwaarden wordt voldaan, is de informatiedichtheid beheersbaar, wat zorgt voor uitstekende UX. Dit is wat deze pagina goed doet:
- Maak een ontwerp met veel witruimte om de aandacht van de gebruiker te richten op het doel en de inhoud van de pagina
- Grote, merkbare en levendige call-to-action-knop
- Duidelijke microcopy call-to-action-knop
- Overtuigende berichten boven de call-to-action-knop
- Wis gebruikersstroom en doelpad naar pagina
Dankzij het ontwerp van deze pagina, zal de gebruiker die naar de pagina kijkt niet overweldigd voelen en niet in staat zijn om de eenvoudige taak van het maken van een afspraak voor garageservice te voltooien. Dat komt omdat de cognitieve belasting minimaal was, omdat de pagina relatief weinig elementen gebruikte om duidelijk te communiceren wat er moest gebeuren om de taak te voltooien.
Het andere uiterste
Uitersten zijn nooit goed, ongeacht de kant van het spectrum waar de slinger mee bezig is. Net zoals je een slechte UX kunt bieden voor een site met te veel dichtheid, kun je net zo goed de UX verpesten als je te weinig content hebt.
Zoals dit rapport over minimalisme in webdesign stelt dat wanneer uw benadering van minimalisme te extreem is, zodat uw interfaces een zeer lage informatiedichtheid hebben, u het risico loopt dat uw gebruikers het moeilijk vinden om de dingen te vinden waarnaar ze op zoek zijn. Wanneer dit gebeurt, ondervindt de UX hetzelfde, en ontwerpers moeten onthouden om eerst te ontwerpen voor gebruikers in plaats van te dicht bij elke ontwerpideologie te blijven.
Met andere woorden, minimalisme is altijd een slimme keuze in ontwerp, maar het moet minimalisme met mate zijn.
Voor een goed voorbeeld van gematigd minimalisme met informatiedichtheid die onder controle is, kijken we ernaar weebly's Startpagina.
Let op de enorme, opvallende kop, de waardevoorstel, de beschrijving, de slogan en de eenvoudige en duidelijke call-to-action.
Informatiedichtheid is cruciaal
Informatiedichtheid, of de hoeveelheid inhoud die een site zijn bezoekers toont, speelt een grote rol in verschillende factoren, waaronder de UX, of de bezoeker het einddoel wel of niet kan voltooien en uiteindelijk paginaconversies.
Ontwerpers moeten nadenken over hoe dicht de inhoud is die ze presenteren aan hun gebruikers. Ze moeten er vanaf het begin over nadenken, nog voordat ze de eerste regel code invoeren. Tijdens het wireframing-proces moeten ontwerpers nadenken over hoe de informatiedichtheid op hun nieuwe site zal worden behandeld.
Over het algemeen moeten ontwerpers streven naar een minimalistische informatiedichtheid, zodat bezoekers niet overweldigd worden. Het nadeel hiervan is echter dat het niet overdreven minimalistisch kan zijn, omdat dat hetzelfde type UX-problemen zal creëren met "vindbaarheid" en vindbaarheid die te veel inhoud ook creëert. Balans is de sleutel tot geweldig ontwerp.