Design har aldrig været vant til at betyde alt så meget.

Det er svært at forestille sig nu, men før Apples meteoriske stigning til global popularitet, tog design sædvanligvis en bagsæde til funktionalitet. Design er i dag blevet en verden på sig selv, og samfundet af designere og udviklere har forenet sig med at udvikle et sammenhængende sæt regler for den kreative praksis.

Udviklingen af ​​design er konstant, og der er altid nye ting at lære og fokusere på at bringe funktion og æstetik sammen i én pakke.

For at være oven på dit designspil er her 10 vigtige regler for brugergrænsefladedesign for at huske:

1. Tilpas til universel brugbarhed

Med eksplosionen af ​​forskellige enhedstyper i dag, en størrelse vil helt sikkert ikke passe alle sammen .

Når du opret din hjemmeside eller app, skal du sørge for at designe med alle skærmstørrelser i tankerne. Det betyder, at du læser fuldt ud på både internetforbindelser med lav og høj båndbredde, for at formatere passende på både iPad og iPhones.

Tidligere har udviklere koncentreret sig primært om at skabe en god brugergrænseflade til skrivebordet. Men bare for at opdatere din hukommelse overgik mobilforbruget desktopbrug tilbage i 2014. Så skal du nu skifte fokus til mobil? Selvom det er vigtigt at være særlig opmærksom på mobilen, er det også værd at overveje, at desktopbrug stadig er betydeligt høj, med 42% andel .

Derfor er nøglen at skabe adaptive brugergrænseflader Det vil give forbrugerne en stor oplevelse på trods af visning eller orientering af den enhed, de bruger.

2. Klarhed

Mennesker er meget optaget , og på grund af dette bruger de sjældent deres fulde opmærksomhed på en opgave. På grund af dette skal du holde dit design let at forstå.

Lad dine brugere ikke gætte. Brug sprog, som de let kan forstå med hensyn til ord, sætninger og begreber. Undgå at bruge specielle systemer eller industribetingelser og insistere på et sprog, der er kendt for publikum.

Hvis du har til hensigt at gøre brugeren færdig med bestemte mål, skal handlingerne være i en sekvens, der har en begyndelse, midten og enden. Når de er færdige, skal du bruge en anmeldelse for at lade brugeren vide og inkludere eventuelle næste trin.

Hvis du for eksempel designer en side til et onlinesystem, kan du gruppere handlingerne i "Kontaktoplysninger", "Kontooplysninger" og "Profilindstillinger" i stedet for at have dem alle i en enkelt form.

3. Forhindre fejl

Fejl er ikke kun uregelmæssigheder og fejl, men også store vejspærringer til besøgende tager ønsket handling .

Hvis noget går galt eller laster forkert, vil de fleste besøgende ikke vente på en løsning, de vil bare forlade. Bliv vågent og hold øje med fejl, fastsættelse af dem, du gør stedet så hurtigt som muligt.

Brugere kan ikke lide at lave fejl. De føler sig endnu værre, hvis de tror, ​​at de skyldes fejlen. Hvis de ikke overfører dette had til dig og bevæger sig fremad, vil de forlade deres konti, selv før de er oprettet.

Ved udformning skal du eliminere muligheden for en fejl eller designe et system, der kontrollerer fejlen for dem, før de går for langt. Lad os sige, at du kræver, at brugerne opretter et kodeord, der er mindst 8 tegn langt og indeholder mindst et ciffer.

Vil dit system lade brugeren gå videre med at oprette en adgangskode, der mangler, kun for at underrette dem, når de klikker på "Næste" eller kan den underrette dem, når de skriver adgangskoden? Sidstnævnte er det bedre design.

4. Gør grænsefladen konsistent

Konsistens i hele brugergrænsefladen koger ned for at gøre tingene kontinuerlige, forudsigelige og inden for forventningerne. Designe alt på tværs af bordet så ensartet som muligt og sørge for, at der ikke er nogen overraskelser eller uventede resultater, går langt i at gøre tingene konsekvente.

Ved Princippet om mindste overraskelse : "Hvis en nødvendig funktion har en høj forbløffende faktor, kan det være nødvendigt at omdøbe funktionen."

Må brugerne gætte hvilke ord der betyder, og hvilke betyder det samme? Må de bekymre sig om at klikke på en bestemt knap, fordi de ikke er sikre på, hvad det vil gøre? Sikre konsistens af processer, funktionalitet, udseende og terminologi.

Heldigvis er der ingen mangel på ressourcer i denne sag. Det meste af anerkendte hjemmeside bygherrer vil hjælpe dig med dette, da de har et ensartet og konsekvent grid layout design.

5. Kontekst

Som det ofte hedder i dag, er "kontekst alt". Kontekst er, hvordan vi kan forbinde nye ideer sammen med gamle ideer, opbygge relationer og mening i vores verden.

Den bedste lærer til denne lektion er nok en annoncør. Annoncører ved, at uden kontekstfølsomhed for tid og måde, hvorpå de præsenterer deres annoncer, bliver annoncerne værdiløse - og det er spildte penge ( se på, hvordan Google AdWords bestemmer, hvordan du præsenterer annoncer ).

Tilsvarende skal du anvende kontekstmæssigt design i dine brugergrænseflader. Kontekstuelle brugergrænseflade er det stedbaserede, tidsfølsomme og situationsbaserede design af et websted eller en app, så den leverer de mest relevante data til brugeren. Og dette har ikke været et stort problem for designere for nogle få år siden.

Med væksten i realtidsforbindelse og afhængighed af internettet kan konteksten være årsagen til din fiasko eller succes.

Kontekst er nøglen til menneskelige relationer, og lige så vigtigt for de grundlæggende elementer i design . Vi forventer, at interaktive objekter er intuitive og bør designe for at danne sammenhængende forhold mellem vores funktion og design .

6. Størrelse og afstand

Bestemme størrelsen af ​​UI objekter og mængden af hvidt rum mellem hinanden er afgørende for at sikre, at designet ser ud afbalanceret og forudsigelig .

Bortset fra at gribe brugerens opmærksomhed, hjælper dette også brugerne med at forstå, hvor objekterne er, uden at skulle kigge overalt.

Konstant test er bedst for at bestemme den bedste måde at gå om dette, forstørre hvad der skal kaldes for mere opmærksomhed og krympe, hvad der skal være mindre distraherende.

7. Standardindstillinger

Udviklere og designere plejer at tilpasse alt.

Dette giver os mulighed for at have kontrol over alt fra grænseflader til tapeter til ringetoner. De fleste mennesker synes imidlertid ikke at gribe med tilpasning. De fleste enheder og anden forbrugerelektronik købt næsten aldrig få ændret sig . Folk tilpasser typisk ikke deres fabriksindstillinger, da ændring af dem tager knowhow, tid og kræfter.

Ved at kende denne kendsgerning er det vigtigt at sikre, at dine standardindstillinger er egnede til en stor gruppe brugere, så de nemt kan forstå og navigere. Det betyder at fortælle brugeren, "Hej, du kan tilpasse dette, men det behøver du ikke."

8. Guidede handlinger

Folk vil typisk ikke tage nogen handling, medmindre de bliver spurgt. Derfor er taktik som call-to-action så kraftfuldt at hjælpe drev konverteringer .

Endnu vigtigere, spørg dem "pænt". Hvad betyder det? For eksempel overveje timingen og konteksten. Vil du bede brugeren om at starte et andet mål uden at fuldføre den, de er i øjeblikket på? Overvej når en pop op beder dem om at tjekke nogle andre ting vises. Hvis det ikke vises efter at de ruller til slutningen af ​​indlægget, så gør du det forkert.

Bemærk, at det kun virker, når den besøgende rent faktisk er interesseret i noget, du tilbyder. Hvis du kan bevise, at du giver en betydelig værdi for folk, så tøv ikke med at bede brugere om at gøre noget til gengæld som at følge dine sociale mediesider eller blog. Dette virker for at holde dine brugere informeret, og også naturligt øg din webtrafik over tid.

9. Foretrukne handlinger

På vores webdesignfirma bemærkede vi, at besøgende på webstedet ikke ville vide, hvordan man kontaktede os. Der var bare for mange muligheder. Folk ville ofte blive overvældet, og vidste ikke, hvordan man begyndte kontaktprocessen.

De ville gætte sig selv, og vi endte med at modtage mindre kontaktomregninger som følge heraf. Ved at gøre vores ønskede handlinger mere indlysende cued vi visuelt brugere til de handlinger, vi ønskede.

Igen skal du ikke lade dine brugere gætte. Lad dem vide præcis, hvad du vil og underrette dem, når de gennemfører handlingen.

10. Feedback

Når du går ind i et mørkt rum og smider en lyskontakt, forventer du at lyset tændes. Hvis der ikke sker noget, når du skifter kontakten, kan du antage, at noget gik galt. Dette er lige så sandt, når det kommer til design.

Ingen kan lide at være usikker på deres handlinger, så der bør være feedback med gavn af værktøjstip-meddelelser og meddelelser for at vise besøgende, at deres handlinger var succesfulde og blevet anerkendt. Feedback kan være så simpelt som kører en webundersøgelse eller tilføje en "Komplet" anmeldelse, når en formular er indsendt, men det er afgørende, når starter en blog eller app.

Dette understreger også behovet for ikke at lade dine besøgende andet gætte sig selv. Systemet skal være i stand til at tilbyde tilbagemelding, der er relevant, passende i betydning og haster, omfattende og fornuftigt og kontekstuelt.

Konklusion

Konceptets kunst er ved at ændre sig, og vi vil fortsat finde nye måder at kombinere funktion og form til UI-design. Vi har gennemgået ting som minimalisme og lydhør design, skift og transformation, da nyere teknologier kommer til forkant.

Med disse ti brugerinteresser regler i tankerne, glem ikke at nogle regler er truffet for at blive brudt.

Testning og eksperimentering er, hvordan vi lærer nye pålidelige teknikker, men vi kan stole på flere af disse regler som vores fundament.