10 principper, der danner min brugergrænsefladesignsstrategi

Brugergrænsefladen er en væsentlig del af ethvert digitalt produkt. Når grænsefladen er godt designet, kan brugerne ikke se det - det er en problemfri oplevelse. Problemer begynder, når brugergrænsefladen er dårligt designet, og brugerne kan ikke gennemføre deres opgaveflow.

For at øge chancerne for succes følger de fleste designere de tre velkendte interface designprincipper:

  • Jakob Nielsen - 10 brugervenlighedsheuristik til design af brugergrænseflade
  • Ben Shneiderman - De otte gyldne regler for interface-design
  • Bruce Tognazzini - Principper for interaktionsdesign.

Jeg følger de grundlæggende designprincipper, men jeg har opdaget, at den bedste måde at lære er at se på eksempler på dårligt design og sammenligne dem med godt design. Hvorfor? Fordi de henleder opmærksomheden på de fejl, du har brug for at undgå, og giver os mulighed for at designe en bedre løsning.

”Godt design, når det er gjort godt, bliver usynligt. Det er først, når det gøres dårligt, at vi bemærker det. ”Jared Spool

Forkert mig ikke, at kigge efter fejl i UI-design er ikke den mest videnskabelige metode, men den har fungeret for mig. Disse almindelige fejl førte til, at jeg skabte ti principper, der danner min strategi for design af brugergrænseflade. Ti principper vil jeg gerne dele med dig i denne artikel.

  1. Gør det let
  2. Lav ikke dine problemer, som brugerne udsender
  3. Sæt brugere i kontrol over grænsefladen
  4. Reducer den kognitive belastning
  5. Klarhed over kompleksitet
  6. Vær menneskelig
  7. Djævelen er i detaljer
  8. Gør brugergrænsefladerne ensartede
  9. Fejlforebyggelse
  10. Progressiv afsløring

Lad os udforske hvert designprincip ...

1. Gør din brugergrænsefladesign let

Uanset om du vil forbedre brugervenligheden eller øge konvertering, er det vigtigste, en designer kan fokusere på, at sikre, at brugergrænsefladesignet er ubesværet. Brugernes forventninger er højere end nogensinde, og de tolererer ikke stressende oplevelser. Jeg ser, at så mange organisationer fikserer de nyeste trends, når de ikke engang har det grundlæggende rigtigt - hold grænsefladen enkel for at undgå, at brugerne går til dine konkurrenter.

2. Lav ikke dine problemer, som brugerne udsender

Interface-design kan være meget subjektiv, især med UI-designere og webudviklere. Prioriteringskonflikter og forhastede frister kan ofte føre til, at de løser deres egne problemer snarere end at fokusere på at forbedre brugerens oplevelse.

Et almindeligt eksempel på dette problem er formatering af formularfelter. Der er mange e-handelswebsteder, der kræver, at brugerne formaterer telefonnumre eller postnumre, mens de udfylder deres leveringsoplysninger.

Ud fra erfaringer vises denne type problemer ofte, fordi en omformatering af oplysninger, der skal sættes i en database, kræver en indsats fra en udvikler, og det synes "lettere" at få brugeren til at gøre det - ikke tilføje kompleksitet til brugerens oplevelse.

3. Sæt brugere i kontrol over grænsefladen

En brugergrænseflade, der er designet godt, giver en brugervenlighed for deres brugere - komfort kommer fra kontrol. Ved at sætte brugere i kontrol over grænsefladen giver det dem mulighed for at lære hurtigt og få en følelse af magt.

Et tankeløst design fjerner komforten ved at tvinge brugerne til uplanlagte interaktioner, komplicerede rejser og skuffende resultater. Tag mit råd og gør grænsefladen indlysende - tro mig, hvad der er indlysende for dig er måske ikke for nogen anden.

4. Reducer den kognitive belastning

Kognitiv belastning er den mængde mental behandlingskraft, der kræves for at bruge et produkt. Ved at give brugeren for meget information til at håndtere deres ydeevne vil lide - brugere vil gå glip af vigtige detaljer, blive overvældede eller endda opgive opgaven.

Brugernes opmærksomhedsporte bliver kortere, og forventningerne bliver højere. Det er vigtigt at forbedre brugervenligheden og læsbarheden gennem en god visuel organisation. Der er mange retningslinjer for brugergrænsefladen, der skal følges - fra chunking indhold til optimering af responstider - de sigter mod at reducere den kognitive belastning.

I en nøddeskal skal du undgå at præsentere for meget information ad gangen på en skærm - gamle links, irrelevante billeder, meningsløs tekst. Anvend i stedet generelle principper for indholdsorganisationen, såsom gruppering af relaterede emner, kuglepunkter, klare overskrifter og åbenlyse opfordring til handlinger - det er bedre at undgå at gøre brugerne tynde eller arbejde hårdt for at bruge dit produkt.

Relateret artikel: Minimer kognitiv belastning for at maksimere brugervenligheden

5. Klarhed over kompleksitet

For nylig har jeg bemærket, hvor mange websteder der prøver at være kloge, når de reklamerer for deres brand gennem tone. En af mine bugbears når det kommer til design af brugergrænsefladen er websteder, der prøver at være kloge eller 'vage'.

Ikke misforstå mig, nogle virksomheder gør dette usædvanligt godt, men når det kommer til hurtig mode, er jeg ikke en stor fan.

“Har du koperet eller droppet”
"Vil du tilføje en throwback edge til dine 'passer?"
"Køb" gram "

Marketinghold kan lide at være kloge og prøve at 'engagere' sig med brugerne ved at anvende følelsesladet kopi. Det bliver uklart, hvad det er, de sælger og mister ofte klarhed - fokus på enkelhedens indhold, det kaldes ofte et af de grundlæggende principper i design.4. Reducer den kognitive belastning

”Det første krav til en eksemplarisk brugeroplevelse er at imødekomme kundens nøjagtige behov uden ståhej eller besvær. Dernæst kommer enkelhed og elegance, der producerer produkter, der er en glæde at eje, en glæde at bruge. ”NN Group

6. Vær menneskelig

Dette lyder måske vanvittigt, men jeg ser flere og flere mennesker forvandle sig til robotter. Som UX-designere ønsker vi at undgå brugere, der begår fejl, og et grundlæggende område af websteder er indholdet. Af en eller anden ukendt årsag, når de interne teams sidder og tegner en webkopi eller designer en brugergrænseflade - de holder op med at være mennesker.

Brug ikke forvirrende sprog eller professionel terminologi. Skriv altid lægmænds vilkår - dette vil ikke fornærme fagfolk, og det vil bestemt hjælpe nybegynderne med at forstå dit produkt eller din service.

”På den gennemsnitlige webside har brugere tid til at læse højst 28% af ordene under et gennemsnitligt besøg, 20% er mere sandsynligt.” Jakob Nielsen

Ovenfor er et godt eksempel - fjern jargons og komplicerede ord, der er kun en håndfuld mennesker, der ved, hvad en IP-adresse er. Der er flere måder, dette kunne være skrevet for at hjælpe brugerne med at forstå fejlen.

7. Djævelen er i detaljer

Designere er ofte perfektionister, og dette er en del af problemet med design af brugergrænseflade - det er let at få noget "til at se godt ud", men det stemmer ikke altid overens med den problemfri brugeroplevelse, du ønsker.

Små fejl i grænsefladen er intet i det store skema for et websystem, men disse små problemer kan hurtigt samles for at skabe en meget frustrerende oplevelse.

”Et dårligt design af brugergrænsefladen kan føre kunderne væk” Becky Birch

Lad os tage en bank-app som eksempel - en bruger interagerer sandsynligvis med denne app dagligt, og de små irritationsmomenter vil snart riste til at blive et stort problem. Det kan endda forårsage, at brugeren flytter til en konkurrent.

8. Gør brugergrænsefladerne ensartede

Konsistens er et af de vigtigste principper for design af brugergrænseflade - hvorfor? fordi det understøtter brugervenlighed og læringsevne.

Uden konsistens bliver et websted snart et rod. Jeg har set så mange virksomheder introducere nye funktioner uden at anerkende de nuværende designsystemer eller stilretningslinjer - uden konsistens i design vil webstedet snart blive ekstremt indviklet.

Det hele kommer tilbage til det berømte ordsprog - må ikke opfinde hjulet igen. Konsistens er designet til at hjælpe brugere, mens de interagerer med flere forskellige apps. Vi bør ikke forvente, at brugere bliver nødt til at lære nye færdigheder, hver gang de åbner en app.

9. Fejlforebyggelse

Som designer skaber du konstant forbedrede brugerstrømme, udvikler nye eller eksisterende funktioner og optimerer brugeroplevelsen. Et websted er et igangværende arbejde og derfor meget sandsynligt, at en bruger muligvis ikke får det ønskede svar hele tiden - dette er ikke en fiasko, men et godt brugergrænsefladesign skal være i stand til at tilpasse sig det uventede.

Jeg ser for mange uklare fejlmeddelelser, der beskylder brugerne for problemet eller ikke kan forklare, hvad fejlen er. Menneskelig tone og sprog vil hjælpe brugerne med at forholde sig bedre til situationen og derefter forbedre brugerens oplevelse.

10. Progressiv afsløring

En af mine bugbears når det kommer til brugergrænsefladesign er, når websteder prøver at vise alt på én gang - vis kun, hvad der er nødvendigt på hver skærm.

Der er stadig en misforståelse af, at enhver bruger vil lande på hjemmesiden til et websted - markedsføring, sociale medier og personer, der deler links, kunne bringe en bruger til enhver side på dit websted. En ideel grænseflade udsætter de endelige beslutninger til efterfølgende skærme ved gradvis at videregive information.

Husk, når du designer en brugergrænseflade; Hvis folk tager en beslutning, skal du vise nok information til at give dem mulighed for at vælge og derefter vise yderligere oplysninger på en efterfølgende skærm.

Lad os pakke det op

Denne liste dækker nogle af de kerneproblemer, jeg ser dagligt med brugergrænsefladedesign på tværs af internettet og har ført mig til at danne en solid designstrategi. For mange organisationer fokuserer på de nyeste trends og tilføjer nye funktioner (bare fordi) når de ikke engang har det grundlæggende rigtigt endnu.

Målet med interface-design er at tillade brugeren let at udforske interface uden frygt for en negativ konsekvens. Websteder udvikler sig konstant, og brugerne bliver mere og mere kyndige på, hvordan grænseflader skal fungere. Over tid vil grænseflader blive mere intuitive, forudsigelige og menneskelige! Listen ovenfor forbliver de centrale principper i hele tilpasningen af ​​nettet og vil stå dig i god stand for fremtiden for interface design.

Ord af Becky Birch

Abonner på mit månedlige nyhedsbrev for at modtage værdifuldt indhold til forbedring af dit websted ved at skabe en bedre brugeroplevelse.

Oprindeligt offentliggjort på sammenincredible.com den 3. januar 2019.