Hvad er forskellen mellem UI og UX Design?

Det er almindeligt at se jobannoncer for UI-designere, UX-designere og endda UI / UX-designere. Men hvad er forskellen nøjagtigt mellem UI og UX? UI står for brugergrænseflade, og UX står for brugeroplevelse. Dette kan være forvirrende, fordi folk ofte tror, ​​at brugerens interaktion med grænsefladen er synonymt med brugerens oplevelse. Men der er vigtige forskelle, der adskiller brugergrænseflade fra UX.

UI-designere og UX-designere arbejder normalt tæt sammen, men de fokuserer på forskellige ting. Både UI- og UX-designere er interesserede i design af applikationen, bare forskellige aspekter. Lad os se på hver rolle for bedre at forstå dette.

Hvad er brugergrænsefladesign?

Brugergrænseflade refererer til de grafiske aspekter ved design. Dette inkluderer alle de designaspekter, som brugeren kan se og interagere med.

Fokus for UI-design er at skabe en grænseflade, der er funktionel og giver brugeren mulighed for at udføre de opgaver, de har brug for, mens de er visuelt tiltalende. UI-designeren kan også være front-end-udvikleren og kode front-end-koden. UI-designeren kunne dog også oprette skabeloner og design, som en front-end-udvikler derefter programmerede.

Hvad er brugeroplevelsesdesign?

Brugeroplevelse fokuserer på, om et produkt opfylder brugernes behov. UX-designere vil vide, hvordan folk bruger et produkt, og om designet hjælper dem med at nå deres mål. Deres job er at optimere et produkt ud over at sikre, at det er funktionelt.

Hovedparten af ​​en UX Designer's opgave er at gennemføre brugervenlighedstest for at forstå, om brugerne kan udføre opgaver, der betyder noget for dem, og om de vil bruge produktet. De designer eller koder ikke nødvendigvis grænsefladen, men de finjusterer designet, så det passer bedre til slutbrugernes behov.

UX-design kan også omfatte aspekter ud over produktets design. En UX-designer skal overveje, hvordan deres brugerbase vil opdage produktet og forstå, hvordan brugerens oplevelse vil forme deres følelse af virksomheden som helhed.

Relaterede: Vil du være en UX-designer? Sådan kommer du i gang

Vil du være en UX-designer? Sådan kommer du i gang

Det er UX Designer's opgave at sikre, at softwarebrugerens behov bliver taget hånd om, og at de er glade for processen.

Hvordan adskiller UI og UX sig?

Kort sagt, UI bekymrer sig om, hvordan noget er designet, og UX bekymrer sig mere om, hvordan det bruges. For bedre at illustrere dette, lad os overveje, hvordan en UI- og UX-designer ville nærme sig vurderingen af ​​software.

Gimp er et populært GNU Image Manipulation Program. Det er et godt program, men som de fleste open source-software er der altid plads til forbedringer.

Dette er et billede af grænsefladen:

UI-designeren ville arbejde på at gøre alt hvad du kan se og interagere med her æstetisk tiltalende og funktionelt. Et UI-princip, som Gimp implementerer godt, er dets anvendelse af ensartethed. Hvis du højreklikker på lærredet, vises menuindstillingerne øverst. De vises i samme rækkefølge og har alle de samme muligheder.

Gimp's grafiske grænseflade er strømlinet over tid for at have et minimalistisk design. Tidligere versioner havde farvede ikoner og flere vinduer. Det nye design er meget mere æstetisk tiltalende. Imidlertid har ikonerne ændret sig ret meget mellem forskellige versioner, hvilket krænker konsistensen. Men generelt har Gimp en ret god grænseflade.

På UX-siden af ​​mønten er der meget, der kan forbedres. Kan du intuitivt fortælle, hvad hvert af disse ikoner gør? Hvad gør bølgeikonet?

Almindeligt anvendte værktøjer og funktioner er ofte begravet i lag med faner og menuer, hvilket gør softwaren sværere at bruge end nødvendigt. Nogle funktioner er ikke intuitive. For eksempel, når du flytter lag, er standardindstillingen "Vælg et lag eller en guide" til at flytte, men det er meget svært at forudsige, hvilket lag der faktisk bevæger sig.

Gimp er et godt produkt, men kan til tider være frustrerende at bruge. Interfacet fungerer fint, men det er ikke altid strømlinet til at imødekomme brugeren. Dette demonstrerer pænt, at selvom brugergrænsefladen er direkte forbundet til brugeroplevelsen, er brugeroplevelsen sit eget udyr.

At designe en stor kompleks applikation er meget tidskrævende. For at gøre det mere håndterbart tildeles forskellige personer eller teams forskellige aspekter. Mens UI-designeren opretter designet, kunne UX-designeren undersøge, hvordan folk vil bruge produktet. Deres forskning kan derefter indarbejdes i design og layout.

UI- og UX-designere arbejder meget tæt, men på forskellige aspekter af designet. UI-designet fokuserer på de konkrete aspekter ved designet: Placering af knapper og farveskema f.eks. Samtidig stiller UX-designere mere abstrakte spørgsmål, som om brugerne vil nyde at bruge et produkt, og om det vil løse brugernes behov.

Du kan have god brugergrænseflade med dårlig UX og dårlig brugergrænseflade med god UX. For eksempel er Notepad ++ ikke særlig attraktiv, men enkelheden gør det let at bruge. Dens brugergrænseflade er svag, men dens UX er stærk.

Hvad er en UI / UX-designer?

Vi har fastslået, at UI og UX er forskellige ting. Vi har imidlertid også demonstreret, at de begge primært er bekymrede over en applikations interface. Når man arbejder i store teams, er der mange fordele ved at adskille disse roller. Men når du arbejder i små hold, kan det være en fordel at kombinere roller. Tidligere nævnte vi, at en UI-designer også kan være en front-end-udvikler. Rollen kan dog også kombineres med UX-rollen.

Både UI- og UX-design kræver ikke nødvendigvis nogen programmering. Meget af designarbejdet og testningen kan udføres med trådrammer og prototyper. Dette betyder, at en UI / UX-designer kan have en baggrund inden for design og adfærdsvidenskab snarere end datalogi. Således er en UI / UX-designer fantastisk til små hold, der ønsker, at deres design skal være meget brugercentreret.

At bringe det hele sammen

Sammensætningen af ​​et udviklingsteam bestemmes af designets behov. Oprettelse af et godt team kræver en god forståelse af de forskellige roller og specialiteter for hvert medlem af teamet. Hvis du overvejer at komme ind i webudvikling, vil en interesse i UI og UX gøre det hjælpe dig med at vælge mellem at blive front-end eller back-end-udvikler.

UI-designernes og UX-designernes roller er gratis, men de har hver sin styrke. At forstå deres styrker kan hjælpe dig med at danne det bedste hold.

Adobe XD: Det gratis UI- og UX-designværktøj, du kan bruge lige nu

Adobe XD er en prototyping-app til hurtig interface til mobile enheder og websteder. I denne artikel introducerer vi dig til Adobe XD!

Om forfatteren