Niemand wil een slecht ontwerp maken, en toch gebeurt dit de hele tijd. En hoewel de oorzaak van een slecht ontwerp varieert, is het uiteindelijke resultaat dezelfde slechte gebruikerservaring.

Slechte gebruikerservaring frustreert gebruikers en leidt vaak tot het verlaten van het product. In dit artikel zal ik me concentreren op een bepaald aspect van slechte ontwerp-gebruikende UI-technieken die leiden tot slechte UX.

1. Pop-ups

Als ik je vraag het meest irritante ding op internet te noemen, is de kans groot dat je antwoordt: 'Pop-ups'. Volgens de NN Group zijn pop-ups de meest gehate webervaring ooit.

We kennen dat gevoel allemaal. U bezoekt een nieuwe website, de inhoud op de pagina lijkt interessant. Je begint het te lezen en net als je halverwege de tekst bent, word je plotseling onderbroken door een enorme overlay waarin je wordt gevraagd om je te abonneren op een nieuwsbrief of je iets aan te bieden. In de meeste gevallen is uw onmiddellijke reactie ofwel het sluiten van de overlay of het sluiten van de hele pagina, de overlay erbij.

opt6

Een overlay op de website van Esquire.

Het is duidelijk waarom zoveel sites deze techniek gebruiken: adverteerders betalen ze. De pop-uptechniek is echter te ontwrichtend en heeft een enorm negatief effect op bezoekers. Telkens wanneer u een pop-up laat zien, vraagt ​​u gebruikers om te stoppen met doen wat zij willen doen (wat belangrijk voor hen is) en hun aandacht te richten op wat u wilt dat ze doen (wat belangrijk voor u is). Het is niet verwonderlijk dat dergelijk gedrag het bouncepercentage vaak verhoogt.

Het is mogelijk om pop-ups te gebruiken zonder uw bezoekers te irriteren. Volg gewoon een eenvoudige regel - activeer een pop-up op het juiste moment. Het is bijvoorbeeld veel beter om gebruikers toe te staan ​​de huidige activiteit te beëindigen (bijv. Het einde van de pagina te bereiken) voordat een pop-up wordt getoond. Zodra gebruikers iets meer tijd hebben gehad om u te leren kennen (uw merk en uw aanbod), neemt de kans toe dat zij bereid zijn te doen wat u wilt dat ze doen.

Een ander belangrijk onderdeel is het daadwerkelijke bericht dat u in uw pop-up hebt. Je moet een goede kopie schrijven. De kopie mag geen belediging, tricking of verwarrend zijn. Waitbutwhy ga nog verder en neem humor op in hun tekst:

OPT1

Wanneer bezoekers de kopie van Waitbutwhy lezen , maakt dit hen aan het lachen.

Het is de moeite waard om te zeggen dat er veel minder opdringerige tools zijn, zoals insteekbalken die niet de hele pagina beslaan en vergelijkbare resultaten opleveren in termen van conversie.

2. Oneindig scrollen

Oneindig scrollen is een techniek waarmee gebruikers door een enorme hoeveelheid informatie kunnen bladeren zonder dat er een eindstreep te zien is. De pagina blijft eenvoudig verfrissend terwijl gebruikers naar beneden scrollen. De techniek werd populair in het tijdperk van mobiele apparaten (scrollen is veel comfortabeler dan klikken op een klein scherm). Op het eerste gezicht is deze techniek een perfecte oplossing voor veel problemen - het vereist minder inspanning en maakt inhoudsbegrip zo eenvoudig mogelijk (alle gebruikers hoeven alleen maar te scrollen). Het is echter geen one-size-fits-all oplossing voor elke site of app.

Het belangrijkste nadeel van de techniek is ook het belangrijkste voordeel: er is geen eindstreep te zien. Wanneer gebruikers een bepaald punt in de stream bereiken, kunnen ze hun locatie niet markeren en er later op terugkomen (let op: ik bedoel positie, niet bepaald item). Dus als ze de site verlaten (bijvoorbeeld van het ene apparaat naar het andere), verliezen ze al hun vorderingen en moeten ze weer naar beneden bladeren om terug te gaan naar dezelfde plek. Het onvermogen om de schuifpositie te bepalen irriteert gebruikers vaak en doet de algemene gebruikerservaring pijn.

In 2012 experimenteerde Etsy, een e-commerce website gericht op handgemaakte of vintage items, met lay-outs voor hun productpagina. Ze implementeerden een oneindige scroll-interface en ontdekten dat de nieuwe interface net niet zo goed presteerde als een vorige versie met paginering. Hoewel een aantal aankopen hetzelfde bleef, de betrokkenheid van gebruikers daalde .

Wat vertelt Etsy's voorbeeld ons? Het vertelt ons dat we bij elke ontwerpbeslissing de voor- en nadelen moeten afwegen voordat we deze in onze ontwerpen opnemen. Over oneindige scroll gesproken, het werkt goed voor zoiets als Twitter / Instagram, waar gebruikers graag een eindeloze stroom aan gegevens scannen zonder op zoek te gaan naar iets speciaals.

3. Druk op Meldingen

Heb je ooit aandacht besteed aan het aantal meldingen dat je dagelijks ontvangt van verschillende apps? Over hoeveel meldingen geef je eigenlijk? Niet zo veel, denk ik.

Elke dag worden we gebombardeerd met nutteloze meldingen die ons afleiden van wat we doen. Ze irriteren ons.

opt5

De streamingservice verzendt elke gebruiker een melding telkens wanneer een nieuwe aflevering van een show wordt vrijgegeven.

In feite zijn vervelende meldingen de belangrijkste reden waarom mensen hun mobiele apps de-installeren (volgens 71% van de respondenten).

Push notificatie is een krachtig hulpmiddel, maar net als met elk ander hulpmiddel kan het voor goed of kwaad worden gebruikt. Wanneer gebruikers uw app gaan gebruiken, vinden ze het niet erg om meldingen te ontvangen zolang meldingen echt waarde opleveren. Het is van essentieel belang dat u meldingen zodanig ontwerpt dat ze nuttig, relevant en actueel zijn voor uw gebruikers. Gepersonaliseerde inhoud is een sleutel tot de uitstekende gebruikerservaring. Wanneer u op het juiste moment de juiste boodschap aan de juiste persoon geeft, wordt uw pushmelding een krachtige trigger die de persoon motiveert om actie te ondernemen.

OPT3

Netflix doet uitstekend werk door hun berichten aan de persoon die ze ontvangt te personaliseren.

4. Scroll Hijack

Gekaapt scrollen is voor veel gebruikers een van de meest vervelende dingen, omdat het de controle ervan wegneemt en het scrolgedrag volledig onvoorspelbaar is. Bij het ontwerpen van een website is het in de meeste gevallen beter om scrollen te vermijden en de gebruiker de mogelijkheid te bieden om te surfen en te bladeren door de site. Maar in sommige gevallen kan scrollen met scrollen mogelijk goed werken voor uw gebruikers. Tumblr gebruikt deze techniek bijvoorbeeld op hun startpagina om informatie in brokken te presenteren.

OPT2

Tumblr gebruikt scroll-kaping om content in chunks te bieden.

Conclusie

Het is de moeite waard om te zeggen dat alle technieken die in dit artikel worden genoemd, niet per se slecht zijn. Gebruikers haten ze alleen als ontwerpers ze blindelings opnemen. Elke techniek of patroon op uw website of in uw app moet op een intelligente manier en met enige mate worden gebruikt.