Vad är skillnaden mellan UX och UI?

Barnvakt är fixat och anländer snart.

Tänk dig första kvällen på tu man hand sedan en bra tid tillbaka. Ni vill gå på bio och behöver hitta en film som börjar och slutar inom en viss tid.

Biografens hemsida visar stora affischer och trailers. Ni hittar en film som verkar bra, men den slutar för sent. Nästa börjar innan ni kan komma iväg. För varje film måste ni öppna en ny sida, hitta föreställningarna och kontrollera när ni skulle vara hemma.

Tiden springer iväg och ni släpper tanken om att gå på bio ikväll, det blir bara en middag istället.

Det fanns både filmer och lediga platser. Problemet var att hemsidan krävde att ni började med att välja film. Ni behövde börja med tiden.

UI är en del av UX

UI står för user interface, alltså användargränssnitt. Det är det du ser och använder, som text, bilder, menyer och knappar. Hur informationen presenteras och hur gränssnittet svarar på det du gör hör också hit.

UX står för user experience, användarupplevelse. Det omfattar hela upplevelsen av en produkt eller tjänst: vad du förstår, hur det känns och om du lyckas med det du kom för att göra.

På biografens hemsida kan knapparna vara tydliga och affischerna fina. Ändå kan det vara svårt att få ihop en biokväll. För att hjälpa er behöver tjänsten ta hänsyn till något som ligger utanför själva filmutbudet.

Det är därför en enkel hemsida med genomtänkt UX kan vara mer användbar än en visuellt påkostad sida där besökaren fastnar. Utseendet spelar roll, men kan inte kompensera för allt som blir svårt under användningen. I ett experiment med 80 deltagare fick svår användning till och med en nätbutik att uppfattas som mindre snygg.

Samma utbud, en annan utgångspunkt

För biografen är filmerna en naturlig utgångspunkt. För besökaren kan utgångspunkten vara en ledig kväll.

Om hemsidan låter er ange när ni tidigast kan vara på bion och när ni behöver gå därifrån, går det att visa föreställningar som passar. Ni kan lägga tiden på att välja mellan filmerna i stället för att leta efter en möjlig kväll.

Att förstå det behovet är en del av arbetet med UX. Hur tidsvalet presenteras och används är en del av arbetet med UI. Lösningen behöver båda.

Den som redan har bestämt sig för en film ska förstås kunna börja där. Olika besökare kommer med olika förutsättningar.

Även byggbutikens kunder kan behöva börja någon annanstans än i företagets produktkategorier.

Tänk dig att du har köpt en hylla till vardagsrummet. Där ska vaser och ljusstakar stå. Du vet var den ska sitta, men är osäker på hur den ska fästas för att hålla för vikten.

På hemsidan finns skruvar, pluggar och borrar, sorterade efter typ och mått. Informationen är tydlig för den som redan vet vad den letar efter. Du behöver först förstå vilka saker som passar din vägg och det hyllan ska bära.

Här kan tjänsten hjälpa dig genom att fråga vilken hylla du ska sätta upp, vad den ska bära, vad väggen består av och vad du redan har hemma. Om du är osäker på väggen behöver det finnas hjälp även med det.

Utifrån svaren kan butiken föreslå vad som behövs, förklara valet och visa hur sakerna används. Då får du ett underlag för att både köpa och sätta igång.

Det är också en del av användarupplevelsen: att känna sig tillräckligt säker för att fortsätta. En tydlig produktbild hjälper dig att se vad du köper. Rätt stöd hjälper dig att förstå om det löser ditt problem.

Från ett fint intryck till något som fungerar

För ett företag är det lätt att ordna hemsidan efter det egna utbudet. Filmer, skruvar och produktnamn är sådant verksamheten känner väl. Kunden kan komma med en annan fråga, och sakna kunskapen som behövs för att översätta den till rätt kategori.

Det går att upptäcka genom att låta någon prova tjänsten med ett verkligt ärende. Följ hur personen försöker hitta en film som passar en viss kväll eller det som behövs för att sätta upp en hylla. Då blir det tydligt var informationen hjälper och var personen måste gissa.

På biografens hemsida skulle möjligheten att börja med tiderna ge paret ett annat läge. Nu kan de titta på trailers och välja något de vill se som ryms inom tidsramen.