Hva er forskjellen mellom UI og UX Design?

Det er vanlig å se stillingsannonser for UI-designere, UX-designere og til og med UI / UX-designere. Men hva er egentlig forskjellen mellom UI og UX? UI står for brukergrensesnitt, og UX står for brukeropplevelse. Dette kan være forvirrende fordi folk ofte tror at brukerens interaksjon med grensesnittet er synonymt med brukerens opplevelse. Men det er viktige forskjeller som skiller UI fra UX.

UI-designere og UX-designere jobber vanligvis tett sammen, men de fokuserer på forskjellige ting. Både UI- og UX-designere er interessert i utformingen av applikasjonen, bare forskjellige aspekter. For å bedre forstå dette, la oss se på hver rolle.

Hva er design av brukergrensesnitt?

Brukergrensesnitt refererer til grafiske aspekter ved design. Dette inkluderer alle designaspekter som brukeren kan se og samhandle med.

Fokus for UI-design er å lage et grensesnitt som er funksjonelt og som lar brukeren fullføre oppgavene de trenger mens de er visuelt tiltalende. UI-designeren kan også være front-end-utvikler og kode front-end-koden. UI-designeren kan imidlertid også lage maler og design, som en front-end-utvikler deretter programmerer.

Hva er brukeropplevelsesdesign?

Brukeropplevelse fokuserer på om et produkt oppfyller brukernes behov. UX-designere vil vite hvordan folk bruker et produkt, og om designet hjelper dem med å nå sine mål. Deres jobb er å optimalisere et produkt utover å sikre at det er funksjonelt.

Hovedtyngden av en UX Designer-jobb er å fullføre brukervennlighetstester for å forstå om brukere kan fullføre oppgaver som betyr noe for dem, og om de vil bruke produktet. De designer ikke eller koder ikke nødvendigvis grensesnittet, men de forbedrer designet for å bedre passe sluttbrukernes behov.

UX-design kan også omfatte aspekter utover design av produktet. En UX-designer må vurdere hvordan brukerbasen deres vil oppdage produktet og forstå hvordan brukerens opplevelse vil forme deres følelse av selskapet som helhet.

I slekt: Vil du være en UX-designer? Slik kommer du i gang

Vil du være en UX-designer? Slik kommer du i gang

Det er UX Designer sin jobb å sørge for at programvarebrukerens behov blir ivaretatt, og at de er glade i prosessen.

Hvordan er UI og UX forskjellige?

Enkelt sagt, UI bryr seg om hvordan noe er designet, og UX bryr seg mer om hvordan det brukes. For å bedre illustrere dette, la oss vurdere hvordan en brukergrensesnitt- og UX-designer ville tilnærme seg vurdering av programvare.

Gimp er et populært GNU Image Manipulation Program. Det er et bra program, men som de fleste programvarer med åpen kildekode er det alltid rom for forbedringer.

Dette er et bilde av grensesnittet:

UI-designeren vil jobbe med å gjøre alt du kan se og samhandle med her estetisk tiltalende og funksjonelt. Et UI-prinsipp som Gimp implementerer godt er bruken av ensartethet. Hvis du høyreklikker på lerretet, vises menyalternativene øverst. De vises i samme rekkefølge og har alle de samme alternativene tilgjengelig.

Gimps grafiske grensesnitt har blitt strømlinjeformet over tid for å ha et minimalistisk design. Tidligere versjoner hadde fargede ikoner og flere vinduer. Den nye designen er mye mer estetisk. Imidlertid har ikonene endret seg ganske mye mellom forskjellige versjoner, noe som bryter med konsistensen. Men generelt sett har Gimp et ganske bra grensesnitt.

På UX-siden av mynten er det mye som kan forbedres. Kan du fortelle intuitivt hva hvert av disse ikonene gjør? Hva gjør bølgeikonet?

Vanlige verktøy og funksjoner er ofte begravet i lag med faner og menyer, noe som gjør programvaren vanskeligere å bruke enn nødvendig. Noen funksjoner er ikke intuitive. For eksempel, når du flytter lag, er standardinnstillingen "Velg et lag eller en guide" for å flytte, men det er veldig vanskelig å forutsi hvilket lag som faktisk beveger seg.

Gimp er et flott produkt, men kan til tider være frustrerende å bruke. Grensesnittet fungerer bra, men det er ikke alltid strømlinjeformet for å imøtekomme brukeren. Dette demonstrerer pent at selv om brukergrensesnittet er direkte koblet til brukeropplevelsen, er brukeropplevelsen sitt eget dyr.

Å designe en stor kompleks applikasjon er veldig tidkrevende. For å gjøre det mer håndterbart blir forskjellige aspekter tildelt forskjellige personer eller team. Mens UI-designeren lager designet, kan UX-designeren undersøke hvordan folk vil bruke produktet. Deres forskning kan deretter innlemmes i design og layout.

UI- og UX-designere jobber veldig tett, men med forskjellige aspekter av designet. UI-designet fokuserer på de konkrete aspektene ved designet: Plassering av knapper og fargevalg, for eksempel. Samtidig stiller UX-designere mer abstrakte spørsmål som om brukerne vil like å bruke et produkt og om det vil løse brukernes behov.

Du kan ha god UI med dårlig UX og dårlig UI med god UX. For eksempel er Notepad ++ ikke veldig attraktivt, men enkelheten gjør det enkelt å bruke. Brukergrensesnittet er svakt, men UX er sterkt.

Hva er en UI / UX-designer?

Vi har slått fast at UI og UX er forskjellige ting. Vi har imidlertid også demonstrert at de begge først og fremst er opptatt av applikasjonens grensesnitt. Når du jobber i store team, er det mange fordeler med å skille disse rollene. Men når du jobber i små team, kan det være fordelaktig å kombinere roller. Tidligere nevnte vi at en brukergrensesnittdesigner også kan være en front-end-utvikler. Imidlertid kan rollen også kombineres med UX-rollen.

Både UI- og UX-design krever ikke nødvendigvis noen programmering. Mye av designarbeidet og testingen kan gjøres med trådrammer og prototyper. Dette betyr at en UI / UX-designer kan ha bakgrunn innen design og atferdsvitenskap snarere enn informatikk. Dermed er en UI / UX-designer flott for små lag som ønsker at deres design skal være veldig bruker-sentrert.

Å bringe det hele sammen

Sammensetningen av et utviklingsteam bestemmes av behovene til et design. Å lage et godt team krever god forståelse av de forskjellige rollene og spesialitetene til hvert medlem av teamet. Hvis du tenker på å komme inn i webutvikling, vil en interesse for brukergrensesnitt og UX gjøre det hjelpe deg med å bestemme mellom å bli en front-end eller back-end-utvikler.

Rollene til UI-designere og UX-designere er gratis, men de har hver sin styrke. Å forstå styrkene deres kan hjelpe deg med å danne det beste laget.

Adobe XD: Det gratis brukergrensesnittet og UX-designverktøyet du kan bruke akkurat nå

Adobe XD er en prototyping-app for raske grensesnitt for mobile enheter og nettsteder. I denne artikkelen introduserer vi deg for Adobe XD!

Om forfatteren