Vad är UX och UI?

UX och UI är två vanliga begrepp inom webbdesign. De låter tekniska, men är egentligen ganska enkla att förstå.

UX handlar om hur hemsidan fungerar och känns att använda. UI handlar om hur hemsidan ser ut och hur användaren interagerar med den.

Båda behövs för att en hemsida ska kännas professionell.

Vad betyder UX?

UX står för User Experience. På svenska betyder det användarupplevelse.

Det handlar om hur lätt, tydlig och smidig hemsidan är att använda.

En bra UX gör att besökaren snabbt förstår:

• vad företaget erbjuder
• var informationen finns
• vad nästa steg är
• hur man tar kontakt
• varför man ska välja företaget

Om besökaren blir förvirrad, inte hittar rätt eller behöver tänka för mycket är användarupplevelsen svag.

Vad betyder UI?

UI står för User Interface. På svenska kan man säga användargränssnitt.

Det handlar mer om det visuella och praktiska på sidan, till exempel:

• knappar
• menyer
• färger
• typsnitt
• ikoner
• bilder
• formulär
• layout

UI är alltså det besökaren ser och klickar på.

En bra UI gör hemsidan tydlig, snygg och enkel att förstå visuellt.

Skillnaden mellan UX och UI

Ett enkelt sätt att tänka är: UX är hur hemsidan fungerar. UI är hur hemsidan ser ut.

En hemsida kan vara snygg men ändå svår att använda. Då är UI kanske bra, men UX svag.

En hemsida kan också vara enkel att använda men se gammal och opålitlig ut. Då kan UX vara okej, men UI svag.

Den bästa hemsidan behöver båda: den ska vara tydlig att använda och ge ett professionellt intryck.

Varför spelar UX och UI roll?

Besökare bestämmer sig snabbt.

Om hemsidan känns rörig, långsam eller otydlig kan kunden lämna sidan och gå vidare till en konkurrent.

Bra UX och UI hjälper besökaren att känna: “Jag förstår vad det här företaget gör.” “Det här verkar seriöst.” “Jag vet hur jag tar nästa steg.”

För småföretag är detta extra viktigt. Hemsidan är ofta första kontakten med kunden, och första intrycket påverkar förtroendet.

Exempel på bra UX

Bra UX kan vara att kontaktknappen syns tydligt, att menyn är enkel, att tjänsterna är lätta att hitta och att sidan fungerar bra i mobilen.

Det kan också vara att texten är skriven på ett sätt som kunden faktiskt förstår.

Besökaren ska inte behöva leta, gissa eller anstränga sig för att förstå vad företaget erbjuder.

Exempel på bra UI

Bra UI kan vara tydliga knappar, bra kontrast, lättlästa rubriker, lagom mycket luft mellan sektioner och en design som känns modern utan att bli rörig.

Det handlar inte bara om att sidan ska vara ”snygg”. Den ska också vara lätt att använda.

Designen ska hjälpa innehållet, inte stå i vägen för det.

Vad kan du kontrollera själv?

Öppna din hemsida och ställ några enkla frågor:

• Förstår man direkt vad företaget gör?
• Är det lätt att hitta tjänsterna?
• Syns kontaktknappen tydligt?
• Fungerar sidan bra i mobilen?
• Är texten lätt att läsa?
• Känns designen modern och seriös?
• Finns det något som stör eller förvirrar?

Om flera svar är nej kan hemsidan behöva bättre UX, UI eller båda.

Sammanfattning

UX handlar om användarupplevelsen. UI handlar om det visuella gränssnittet.

En bra hemsida behöver både fungera bra och se professionell ut. Den ska vara tydlig, lätt att använda och ge ett tryggt intryck.

För småföretag kan bra UX och UI göra stor skillnad eftersom det hjälper besökaren att förstå, lita på företaget och ta nästa steg.