Fråga en företagare vad hen letar efter i en bra webbplats och du får höra om ren design, snabb laddning och enkel navigering. Sällan nämns om besökare faktiskt kan hitta det de behöver och slutföra det de kom för att göra. UX-design är disciplinen som besvarar den frågan, och det är den kvalitet som gör att alla andra spelar roll.
UX-design, kort för användarupplevelsedesign, är konsten att designa webbplatser utifrån hur människor använder dem. Vad är UX-design för en företagswebbplats? Det är de beslut som avgör om en besökare kan hitta det hen letar efter, slutföra handlingen hen kom för att göra och lämna med en tydlig bild av vad företaget erbjuder.
En webbplats kan vara visuellt polerad och ändå ha dålig UX. En besökare som inte kan avgöra vad ett företag gör inom tio sekunder efter att ha landat på startsidan, som går vilse när hen försöker hitta prissidan eller som överger ett kontaktformulär för att felmeddelandena inte förklarar vad som gick fel, har en dålig användarupplevelse. Sidans visuella kvalitet är oviktig för det utfallet.
Vad är skillnaden mellan UX-design och UI-design?
UX-design och UI-design hänger ihop men är olika saker. UI-design, eller gränssnittsdesign, handlar om det visuella lagret. Färger, typografi, knappar, ikoner och sidans övergripande utseende är alla UI-beslut. UX-design handlar om beteendelagret. Hur information organiseras, hur navigeringen flödar, vad som händer när en användare gör ett fel och om den viktigaste handlingen på sidan är omedelbart uppenbar är alla UX-beslut.
I praktiken överlappar de två. En knapp med fel färg i den visuella hierarkin är ett UI-problem som skapar ett UX-problem. Ett formulär som är logiskt uppställt men saknar vägledning vid fel är ett UX-problem som en UI-designer kan upptäcka. I små team och i webbplatsbyggare sköter ofta en person båda. Skillnaden spelar roll eftersom de kräver olika tänkande: UI frågar "ser det här rätt ut?" medan UX frågar "fungerar det här för den som använder det?"
Artikeln om vad webbdesign är tar upp den bredare disciplin som både UX- och UI-design ingår i, inklusive hur visuella och strukturella beslut samverkar för att forma besökarens upplevelse.
Vilka är UX-designens grundprinciper?
UX-design styrs av en uppsättning principer som gäller för alla typer av webbplatser, oavsett bransch eller storlek.
Användbarhet
En användbar webbplats låter besökare slutföra uppgifter effektivt utan förvirring. Navigeringens namn använder de ord besökare förväntar sig. Nyckelsidor går att nå inom två eller tre klick. Interaktiva element som knappar och formulär beter sig på förutsägbara sätt. Användbarhet handlar inte om att göra en webbplats så enkel att den blir tunn. Det handlar om att ta bort friktion på vägen till det resultat besökaren vill ha.
Tydlighet
Tydlighet betyder att varje sida förmedlar sitt syfte direkt. En besökare ska inom några sekunder förstå vad sidan handlar om, vad hen kan göra där och vad nästa steg är. Sidor som gömmer den viktigaste informationen under täta stycken, eller som använder tvetydiga rubriker och vaga uppmaningar till handling, brister i tydlighet oavsett hur bra de är designade visuellt. Artikeln om vad visuell hierarki är förklarar hur arrangemanget och tyngden hos element på en sida formar vad besökare förstår först.
Konsekvens
Konsekvent design betyder att besökare bara behöver lära sig hur webbplatsen fungerar en gång. Om knappen för den primära uppmaningen till handling är blå på startsidan ska den vara blå överallt. Om navigeringen finns överst på sidan på dator ska den gå att nå från samma plats på varje sida. Inkonsekvens bryter den mentala modell besökare bygger upp när de rör sig genom en webbplats och skapar förvirring just när en tydlig väg framåt betyder mest.
Återkoppling
Användare behöver veta att deras handlingar har registrerats. En knapp som inte visar någon förändring när man klickar, ett formulär som skickas utan bekräftelse eller ett sökfält som ger resultat utan någon indikation på vad det sökte efter skapar alla osäkerhet. Återkoppling kan vara så enkel som att en knapp byter färg vid hovring, att en snurra visas medan ett formulär skickas eller att ett bekräftelsemeddelande visas efter en lyckad handling. Utan den vet besökare inte om de ska vänta, försöka igen eller anta att något gått fel.
Felhantering
Användare gör misstag. Bra UX förutser dem och gör det enkelt att ta sig vidare. Formulärvalidering som pekar ut det specifika fältet med problem och förklarar hur rätt format ser ut är bättre än ett allmänt meddelande om att något gått fel. En sökning som inte ger några resultat men föreslår alternativ är bättre än en återvändsgränd. Ju enklare det är att återhämta sig från ett fel, desto mindre sannolikt är det att besökaren överger uppgiften helt.
Hur påverkar UX-design affärsresultatet?
UX-design har en direkt koppling till de resultat som företag bryr sig om. En besökare som snabbt hittar prissidan är mer benägen att nå ett köpbeslut. Ett kassaflöde med få steg och tydliga felmeddelanden konverterar fler besökare än ett som kräver gissningar. Ett kontaktformulär som är lätt att fylla i får fler inskick än ett som är förvirrande eller tidskrävande.
Sambandet mellan UX och konverteringsgrad är väldokumenterat. Små förbättringar av sidans tydlighet, formulärdesign och navigeringsflöde ger mätbara ökningar i andelen besökare som gör den avsedda handlingen. Det omvända gäller lika mycket. En sida där den primära uppmaningen till handling är svår att hitta, där värdeerbjudandet tar tre stycken att nå eller där mobillayouten faller ihop till ett oanvändbart läge tappar konverteringar i varje steg.
UX påverkar också hur besökare uppfattar företaget bakom webbplatsen. En webbplats som fungerar bra känns professionell och pålitlig. En webbplats med trasiga flöden, förvirrande navigering och otydliga budskap signalerar slarv oavsett hur resten av verksamheten sköts. Artikeln om så designar du en startsida som fungerar tar upp de specifika UX-beslut som betyder mest på sidan besökare ser först.
Vilka är de vanligaste UX-problemen på företagswebbplatser?
Ingen tydlig hierarki på sidan är det vanligaste UX-felet på företagswebbplatser. När flera element konkurrerar lika mycket om uppmärksamheten har besökare ingen startpunkt. De skummar utan att läsa, hittar inte uppmaningen till handling och lämnar. Visuell hierarki och layoutbeslut som skapar en tydlig läsordning löser det problemet direkt.
Navigering som kräver gissningar tvingar besökare att utforska i stället för att röra sig målmedvetet. Menynamn som betyder något internt men ingenting för en ny besökare, rullgardinsmenyer som gömmer de mest användbara sidorna och navigeringsstrukturer som inte stämmer med hur besökare tänker på verksamheten skapar alla friktion. Artikeln om vad webbplatsnavigering är tar upp hur du strukturerar menyer som vägleder i stället för att förvirra.
Formulär utan vägledning är ett annat vanligt problem. Obligatoriska fält som inte är tydligt markerade, inmatningar som avvisar giltiga format utan att förklara varför och formulär som rensar alla uppgifter efter ett misslyckat försök är alla hinder som sänker andelen som slutför avsevärt.
Mobil-UX som inte motsvarar avsikten på dator är en lucka som kostar företag besök vid varje tillfälle. En datorsida designad med flera kolumner som viks ihop till en enda kolumn på mobil med element i fel ordning ger en annan upplevelse än den som var avsedd. Artikeln om så gör du din webbplats mobilanpassad tar upp de layout- och interaktionsbeslut som avgör om mobilupplevelsen fungerar lika bra som datorupplevelsen.
Hur hänger UX-design ihop med SEO?
Sökmotorer mäter användarbeteende för att bedöma om en sida ger värde. En sida med dålig UX tenderar att ge hög avvisningsfrekvens och kort tid på sidan, vilket båda över tid signalerar till sökmotorer att besökare inte hittar det de kom för. En sida med stark UX tenderar att hålla kvar besökare längre och driva fler interaktioner, vilket ger de beteendesignaler som stödjer rankingen.
Sidans tillgänglighet, som hänger nära ihop med UX, påverkar också hur tillförlitligt sökmotorer kan crawla och indexera en sida. En sida som går att navigera med tangentbord och är byggd med semantisk HTML är lättare att indexera korrekt än en med strukturella problem. Artikeln om vad SEO är tar upp hur signaler om användarupplevelse matar sökprestandan och vilka beteendefaktorer som betyder mest.
Så hanterar WEMASY UX-design
Mallarna i webbplatsbyggaren i WEMASY är byggda med UX-principer som utgångspunkt. Rubrikhierarki, placering av uppmaningar till handling, navigeringsstruktur, formulärdesign och mobillayouter är inställda på standardvärden som speglar hur besökare faktiskt använder företagswebbplatser. Med den visuella redigeraren justerar du varje element och ser resultatet i realtid, på både dator och mobil, innan du publicerar. Ändringar i layouten kräver inte att du bygger om sidan från början.
Se vad som ingår i webbplatsbyggaren i WEMASY eller jämför planerna på prissidan.
Vanliga frågor
Behöver jag en UX-designer för att bygga en bra webbplats?
Inte nödvändigtvis. En webbplatsbyggare med väl utformade mallar tar hand om de vanligaste UX-besluten på mallnivå, så du börjar inte från noll med informationsarkitektur, rubrikhierarki eller mobillayout. Där en UX-designer tillför mest är i att förstå hur en specifik målgrupp beter sig och testa om särskilda flöden fungerar som avsett. För de flesta småföretags webbplatser ger det betydligt bättre resultat att tillämpa UX-principer genom en välbyggd mall än att ignorera UX helt, även utan specialist. Med webbplatsbyggaren i WEMASY kan du sätta upp det direkt på din webbplats.
Vad är användbarhetstestning?
Användbarhetstestning innebär att man observerar riktiga användare när de försöker slutföra uppgifter på en webbplats. Målet är att identifiera var besökare blir förvirrade, var de tvekar och var de inte lyckas slutföra det de kom för att göra. Det kan vara så enkelt som att be en kollega hitta prissidan och se var hen klickar, eller så strukturerat som en inspelad session med skärmdelning och en moderator. Även informell testning med två eller tre personer som aldrig sett webbplatsen förut avslöjar de mest betydande användbarhetsbristerna.
Vad är skillnaden mellan UX-design och webbdesign?
Webbdesign är den bredare disciplinen som omfattar både hur en webbplats ser ut och hur den fungerar. UX-design är den del av webbdesign som specifikt fokuserar på upplevelsen för den som använder webbplatsen. En webbdesigner fattar beslut om färg, typografi, layout och visuell hierarki vid sidan av beslut om navigering, informationsarkitektur och interaktionsdesign. När de interaktionsinriktade besluten får särskild uppmärksamhet och testas mot verkligt användarbeteende kallas den praktiken UX-design.
Hur vet du om din webbplats har UX-problem?
De tydligaste signalerna kommer från data om användarbeteende. Hög avvisningsfrekvens på nyckelsidor, låg andel slutförda formulär, kort tid på sidan för innehåll som borde ta längre tid att läsa och hög avhoppsfrekvens i kassaflöden tyder alla på UX-problem. Att se en förstagångsbesökare navigera på webbplatsen utan vägledning visar var förvirringen uppstår. Direkt feedback från kunder som nämner att de haft svårt att hitta något eller gett upp en uppgift är lika vägledande. Du behöver inte en analysplattform för att komma igång. Att titta på en person som försöker använda webbplatsen räcker ofta för att hitta de mest betydande problemen.
Hur hänger UX-design ihop med konverteringsgrad?
Konverteringsgrad mäter andelen besökare som slutför en önskad handling, som att fylla i ett formulär, göra ett köp eller boka ett samtal. UX-design påverkar det talet direkt eftersom den avgör hur enkel eller svår handlingen är att slutföra. Att ta bort onödiga steg i ett kassaflöde, göra den primära uppmaningen till handling visuellt tydlig, förenkla formulärfält och förbättra felmeddelanden ökar sannolikheten att en besökare som har för avsikt att konvertera faktiskt gör det. Sambandet är direkt: bättre UX minskar friktionen, och mindre friktion ger högre konverteringsgrad.