Design har aldri vært så vant til å bety noe så mye.

Det er vanskelig å forestille seg nå, men før Apples meteoriske økning til global popularitet, tok design vanligvis en baksete til funksjonalitet. I dag har design blitt en verden på seg selv, og samfunnet av designere og utviklere har forent å utvikle et sammenhengende sett med regler for kreativ praksis.

Utviklingen av design er konstant, og det er alltid nye ting å lære og fokusere på å bringe funksjon og estetikk sammen i en pakke.

For å være på toppen av designspillet ditt, er her 10 viktige regler for brukergrensesnittdesign for å huske:

1. Sorg for universell brukbarhet

Med eksplosjonen av forskjellige enhetstyper i dag, en størrelse vil sikkert ikke passe alle sammen .

Når du lag ditt nettsted eller app, må du sørge for at du designer med alle skjermstørrelser i tankene. Dette betyr at du laster fullt ut på både Internett-tilkoblinger med lav og høy båndbredde, for å formatere riktig på både iPad og iPhone.

Tidligere har utviklere konsentrert seg hovedsakelig om å skape et godt brukergrensesnitt for skrivebordet. Men bare for å oppdatere minnet, overtok mobilbruk bruken av skrivebordet tilbake i 2014. Så, bør du nå bytte fokus til mobil? Selv om det er viktig å være spesielt oppmerksom på mobilen, er det også verdt å vurdere at skrivebordsbruk er fortsatt betydelig høy, med 42% andel .

Derfor er nøkkelen å skape adaptive brukergrensesnitt Det vil gi forbrukeren en god opplevelse til tross for visning eller orientering av enheten de bruker.

2. Klarhet

Folk er ekstremt opptatt og dedikerer derfor sjelden deres full oppmerksomhet til en oppgave. På grunn av dette må du holde designet enkelt å forstå.

Ikke la brukerne gjette. Bruk språk som de lett kan forstå når det gjelder ord, setninger og konseptene. Unngå å bruke spesielle system- eller industrivilkår og insistere på et språk som er kjent for publikum.

Hvis du har tenkt at brukeren skal fullføre bestemte mål, la handlingene være i en sekvens som har en begynnelse, mellom og slutt. Når de er ferdige, bruk et varsel for å la brukeren få vite og ta med eventuelle neste trinn.

Hvis du for eksempel designer en side for et nettbankssystem, kan du gruppere handlingene i "Kontaktdetaljer", "Kontodetaljer" og "Profilinnstillinger" i stedet for å ha dem alle i en enkelt form.

3. Forhindre feil

Feil er ikke bare uregelmessigheter og feil, men også store veier til besøkende tar ønsket handling .

Hvis noe går galt eller laster feil, vil de fleste besøkende ikke vente på en løsning, de skal bare gå. Hold deg våken og hold deg på jakt etter feil, og fest dem du gjør så snart som mulig.

Brukerne liker ikke å lage feil. De føler seg enda verre hvis de tror de er skyld i feilen. Hvis de ikke overfører denne hatten til deg og beveger seg fremover, vil de forlate kontoene sine, selv før de er satt opp, for eksempel.

Når du designer, eliminerer muligheten for en feil eller utformer et system som sjekker feilen for dem før de går for langt. La oss for eksempel si at du krever at brukerne oppretter et passord som er minst 8 tegn langt og inneholder minst ett siffer.

Vil systemet ditt la brukeren fortsette å opprette et passord som faller kort, bare for å varsle dem når de klikker "Neste" eller kan det varsle dem når de skriver inn passordet? Sistnevnte er det bedre designet.

4. Gjør grensesnittet konsekvent

Konsistens gjennom brukergrensesnittet koker ned for å gjøre ting kontinuerlig, forutsigbar og innenfor forventningene. Å designe alt på tvers av bordet så jevnt som mulig og sørge for at det ikke er noen overraskelser eller uventede resultater, går langt i å gjøre ting konsistent.

Ved Prinsippet om minste overraskelse : "Hvis en nødvendig funksjon har en stor forbauselsesfaktor, kan det være nødvendig å redesign funksjonen."

Må brukerne gjette hvilke ord som betyr og hvilke som betyr det samme? Må de bekymre seg for å klikke på en bestemt knapp fordi de ikke er sikker på hva det vil gjøre? Sikre konsistens av prosesser, funksjonalitet, utseende og terminologi.

Heldigvis er det ikke mangel på ressurser i denne saken. Mesteparten av anerkjente nettstedbyggere vil hjelpe deg med dette da de har et jevnt og konsekvent grid layout design.

5. Kontekst

Som det ofte er sagt i dag, er "Context everything". Kontekst er hvordan vi kan koble nye ideer sammen med gamle ideer, bygge relasjoner og mening i vår verden.

Den beste læreren for denne leksjonen er sannsynligvis en annonsør. Annonsører vet at uten kontekstfølsomhet for tiden og måten de presenterer sine annonser på, blir annonsene verdiløs - og det er bortkastede penger ( se på hvordan Google AdWords bestemmer hvordan du annonserer ).

På samme måte må du bruke kontekstuell design i brukergrensesnittene dine. Kontekstuell brukergrensesnitt er den stedbaserte, tidsfølsomme og situasjonsbaserte utformingen av et nettsted eller en app slik at den leverer de mest relevante dataene til brukeren. Og dette har ikke vært et stort problem for designere før for noen år siden.

Med veksten av sanntidsforbindelse og avhengighet av internett, kan konteksten være årsaken til feil eller suksess.

Kontekst er nøkkelen til menneskelige relasjoner, og like viktig for de grunnleggende elementene i design . Vi forventer at interaktive objekter skal være intuitive, og bør utformes for å danne sammenhengende forhold mellom vår funksjon og design .

6. Størrelse og Avstand

Bestemme størrelsen på UI-objekter og mengden av mellomrom mellom hverandre er avgjørende for å sikre at designen ser ut balansert og forutsigbar .

Bortsett fra å gripe brukerens oppmerksomhet, hjelper dette også brukerne å forstå hvor objektene er, uten å måtte se over alt for det.

Konstant testing er best for å bestemme den beste måten å gå om dette, forstørre det som trenger å ringe for mer oppmerksomhet og krympe det som må være mindre distraherende.

7. Standardinnstillinger

Utviklere og designere liker som regel å tilpasse alt.

Dette tillater oss å ha kontroll over alt fra grensesnitt til bakgrunnsbilder til ringetoner. De fleste synes imidlertid ikke å bry seg med tilpasning. De fleste enheter og annen forbrukerelektronikk kjøpt nesten aldri bli forandret . Folk justerer vanligvis ikke fabrikkinnstillingene sine, siden endring av dem tar kunnskap, tid og krefter.

Ved å vite dette, er det viktig å sørge for at standardinnstillingene passer for en stor gruppe brukere for å forstå og navigere lett. Dette betyr å fortelle brukeren, "Hei, du kan tilpasse dette, men du trenger ikke."

8. Guidede tiltak

Folk vil vanligvis ikke foreta noen handlinger med mindre de blir spurt. Derfor er taktikk som call-to-action så kraftig å hjelpe kjøre konverteringer .

Enda viktigere, spør dem "pent". Hva betyr dette? For eksempel vurdere tidsplanen og konteksten. Vil du spørre brukeren om å starte et annet mål uten å fullføre det de er på? Tenk når en pop opp ber dem om å sjekke ut noen andre ting vises. Hvis det ikke vises etter at de ruller til slutten av innlegget, gjør du det feil.

Vær oppmerksom på at den bare fungerer når den besøkende faktisk er interessert i noe du tilbyr. Hvis du kan bevise at du gir betydelig verdi til folk, så ikke nøl med å be brukerne om å gjøre noe i retur som å følge dine sosiale medier eller blogger. Dette fungerer for å holde brukerne informert, og også til naturligvis øke webtrafikken din over tid.

9. Foretrukne handlinger

På webdesignfirmaet la vi merke til at besøkende ikke ville vite hvordan å kontakte oss. Det var bare for mange alternativer. Folk ville ofte bli overveldet, og visste ikke hvordan man skulle starte kontaktprosessen.

De ville andre gjette seg selv, og vi endte opp med å motta mindre kontaktomregninger som et resultat. Ved å gjøre våre ønskede handlinger mer åpenbare, visuelt vi visuelt brukerne til de handlingene vi ønsket.

Igjen, ikke la brukerne gjette. La dem vite nøyaktig hva du vil og varsle dem når de fullfører handlingen.

10. Tilbakemelding

Når du går inn i et mørkt rom og blinker en lysbryter, forventer du at lyset slås på. Hvis ingenting skjer når du slår bryteren, kan du anta at noe gikk galt. Dette er like sant når det gjelder design.

Ingen liker å være usikker på deres handlinger, så det bør være tilbakemelding på grunn av verktøytips og meldinger for å vise besøkende at deres handlinger var vellykkede og har blitt anerkjent. Tilbakemelding kan være så enkelt som kjører en nettundersøkelse eller legge til et "Fullstendig" varsel når et skjema er sendt, men det er avgjørende når starter en blogg eller app.

Dette understreker også behovet for ikke å la dine besøkende andre gjette seg selv. Systemet skal kunne tilby tilbakemelding som er relevant, tilpasset viktighet og haster, omfattende og fornuftig og kontekstuell.

Konklusjon

Konstruksjonsdesignet er stadig skiftende, og vi vil fortsette å finne nye måter å kombinere funksjon og form til UI-design. Vi har gjennomgått ting som minimalisme og lydhør design, endring og transformasjon som nyere teknologier kommer til forkant.

Med disse ti brukergrensesnittene i tankene, ikke glem at noen regler er truffet for å bli ødelagt.

Testing og eksperimentering er hvordan vi lærer nye pålitelige teknikker, men vi kan stole på flere av disse reglene som grunnlag.