Brukergrensesnittdesign (UI) er en av flere overlappende fagområder som er ansvarlige for å lage grensesnittene der brukerne samhandler med digitale produkter. Brukergrensesnittdesign faller på et spektrum med brukeropplevelsesdesign (UX), interaksjonsdesign (ID) og visuell eller grafisk design.

Hva er UI-design?

I sin bredeste definisjon er brukergrensesnittet rommet der mennesker og maskiner samhandler. Folk instruerer maskiner og maskiner om å starte en prosess, svare med informasjon og gi tilbakemelding som informerer menneskelige beslutninger og muliggjør fremtidige interaksjoner. Feltet av interaksjon mellom menneske og datamaskin (HCI) handler mer spesifikt om digitale grensesnitt, som har utviklet seg fra hullkort og kommandolinjetekst til dagens sofistikerte grafiske brukergrensesnitt (GUI).

Xerox 8010 informasjonssystem i 1981 ( DigiBarn , brukt under CC BY ; beskåret fra originalen)

Brukergrensesnittdesign for digitale produkter er primært opptatt av layout, informasjonshierarki , og utseendet på grensesnittelementer på individuelle skjermer for programvare, nettsteder og mobilapplikasjoner, men kan også omfatte videospill eller TV-grensesnitt .

Etter prinsippene i User Centered Design (UCD), UI-designere de lager grensesnitt som er strukturert og orientert for å møte brukernes behov i stedet for bare å gi tekniske løsninger. Dette krever ofte et element av kompromiss, med UI-designeren som balanserer funksjonelle krav med brukernes behov og estetikk (diktert av merkevarebygging og visuell design ).

Brukergrensesnittdesign av et B2B-dashbord, for Miklos Philips

God brukergrensesnittdesign støtter brukervennlighet med klare og konsistente visuelle oppsett og strukturering av innhold, samt gir ledetråder ( betydelige for å hjelpe brukerne med å fullføre oppgaver mens de minimerer forstyrrelser forårsaket av unødvendig innhold eller designelementer.

Godt utformede digitale brukergrensesnitt drar nytte av vanlige signifikatorer og visuelle metaforer som har ekte kolleger, for eksempel knapper, volumglidere, kalkulatorer, diskikoner for 'lagre' handlinger og så videre.

Brukergrensesnitt består av forskjellige typer elementer, inkludert:

• Inngangskontroller , som er interaktive komponenter i et brukergrensesnitt og spenner fra avkrysningsruter og radioknapper til rullegardinlister og tekstfelt: de lar brukerne gjøre valg fra ett av de viste alternativene og skrive inn tekst.
• Navigasjonskontroller , der brukerne velger en destinasjon eller endrer dataene som vises på skjermen. Brukergrensesnittelementer inkluderer rullegardinmenyer, glidebrytere og rullefelt, navigasjonsstier, faner og personsøkekontroller.
• Informasjonselementer , som gir tilbakemelding til brukeren. Brukergrensesnittelementer kan omfatte ikoner, tekst og visuelt innhold, fremdriftslinjer og andre varsler.

Brukergrensesnittdesign for en iOS-app, av Blomstre

Effektive UI-designere følger beste praksis , konvensjoner, standarder og grunnleggende brukbarhetsprinsipper for å sikre at brukergrensesnittene de oppretter samsvarer med brukernes behov. Blant de viktigste prinsippene er:

• Konsistens i bruk og gjenbruk av vanlige grensesnittelementer, slik at brukerne er kjent og komfortable med grensesnittet.
• Side- eller skjermstruktur med et tydelig hierarki av elementer, slik at elementene med høyest prioritet er de mest fremtredende for brukerne.
• Bruk av farge og typografi for å understreke elementene med høyest prioritet, noe som gir brukerne klarhet.
• God kommunikasjon og tilbakemelding for å informere brukeren om statusendringer, feil eller bekreftelse av brukerhandlinger, slik at brukeren kan se hvordan systemet reagerer på input og tar beslutninger lettere.
• Forståelse av brukerpreferanser og prioriteringer, slik at vanlige oppgaver eller mål enkelt kan oppnås, med skreddersydd standardadferd for å forenkle vanlige oppgaver.
• Reduksjon av kognitiv belastning på brukere ved å designe grensesnitt som effektivt bruker tomrom Og de er så enkle og intuitive som mulig.

Brukergrensesnitt design for en plante vanning råd mobil app, for Tubik

Forskjellen mellom UI og UX

Utformingen av brukergrensesnittet ofte forvekslet med brukeropplevelsesdesign . Selv om det kan være betydelig overlapping, er de forskjellige felt med forskjellige ferdigheter som kreves for hver rolle. En brukeropplevelsesdesigner fokuserer på den generelle strukturen og funksjonen til et nettsted eller applikasjon og hvordan et produkt føles og fungerer for brukeren.

UX-designere de jobber med (eller som) informasjonsarkitekter for å organisere innhold; De refererer til brukerundersøkelser og utfører detaljerte forretnings- og oppgaveanalyser for å bestemme den optimale arbeidsflyten for komplekse operasjoner, som for eksempel e-handelskasseprosessen og kontoopprettingsprosessen. UX-designere lager deretter brukerflyter, kundekart , lav troskap trådramme diagrammer, og interaktive prototyper for å teste, validere og avgrense konseptene dine gjennom brukertesting.

Wireframe Animation for Apple Watch (UX Design av Alex Dovhyi )

UI vs. UX

Grensesnittet er ikke løsningen. Brukergrensesnittdesign spiller generelt en viktig rolle i arbeidet til en UX-designer, men det er ikke den eneste delen. Tenk på det på denne måten: UX-design er forbruksvarer og brukergrensesnittet er verktøy (som den kan forbrukes med).

UX Design er en strategisk designprosess Flertrinn som tar sikte på å lage et produkt eller et nettsted som kunder / brukere tegner for, er enkle å bruke og raskt forstå. Og gjennom UX-designprosessen kom vi frem til løsningen brukergrensesnitt riktig.

Forskjellen mellom UI og UX (Illustrasjon av Shane Rounce )

Hva gjør UI-designere?

UI-designere bygge på rammeverket fra UX design for å bringe digitale produkter nærmere deres endelige form. De følger UX-trådrammene for hierarkiet og prioriteten til elementene på hver skjerm, og bruker deretter retningslinjer for visuell design sammen med beste praksis for interaksjonsdesign for å sikre konsistens gjennom hele opplevelsen.

E-handel designkonsept for brukergrensesnitt, pr Remco Bakker

UI-designere er ansvarlige for visuelt hierarki, layout, avstand og justering på skjermen, visuell vekt på overskrifter og typografi, riktig bruk av standardiserte grensesnittelementer som knapper og skjemafelt, og samsvar med merkevarelinjer for fargebehandlinger og logoer.

Siden moderne brukergrensesnitt ikke bare er statiske skjermer, men også interaktive opplevelser med dynamisk oppførsel og animerte overganger, vil UI-designere også jobbe med bevegelsesdesignere eller interaksjonsdesignere , perfeksjonere de grunnleggende begrepene for samhandling utviklet av UX-designere .

Brukergrensesnittdesign kan også inkludere datavisualisering og informasjonsdesignarbeid, og hjelper brukerne til å forstå svært komplekse data gjennom forenklet visualisering av denne informasjonen i 'presentasjonslaget'.

Smykkebutikk eCommerce UI designkonsept, pr Tubik

Brukergrensesnittdesignere leverer endelige visuelle modeller for hver webside eller applikasjonsskjerm som utviklere vil produsere det endelige produktet fra. Akkurat som design av brukergrensesnitt noen ganger overlapper med UX-design, kan også UI-design overlappe med front-end-utvikling av et digitalt produkt, spesielt når du arbeider med veldefinerte skjermmaler og biblioteker. Av komponenter.

For å betjene effektiviteten og brukeropplevelsen blir samhandlingsmetodene mer og mer sofistikerte. I dagens verden får design av brukergrensesnitt overordnet betydning når verden rundt oss blir stadig mer digital. I de kommende tiårene vil design av brukergrensesnittet utvikle seg mot bevegelse av todimensjonale skjermer og mot 3D-verdenen av virtual reality (VR), AR (augmented reality) og MR (mixed reality) .

Uavhengig av teknologi, skjermer, mellomrom eller miljøer, vil utformingen av brukergrensesnittet fortsette å fokusere på å legge til rette for samspillet og brukeropplevelsen mellom 'mann og maskin' på en mest mulig effektiv måte.