5 måder Effektiv UI-design fremmer UX
En brugeroplevelse er noget, som alle hjemmesider tilbyder til dem, der besøger det. Oplevelsen varierer imidlertid fra websted til hjemmeside på mange forskellige måder. Nogle er nemme at navigere, nogle er en glæde at bruge, nogle er clunky, men du kan stadig plod din vej til, hvor du vil hen, og nogle er så svært at forstå, at du bare rammer bagpilen på din browser.
En af de største indflydelser på brugeroplevelse er brugergrænsefladen - det faktiske design, som brugerne vil interagere med - der er flere faktorer, der udgør en grænseflade, f.eks. Hvor nemt det er at navigere gennem et websted eller hvor nemt det er at læse indhold. Brugere vil også danne deres meninger ud fra hjemmesidenes opfattede værdi og brugbarhed. Jo bedre det hjælper dem med at nå deres mål, jo mere nyttigt bliver det opfattet at være.
De følelser, som brugerne føler, mens du bruger dit websted, vil ende med at påvirke den tilknyttede forretning. Hvis brugerne nemt kan finde det, de leder efter på hjemmesiden og føler sig tilfredse, er de mere tilbøjelige til at købe fra det, i mellemtiden, hvis de føler sig frustreret eller forvirret, er det højst sandsynligt, at de vil flytte sammen og købe fra en anden, der tilbyder dem en bedre brugeroplevelse. Lackluster brugeroplevelser holder mange virksomheder tilbage fra deres fulde potentiale, hvilket efterlader deres websites underpræstationer og spilder værdifulde reklamedollar, når besøgende ikke konverteres til kunder.
Nedenfor er 5 enkle, men kraftfulde måder, hvorpå det kloge brugergrænsefladedesign fremmer en vellykket brugeroplevelse:
1. Forbedring af sidehastigheden
Sidens belastningshastighed på dit websted er et yderst vigtigt element i brugeroplevelsen. Mens designere ofte bliver fanget op for at forsøge at vise deres visuelle design færdigheder, er sandheden i sagen, at besøgende på hjemmesiden generelt holder mere om sidebelastningshastigheden end prangende udsmykninger.
Ifølge en nylig undersøgelse af Kissmetrics , forventer næsten halvdelen (47%) af alle forbrugere en webside at indlæse om 2 sekunder eller mindre; Hvis din side tager længere tid end den, der skal læses, reduceres kvaliteten af brugeroplevelsen. Hvis din side tager mere end tre sekunder at indlæse, vil du i gennemsnit have 40% af de besøgende, der forlader dit websted. det vil stige med 7% for hver ekstra sekund, det tager dit website at indlæse. En langsom hjemmeside oversætter til tabte muligheder og tabt salg.
Samtidig med at langsom belastning reduceres med antallet af konverteringer, som din hjemmeside genererer, arbejder også langsomme belastningstider for at reducere antallet af muligheder, som din hjemmeside vil give anledning til ved at have en negativ indvirkning på dens placering på søgemaskinen. Effekten er lille, men du vil helt sikkert gøre alt, hvad du kan for at forbedre dit websites søgemaskine ranking.
For at hjælpe med at holde dine sider i løbet af 3 sekunder, prøv at udnytte følgende tips: Først skal du vælge en enklere designstil, der undgår unødvendige genstande og prangende dekorationer (i A / B-test, simplere designs overhovedet overgår udsmykkede designs alligevel); For det andet optimerer dine billeder i et grafikprogram, du vil ikke bruge html til at ændre størrelsen på dem; For det tredje, undgå at bruge for mange plugins, de sænker oplevelsen for besøgende på webstedet; For det fjerde, hvis dit websted er populært, overvej at bruge et indholdsleveringsnetværk til at forbedre serverens responstid.
2. Levering af hvidt rum
Hvidt rum overses ofte, men det er en meget vigtig del af effektiv brugergrænseflade design. Jeg er sikker på at du har været i samme situation som de fleste designere, hvor kunderne ser hvidt rum som tomt rum og haste for at udfylde det, tænker det hvide rum er affald. Faktisk er det modsatte tilfældet; hvidt rum er en af de vigtigste dele af et websted.
Hvis det bruges korrekt, kan det hvide rum dramatisk forbedre brugeroplevelsen af et websted. Hvidt rum hjælper med at gøre en brugerflade let på øjet, hvilket hjælper med at bevare besøgende og holder dem læsende. Det gør det ved at gøre indhold mere læseligt. Det hvide rum omkring hjemmesiden tekst og billeder hjælper folk med at forbedre forståelsen og skabe en bedre brugeroplevelse.
Hvidt rum hjælper også med at forbedre udseendet på dit websted, hvilket giver det et godt, rent fagligt udseende. Hvidt rum hjælper med at reducere forvirring hos besøgende, da websteder, der mangler i det hvide rum, ofte ser disorganiserede ud. Du vil skabe et godt afbalanceret udseende for dit websted ved hjælp af hvidt mellemrum for at adskille forskellige indholdsklodser.
Hvidt rum er også effektivt til at fremhæve noget vigtigt, som f.eks. Din opfordring til handling. Korrekt brug af hvidt rum i dit design hjælper med at guide dine besøgendes opmærksomhed på centrale dele af dit websted, og uden at det kan besøgende overse vigtige ting.
Et vidunderligt eksempel på dette er Chanel internet side. Det er et smukt, rent websted, der bruger hvidt rum godt til at henlede opmærksomheden på de vigtigste områder af webstedet.
3. Skær ned mængden af tekst
Website besøgende vil generelt bare skimme dine websider på udkig efter vigtige søgeord, betydelige overskrifter og scannable lister. Besøgende har typisk travlt med at finde de oplysninger, de leder efter, og vil springe over indhold, der synes at være ubelejligt eller irrelevant. På grund af dette bør du forstå, at besøgende sandsynligvis ikke læser dit indhold, hvis det ikke er formateret til dette mønster af adfærd. Undgå at oprette lange tekstblokke, der virker uninviting til brugere, der ønsker at scanne din hjemmeside hurtigt. Når det kommer til det moderne web, er mindre bestemt mere.
Du ønsker også at undgå over-indulging i salgsfremmende skrivning, da kunderne hurtigt vil se gennem fluff og stoppe med at læse. At have den korrekte tone er vigtig. Ifølge Nielsen Norman Group , objektiv copywriting i en kortfattet, scannabel stil resulterer i 124% bedre brugervenlighed.
Når og hvor det er muligt, udnyt visuals, da folk har en tendens til at være bedre engageret af visuelt indhold. Brug ikoner, opmærksomme greb billeder, videoklip og infographics for at hjælpe med at få din besked på tværs i stedet for at stole på store tekstblokke.
Bellroy illustrerer dette koncept godt på deres hjemmeside, da de holder tekst ned til et minimum og viser deres produkter med store, nemme at se billeder.
4. Reducere visuel clutte r
Behandl dine besøgendes opmærksomhed som en værdifuld ressource. Når besøgende ankommer til dit websted, skal du huske at de hurtigt scanner efter relevante oplysninger og ikke betaler fuld opmærksomhed på alt på siden. Hvis du forstyrrer din brugergrænseflade, overbelaster webstedets besøgende med for meget information, at din hjemmeside virker kompliceret og reducerer kvaliteten af brugeroplevelsen.
Start med at fjerne elementer, der ikke er væsentlige. Ved at slippe af med noget, der ikke er nødvendigt for brugeren at gennemføre deres påtænkte handlinger, vil du reducere rod og forbedre besøgendes evne til at fokusere på og forstå vigtige oplysninger.
ETQ S hjemmeside viser hvordan man ved at eliminere rod kan du fokusere på produkterne selv.
5. At give et klart opfordring til handling
Du skal have et klart mål for besøgende, der kommer til dit websted. Du vil have dette til at være indlysende for besøgende og nemt for dem at fuldføre. Måske vil du gerne have besøgende til at foretage et køb, anmode om et tilbud eller bare ringe til dig, så lad dem vide, hvad de skal gøre for at holde dem fremad efter landingen på dit websted.
Din opfordring til handling er, hvordan du fortæller besøgende, hvilken handling de skal tage, mens du er på din hjemmeside. Vi ser regelmæssigt hjemmesider uden klare opfordringer til handling, og det er ingen overraskelse, når vi finder ud af, at de ikke udfører den måde deres ejerskab håber på. Din opfordring til handling skal skille sig ud og gøre det let for de besøgende at tage den ønskede handling.
Før du beslutter dig for dit websteds opfordring til handling, er det bedst at forstå dine besøgers grunde til at komme til dit websted. At have en opfordring til handling, der strider imod besøgernes intentioner, vil reducere effektiviteten. Hvis besøgende bare ønsker at foretage et køb, men du skubber dem for at bede om et citat, kan det skære ned på effektiviteten af din opfordring til handling.
Dollar Shave Clubs knapper beder bare om at blive skubbet. Deres hjemmeside illustrerer, hvordan klare opfordringer til handling kan henlede opmærksomheden og fremme fremadrettede bevægelser.
