UX & UI: Vad är skillnaden?

Ja, vad är skillnaden mellan UX och UI egentligen? Så här ser jag på det vad de olika områdena gör.

UX och UI – sammanfattning

UX (User eXperience) Design handlar om interaktionen, och hur saker och ting fungerar. Det är även en process UX designers använder sig av, för att få en så användarvänlig upplevelse som möjligt. Exempel på UX Design skulle kunna vara hur du tar dig runt i en butik, eller hur du tar dig från ett rum till ett annat i ditt hem (var ligger köket? var ligger vardagsrummet, osv)?

UI (User Interface) Design är hur saker och ting ser ut. Ofta handlar gränssnittsdesign även om att förmedla en viss känsla som du vill att ditt varumärke ska visa på. Exempel på gränssnittsdesign är hur det ser ut när du kommer in i din butik eller hem (vilka tapeter är det, vilka färger du har valt, osv), men även hur det ser ut för användaren på digital applikation eller hemsida.

Vad är UX Design?

Termen user experience kommer från början ifrån Don Norman, som grundade termen redan tidigt 90-tal när han jobbade för Apple.

Man kan säga att UX är hela upplevelsen som en slutanvändare har när användaren interagerar med dina produkter, tjänster, och till och med ditt företag.

Det bygger mycket på att du går efter en process som består i att både sätta sig in i användarnas och företagets mål, och genom det göra den design som både användare och företaget behöver, för att allting kring din produkt och dess element ska bli så bra som möjligt.

UX Design innefattar saker som att:

• Göra intervjuer med användare.
• Skapa personas och user journey maps (kundresa).
• Skapa effektkartor.
• Skapa prototyper.
• Göra usability tester.

Närbesläktade områden är exempelvis interaktionsdesign och service design.

Som UX Designer använder du ofta verktyg som papper & penna, verktyg för flödesdiagram, och prototyp-verktyg i stil med Adobe XD och Sketch.

Tips på ställen där du kan läsa mer om UX är exempelvis NNGroup (hemsida av Jakob Nielsen och Dan Norman som är kända namn inom industrin). Boken Don’t Make me Think är även den rekommenderad läsning.

Jag har även skrivit en hel artikel om Vad UX och UX design är.

Vad är UI?

Gränsnittsdesign är hur ditt User Interface ser ut och känns.

UX och UI Design misstas ofta för varandra. Det är förståeligt att det är svårt att få en överblick av vad som är vad.

Personligen ser jag det mest som att UX design är processen för att komma fram till ett så lättanvänt användargränssnitt som möjligt. UI:t är mer den slutgiltiga lagret som gör att första intrycket blir så bra som möjligt.

Men det är viktigt att det finns en UX-process för att komma dit, annars blir det lätt att ditt gränssnitt ser snyggt ut vid första anblicken, men funkar bedrövligt när du väl använder det.

Denna typen av design innefattar koncept som:

• Färgteori
• Grid-system
• Komposition & balans
• Typografi (där bra typsnitt är en komponent).
• Kontrast

Och genom detta göra tilltalande grafiska upplägg, som speglar all det som du vill att ditt varumärke egentligen bör förmedla.

Som UI Designer jobbar du ofta i verktyg som Adobe XD, Sketch och Figma.

Tips på bra resurser är exempelvis genom Learn UI Design (en av de bästa grafiska design-kurserna just nu), eller Design Rules av Joe Natoli (bra budgetval till kurs).

Slutsats

UI Design är slutresultatet för hur ditt användargränssnitt ser ut och känns. UX Design är en process för att få en så användarvänlig produkt som möjligt.

Om UX beskriver vilka steg du som använder kommer göra, vilken layout du ska ha, och vilken information användaren behöver se i gränssnittet i respektive steg, så beskriver UI-designen vilka färger, typsnitt med mera du ska använda som ett ”lager ovanpå” detta.

UX och UI bygger också på varandra – ett bra digital variant av gränssnitt (exempelvis en hemsida) för dina användare bygger på en stark UX-process, annars blir det lätt att din design blir som ”läppstift på en gris” – snyggt sminkad, men det är tyvärr fortfarande en gris…

Förhoppningsvis gör detta det lättare att förstå vad som är vad! Lämna gärna en kommentar nedanför om du har några frågor eller funderingar.