Ingen ønsker å skape dårlig design, og likevel skjer det hele tiden. Og mens årsaken til dårlig design varierer, er sluttresultatet den samme dårlige brukeropplevelsen.

Dårlig brukeropplevelse frustrerer brukere og fører ofte til å forlate produktet. I denne artikkelen vil jeg fokusere på et bestemt aspekt ved dårlig design-bruk av UI-teknikker som fører til dårlig UX.

1. Pop-ups

Hvis jeg ber deg om å nevne den mest irriterende tingen på nettet, er sjansene at du vil svare, "Pop-ups." Ifølge NN-gruppen er popup-vinduer den mest hatet nettopplevelsen noen gang.

Vi kjenner alle den følelsen. Du besøker et nytt nettsted, innholdet på siden ser ut til å være interessant. Du begynner å lese den, og akkurat når du er halvveis gjennom teksten, blir du plutselig avbrutt av et stort overlegg, og du blir bedt om å abonnere på nyhetsbrev eller gi deg noe. I de fleste tilfeller vil din umiddelbare reaksjon enten være å lukke overlegget eller å lukke hele siden, overlegget sammen med det.

opt6

Et overlegg som brukes på Esquire-nettstedet.

Det er åpenbart hvorfor så mange nettsteder bruker denne teknikken: Annonsører betaler dem til. Popup-teknikken er imidlertid for forstyrrende, og den har en stor negativ effekt på besøkende. Hver gang du viser en popup, ber du brukerne å slutte å gjøre hva de vil gjøre (hva er viktig for dem) og fokusere på hva de vil at de skal gjøre (hva er viktig for deg). Det er ikke overraskende at slik atferd ofte øker studsfrekvensen.

Det er mulig å bruke popup-vinduer uten å irritere de besøkende. Bare følg en enkel regel - utløser en popup på riktig tidspunkt. For eksempel er det mye bedre å tillate brukerne å fullføre den gjeldende aktiviteten (f.eks. Nå slutten av siden) før du viser en popup. Når brukerne har fått litt mer tid til å lære om deg (ditt merke og dine tilbud), vil sjansen for at de vil være villige til å gjøre det du vil at de skal gjøre, øker.

En annen viktig komponent er den faktiske meldingen du har i popup-vinduet. Du må skrive en god kopi. Kopien skal ikke være fornærmende, lure eller forvirrende. Waitbutwhy gå enda lenger og inkorporere humor i sin tekst:

opt1

Når besøkende leser kopien fra Waitbutwhy , får de dem til å smile.

Det er verdt å si at det er mange mindre obtrusive verktøy som for eksempel glidebryter som ikke dekker hele siden og gir lignende resultater når det gjelder konvertering.

2. Uendelig Scrolling

Uendelig rulling er en teknikk som lar brukerne bla gjennom en massiv mengde informasjon uten sluttlinje i sikte. Siden holder bare forfriskende mens brukerne ruller nedover. Teknikken ble populær i en tid med mobile enheter (rulling er mye mer behagelig enn å klikke på en liten skjerm). Ved første øyekast er denne teknikken en perfekt løsning for mange problemer - det krever mindre innsats og gjør innholdsforståelsen så enkelt som mulig (alle brukere må gjøre er å bla). Det er imidlertid ikke en løsning med en størrelse for alle sider eller apper.

Den største ulempen ved teknikken er også den primære fordelen: det er ingen finish i sikte. Når brukere kommer til et bestemt punkt i strømmen, kan de ikke bokmerke deres plassering og komme tilbake til det senere (varsel, jeg mener posisjon, ikke bestemt element). Så hvis de forlater stedet (for eksempel flytte fra en enhet til en annen), vil de miste alle deres fremskritt og må rulle nedover for å komme tilbake til samme sted. Manglende evne til å bestemme rullingsposisjonen irriterer ofte brukerne og gjør vondt i den totale brukeropplevelsen.

I 2012 Etsy, et e-handel nettsted fokusert på håndlagde eller vintage elementer, eksperimenterte med layouter for deres produktside. De implementerte et uendelig rullegrensesnitt og fant ut at det nye grensesnittet bare ikke fungerte så vel som en tidligere versjon med paginering. Selv om en rekke kjøp forblir det samme, brukerengasjement gikk ned .

Hva forteller Etsys eksempel oss? Det forteller oss at med alle designbeslutninger bør vi veie fordeler og ulemper før du inkorporerer den i våre design. Når det gjelder uendelig rulling, fungerer det bra for noe som Twitter / Instagram, der brukerne er glade for å skanne en endeløs datastrøm uten å lete etter noe spesielt.

3. Trykk på varsler

Har du noen gang hatt oppmerksomhet til antall varsler du mottar på daglig basis fra forskjellige apps? Hvor mange av disse varslene bryr du deg faktisk om? Ikke for mange, antar jeg.

Hver dag blir vi bombardert med ubrukelige varsler som distraherer oss fra det vi gjør. De irriterer oss.

opt5

Streamingstjenesten sender hver bruker et varsel hver gang en ny episode av et hvilket som helst show blir utgitt.

Faktisk er irriterende varsler den første grunnen til at folk avinstallerer mobile apper (ifølge 71% av respondentene).

Push notification er et kraftig verktøy, men som med alle andre verktøy, kan det brukes til godt eller ondt. Når brukere begynner å bruke appen din, har de ikke noe imot å få varsler så lenge meldinger leverer reell verdi. Det er viktig å utforme varsler for å være nyttig, relevant og rettidig for brukerne. Personlig innhold er en nøkkel til den gode brukeropplevelsen. Når du leverer den riktige meldingen til rett person til rett tid, blir din varselmelding en kraftig utløser som motiverer personen til å handle.

opt3

Netflix gjør en god jobb med å tilpasse sine meldinger til den enkelte som mottar dem.

4. Rull kapringen

Hijacked rulling er en av de mest irriterende tingene for mange brukere, siden det tar kontroll vekk fra dem og gjør rulleadferdningen helt uforutsigbar. Når du designer et nettsted, er det i de fleste tilfeller bedre å unngå å rulle kapring og la brukeren kontrollere deres surfing og bevegelse gjennom nettstedet. Men i noen sjeldne tilfeller kan det hende at skrollkaping fungerer fint for brukerne. For eksempel bruker Tumblr denne teknikken på deres hjemmeside for å presentere informasjon i biter.

opt2

Tumblr bruker scroll hijacking for å gi innhold i biter.

Konklusjon

Det er verdt å si at alle teknikker nevnt i denne artikkelen ikke er dårlige i seg selv. Brukere hater dem bare når designere blindt innlemmer dem. Hver teknikk eller et mønster på nettstedet ditt eller i appen din bør brukes intelligent og med litt moderasjon.