Share
Met meer dan 644 miljoen websites op het internet is het niet eenvoudig om op te vallen. Uiteraard doen ontwerpers hun best om alledaags, vergeetbaar design te vermijden en in plaats daarvan iets moderns en memorabels te maken.
Soms leveren deze inspanningen echter problemen op, zelfs voor hun trouwste gebruikers. Dat komt omdat in webontwerp een visuele verbetering soms kan vertalen in degradatie van bruikbaarheid. Voordat u alle stijlvolle technieken in uw ontwerprepertoire implementeert, moet u rekening houden met de onbedoelde gevolgen voor de bruikbaarheid.
In dit artikel bespreken we vijf veelgebruikte webontwerptechnieken en hun mogelijke bruikbaarheidsproblemen.
Met oneindig scrollen kunnen gebruikers een eindeloze stroom van content ervaren met minimale navigatie. Wanneer gebruikers de onderkant van de pagina bereiken, hoeven ze geen paginakoppelingen te raken. Er wordt automatisch meer inhoud weergegeven.
Mogelijk hebt u oneindig scrollen geïmplementeerd omdat het een elegante vloeibaarheid en levendigheid op de pagina introduceert.
Als gebruikers vandaag iets interessants op de pagina hebben gevonden, kunnen ze morgen terugkeren naar dat item zonder hun leven weg te scrollen in wanhopige hoop het opnieuw te vinden? Biedt uw site links aan om die recent bekeken items te bezoeken? Biedt uw site een zoekfunctie die nauwkeurig genoeg is om dat item te vinden nadat u de paar trefwoorden ingevoerd heeft die de gebruiker zich nog kan herinneren? Als de trend van uw antwoorden was Nee, de oneindige scroll heeft uw gebruikers beroofd van het plezier om terug te keren naar inhoud die voor hen belangrijk was. Wanneer u uw inhoud als een overgangsfase behandelt, verliest u onbedoeld uw inhoud en uw site.
Uw gebruikers hebben ervoor gekozen uw website te bezoeken omdat deze een item bevat dat van persoonlijk belang of belang voor hen is. Wanneer de pagina wordt geladen, raken ze vrolijk Ctrl-F om naar een woord of zin te zoeken, alleen om resultaten voor nulvergelijking te vinden omdat de gewenste inhoud nog niet is geladen en daarom niet kan worden gevonden! Als u denkt dat uw drukbezette gebruikers geduldig zullen scrollen totdat de inhoud die ze nodig hebben is geladen, denk dan opnieuw. Overweeg prioriteit te geven aan doorzoekbaarheid over scrollability in uw ontwerpmethodologie.
Het navigatiemenu met meerdere niveaus presenteert meerdere, geneste niveaus van navigatie-items. Alleen wanneer u naar een afzonderlijk item navigeert, komen de onderliggende items beschikbaar.
Mogelijk hebt u de navigatie op meerdere niveaus geïmplementeerd, omdat uw site meerdere geneste onderwerpniveaus bevat en u de rommel en paginaruimte van een traditioneel navigatiemenu wilt verkleinen waarin al deze onderwerpniveaus beschikbaar zijn vanaf het begin. Het navigatiemenu met meerdere niveaus handhaaft immers de onderlinge relaties tussen onderwerpen en doet dat op een slanke, gecompartimenteerde manier.
In plaats van de complexiteit van een site met een geneste onderwerpshiërarchie te verminderen, verbergt het navigatiemenu met meerdere niveaus die complexiteit alleen maar uit beeld. Gebruikers moeten nog proberen om een moeras van onderwerpen te begrijpen die niet intuïtief zijn geclassificeerd. Onderzoek uw redenen om de extra navigatieniveaus te willen minimaliseren en te verbergen. Zou het kunnen dat uw echte doel is om de site-architectuur zelf af te vlakken zodat onderwerpen gepresenteerd worden in een gemakkelijker te verbruiken, logisch gegroepeerd formaat? Als dat zo is, wees dan niet bang om het rootprobleem aan te pakken en heroverweeg uw beslissingen over informatiearchitectuur. Vergeet niet dat het een navigatiemenu is om navigatie en toegankelijkheid in te schakelen, niet om een gebrek aan navigatie of toegankelijkheid te verbergen.
We hebben ze allemaal gezien: navigatiemenu's op meerdere niveaus die vereisen dat gebruikers met de precisie van een chirurg over menu-items moeten bewegen om een item van belang te vinden. Als de cursor van uw gebruiker van een menu-item glijdt, mietje, het hele navigatiemenu valt uit het zicht en laat uw gebruikers terug waar ze zijn begonnen. Je navigatiemenu op meerdere niveaus is nu meer als een frustrerend videogame: de meest enthousiaste en vastberaden gebruikers zullen blijven proberen te zegevieren over het navigatiemenu, maar de meerderheid zal eenvoudigweg vertrekken en de informatie vinden die ze zochten bij een meer praktische bron.
Een pictogram op een website is vaak interactief en dient als een symbolische visuele weergave van een functie die beschikbaar is voor gebruikers. Mogelijk hebt u oogverblindende pictogrammen op uw site geïmplementeerd om een onmiddellijke reactie van de gebruiker uit te lokken waarvan u denkt dat woorden alleen niet kunnen worden bereikt. Immers, een foto zegt meer dan duizend woorden, en pictogrammen worden overal ter wereld gebruikt in bewegwijzering om belangrijke boodschappen en instructies onmiddellijk over te brengen.
Je hebt misschien een oogverblindende icon set gemaakt die zo kunstig en verfijnd is dat deze op de Dribbble-startpagina zou kunnen staan, maar als mensen niet begrijpen wat ze bedoelen, kun je de functies beter in duidelijke woorden beschrijven. Als het om iconen gaat, is schoonheid alleen maar diep in de huid. De waarde van pictogrammen op uw site kan vooral worden beoordeeld op basis van hun relatibiliteit en herkenbaarheid.
Uw gebruikers zullen zich concentreren op de aspecten van een site die u het meest prominent opneemt. Daarom, als pictogrammen een alomtegenwoordige functie op uw site zijn, geeft u aan uw gebruikers door dat ze hun primaire aandacht moeten geven aan uw iconografie en secundaire aandacht voor de tekstinhoud. Uw gebruikers zijn nu uitgehongerd van relevante inhoud en in plaats daarvan gebombardeerd door visuals die ze niet hadden verwacht of gewenst. Als dat niet uw bedoeling is, overweeg dan om het belang van tekstinhoud op uw site te vergroten door het meer prominent op te nemen en spaarzaam met iconografie. Het is essentieel om een balans te vinden tussen tekst en afbeeldingen om de interesse van gebruikers te behouden.
Een footer van een sitemap is een footer die links bevat naar de verschillende onderwerpen die uw website bevat. Deze koppelingen worden meestal gepresenteerd in een hiërarchie of structuur die de werkelijke sitestructuur nabootst. Dit resulteert erin dat de voettekst van de sitemap lijkt op een echt sitemapbestand dat door de crawlers van zoekmachines wordt gebruikt om de cumulatieve lijst met pagina's in een website en de relaties met de pagina te beoordelen.
Mogelijk hebt u een voettekst voor een sitemap geïmplementeerd, omdat uw site meerdere onderwerpen in een hiërarchie bevat en u gebruikers een geconsolideerde, one-stop-shop met links wilt bieden waarmee ze eenvoudig naar een willekeurig onderwerp van hun keuze kunnen gaan. Immers, als uw website veel inhoud heeft, kan een footer van een sitemap voorkomen dat gebruikers doelloos op zoek zijn naar de link naar de inhoud die ze nodig hebben.
Bevat uw sitemap-footer koppelingen naar onderwerpen die niet alternerend kunnen worden geopend via een ander navigatie-element dat eerder op de pagina wordt weergegeven? Als dat zo is, zullen uw gebruikers na herhaalde bezoeken zichzelf trainen om afhankelijk te zijn van de voettekst om links te vinden die ze niet via de navigatie van andere pagina's kunnen vinden. Uw arme voetzoeker staat nu voor de hoge druk om te compenseren voor een gebrek aan toegankelijkheid van informatie op een breder siteniveau. Wilt u echt dat uw gebruikers uw zorgvuldig samengestelde hoofdinhoud uitlichten en direct naar het voetgedeelte gaan? Als dat niet het geval is, kunt u overwegen de algehele beschikbaarheid en plaatsing van links op uw site te verbeteren. Als links naar waardevolle onderwerpen al vroeg in de pagina zichtbaar zijn voor gebruikers, stijgen zowel uw inhoud als uw gebruikers naar de top.
Voordat uw gebruikers op een link klikken, hebben ze aanmoediging van u nodig om hen de motivatie en context te geven om op die link te klikken. Het briljante aan een navigatiemenu is dat het gebruikers deze context biedt. Het helpt gebruikers hun weg te vinden door links naar sitethema's op een ordentelijke, logische manier aan te bieden. Vergelijk dit met het inherente gebrek aan context in een voettekst van een sitemap. De gebruiker staat onderaan de pagina en is waarschijnlijk klaar met het doornemen van de hoofdinhoud van de pagina waarvoor ze zijn gekomen. Ze hebben geen enkele reden om verder te lezen, maar krijgen nu een spervuur van links te zien in het voettekstje. Als de links elk onderwerp op de site van A tot Z behandelen en er geen context is vastgesteld voor hun relatie tot elkaar, kunt u redelijkerwijs niet verwachten dat gebruikers deze linkwildernis inslaan.
Een decoratief lettertype is eenvoudigweg een sterk gestileerd, versierd of picturaal lettertype. We hebben ze allemaal gezien - sites die verfraaide lettertypen gebruiken, zoals de leuke "Curlz", het elegante "Voluta Script" of de innovatieve "Ecofont". U hebt mogelijk een decoratief lettertype op uw site gebruikt omdat u de gewone tekst nieuw leven in wilde blazen en dacht dat het toevoegen van een levendig lettertype dat zou bereiken.
Weinig dingen op het web zijn meer teleurstellend dan een verbluffend vervaardigd lettertype dat zo onleesbaar is op het scherm dat het simpelweg het lettertype niet waard is. Inhoud is koning op uw pagina, dus als gebruikers uw inhoud niet kunnen lezen of niet kunnen waarderen, blijven ze waarschijnlijk niet op uw pagina staan en bewonderen zij de artistieke waarde van het lettertype. Gebruik uw discretie en voer een leesbaarheidstest uit voor alle decoratieve lettertypen die u gebruikt. Kun je het lettertype gemakkelijk lezen in hoofdletters, kleine letters, vetgedrukte en cursieve varianten? Als dat niet het geval is, overweeg dan om het lettertype te verwijderen en het te vervangen door iets meer utilitair. Het meest effectieve lettertype is een lettertype waarvan de duidelijkheid het toestaat om voor zichzelf te spreken, zonder zware verfraaiingen.
Stel dat u hebt besloten om op uw site een hoofdlettertype te gebruiken dat eruitziet als uw handschrift als een 12-jarige. Laten we ook zeggen dat de inhoud van uw site van professionele aard is en geschikt is voor de medische gemeenschap. Afgezien van moeilijk te lezen op het scherm, is uw lettertype keuze merkbaar verkeerd in lijn met uw inhoud en het algemene doel van uw site. Rode vlaggen worden naar uw gebruikers gestuurd wanneer zij zich afvragen hoe u uw site kunt waarnemen, wanneer er zo'n verbluffend verschil is tussen de daadwerkelijke inhoud en de manier waarop deze wordt gepresenteerd. Uw gebruikers zullen uw lettertype waarschijnlijk niet leuk en grappig vinden. In plaats daarvan heeft je slecht passende lettertype je echt onrecht aangedaan. Als u niet wilt dat uw gebruikers dit ervaren, overweeg dan om een lettertype te kiezen dat geschikt en relevant is voor de algehele toon van uw inhoud en site.
In webontwerp is niet alles wat blinkt goud, en niet alles wat gedenkwaardig, esthetisch of zelfs functioneel innovatief is, is noodzakelijkerwijs bruikbaar of toegankelijk. Of je nu een nieuwe of ervaren ontwerper bent, met de tijd zul je doorgaan met het verwerven van talloze krachtige technieken in je ontwerprepertoire. Zoals het gezegde luidt, met grote kracht komt grote verantwoordelijkheid. Neem de verantwoordelijkheid voor de kracht van uw ontwerp en neem verantwoordelijkheid voor uw gebruikers door goed na te denken voordat u functies implementeert waarvan u denkt dat ze uw site zullen verbeteren.
Sta niet toe dat uw ontwerpmethodologie of informatiearchitectuur uw gebruikers vertragen of verhinderen om de inhoud te vinden en te gebruiken. Als uw gebruikers op uw inhoud kunnen rekenen en op uw ontwerp kunnen rekenen om hen eenvoudige toegang tot die inhoud te verlenen, kunt u erop rekenen dat ze nog jarenlang naar uw site zullen terugkeren. Nu dat is gedenkwaardig ontwerp.
Accentsconagua