Du har fått en offert från en webbdesigner och där står "UX/UI-design". Eller så såg du en annons som söker en "UX/UI-designer". Förkortningarna låter tekniska, och kvar står den egentliga frågan: vad är det, är det samma sak, och behöver jag det?
Kort svar: det är två olika jobb, och båda påverkar om din hemsida ger kunder. I den här artikeln förklarar jag skillnaden mellan UX och UI ur en företagares synvinkel. Du behöver inte vara designer; du behöver bara veta vad du betalar för när du läser en offert.
Vad är UX och UI?
UX: hur sidan fungerar
UX betyder användarupplevelse. Det beskriver hur lätt eller svårt besökaren har att få saker gjorda på din sida. Frågan är: hittar kunden det hen söker och kan hen göra det hen kom för?
Ett exempel: en patient går in på din tandkliniks sida och vill boka tid. Ligger bokningsknappen på första skärmen? Hur många fält har formuläret? Går det att ringa med ett tryck? Hittar man öppettiderna? Allt det är UX. Det har inget med färg eller typsnitt att göra utan med sidans logik och flöde.
Tänk på en butik på gatan. Var kassan står, hur hyllorna är ordnade, hur lätt kunden når det hen vill ha, det är UX.
UI: hur sidan ser ut
UI betyder användargränssnitt. Det är allt du ser på skärmen: färger, typsnitt, knapparnas form, foton, mellanrum, ikoner. Frågan är: känns sidan pålitlig, speglar den ditt varumärke, visar den vad jag ska göra?
Tillbaka till butiken: UI är skyltfönstret, belysningen, skyltarna och hyllornas design. Det ser bra ut och drar blicken till sig.
Skillnaden i korthet
| UX | UI | |
|---|---|---|
| Ämne | Hur det fungerar, hur lätt det är | Hur det ser ut |
| Kundens fråga | "Hittade jag det jag ville?" | "Ser det pålitligt och prydligt ut?" |
| Exempel | Bokningsformulär i tre steg | Knappens färg och storlek |
| Om det går fel | Besökare fastnar och ger upp | Sidan ser amatörmässig och opålitlig ut |
Jämför med ett hus: UX är planlösningen, alltså var rummen ligger och hur man tar sig mellan dem. UI är inredningen. Det är svårt att bo i ett vackert inrett hus där man måste gå genom tre rum för att nå köket. Ett hus med perfekt planlösning men vittrande väggar ger inte heller förtroende.
Varför båda är viktiga för ditt företag
Besökare tänker inte i den uppdelningen. De säger bara "lätt" eller "svårt", "pålitligt" eller "amatörmässigt". Men följderna är konkreta:
- Är sidan vacker men flödet svårt kommer besökarna och går utan att boka.
- Är flödet lätt men utseendet gammalt och rörigt litar folk inte på dig, särskilt inom områden där förtroende är viktigt som hälsa, juridik eller ekonomi.
- Fungerar det dåligt i mobilen blir en stor del av dina kunder missnöjda hur väl designad datorvyn än är.
Inga resultat kan garanteras, men en genomtänkt struktur och ett enhetligt utseende är dina mest konkreta verktyg för att öka chansen att kunderna hör av sig.
Vad du kan kolla själv
Du kan grovt bedöma båda områdena på din egen sida:
För UX:
- Ge sidan till någon som aldrig sett den och be hen ringa dig eller boka tid från mobilen. Hur lång tid tog det, var fastnade hen?
- Framgår det på startsidan vid första ögonkastet vad du gör och hur man når dig?
- Är formulären längre än de behöver vara?
För UI:
- Är texten bekväm att läsa eller för liten i mobilen?
- Framgår det vad man kan klicka på, eller är det oklart vilket element som är en knapp?
- Stämmer sidan med färgerna och känslan på ditt visitkort och din skylt?
Svarar du "nej" på flera av dessa vet du inom vilket område du ska fråga en expert.
Vad en designer gör
I en bra process går arbetet oftast i den här ordningen:
- Lyssnar på dig och din kund: ditt företag, dina kunder och den handling du helst vill ha (bokning, samtal, offert) bestäms.
- Bygger strukturen: vilka sidor som ska finnas, hur menyn ser ut och vilken väg en besökare tar till bokningen. Det här steget är UX; skärmarna är fortfarande färglösa skisser.
- Utformar utseendet: på den godkända strukturen läggs färg, typsnitt, foton och varumärkeskänsla. Det är UI.
- Testar: några personer provar och hindren rättas till.
- Lanserar och följer upp: utifrån resultaten görs små förbättringar.
För små företagssidor sköter oftast en person både struktur och utseende. Det är normalt; det viktiga är att båda hanteras medvetet.
Vad du ska fråga en designer
När du ser "UX/UI" i en offert, fråga:
- Vad gör ni exakt i UX-delen? Ingår sidstruktur, flöde och mobilanpassning?
- Designar ni för mina kunder, eller anpassar ni en färdig mall?
- Vad föreslår ni för att huvudmålet, som bokning, samtal eller offert, ska bli lätt för besökarna?
- Testas det med riktiga människor före lansering?
- Vad får jag när designen är klar, och hur går vi till väga om jag vill ha ändringar?
Ett arbetssätt som säger "ingen UX, vi gör bara snygg design" eller "vi gör UX men utseendet spelar ingen roll" är ofullständigt. En bra hemsida behöver båda.
Vanliga frågor
Gör samma person både UX och UI?
I små projekt oftast ja, en designer gör båda. I stora team delas arbetet. För dig är det viktiga att personen behärskar båda och kan förklara vad hen gör i respektive del.
Vilket är viktigast?
De kompletterar varandra. En vacker sida med svårt flöde och en lätt sida som ser opålitlig ut förlorar båda kunder. Är budgeten begränsad, prioritera en sida som är lätt att förstå och bekväm i mobilen.
Är UX och UI samma sak som webbdesign?
Webbdesign är bredare. UX och UI är viktiga delar, men även textinnehåll, sidans hastighet och att synas på Google ingår i arbetet.
Kan jag mäta det?
Ett exakt tal är svårt, men du kan följa upp: förändras dina samtal, formulär och bokningar? Korta tester visar var människor fastnar.
Sammanfattning
UX är hur din sida fungerar, UI hur den ser ut, och din kund upplever båda tillsammans. När du får en offert är frågan om båda ingår det enklaste sättet att vara säker på att du betalar för en sida som ger dig affärer. Vill du bygga rätt struktur och utseende för din sida tillsammans är min tjänst bygga hemsida en bra början för en plan som passar ditt företag.