# UX-design för företag – UX-analys, användartest och UI-design

> UX-design för företag: vi analyserar beteendet, testar med användare, tar fram prototyp och UI och bygger i WordPress så att fler köper eller hör av sig. Fast pris.

Canonical: https://marknadsavdelningen.com/ux-design/

UX-DESIGN · UI-DESIGN · ANVÄNDARTEST · PROTOTYP

# UX-design för företag som gör det lättare att köpa

KORT SVAR UX-design är att göra er webbplats eller e-handel lätt att förstå och använda, så att fler besökare köper, bokar eller hör av sig. Vi analyserar beteendet, testar med riktiga användare, skissar och prototypar och bygger lösningen i WordPress. Fast pris, bestämt före start.

[Berätta var besökarna fastnar →](https://marknadsavdelningen.com/kontakt/)Ring 070-719 98 58

Uppdaterad 26 september 2026 · dardan@marknadsavdelningen.com

UX-ANALYS / FLÖDE MOBIL FÖRST

BESÖKAREN UNDRAR vad gör de, passar det oss, hur går vi vidare? Hittar besökaren inte svaret snabbt går hen tillbaka till sökresultatet.

01 / FÖRSTA VYN Tjänst, nytta och knapp TYDLIGHET

02 / NAVIGATION Rätt sida på två klick STRUKTUR

03 / FORMULÄR Färre fält, tydliga fel FRIKTION

04 / BEKRÄFTELSE Vad händer nu? TRYGGHET

TESTAT MED ANVÄNDARE FAST PRIS

UX-analys prioriterade åtgärder

Användartest riktiga uppgifter

Wireframes och prototyp testa före bygge

UI-design och bygge WordPress och WooCommerce

01 · VAD VI GÖR

## UX-design som utgår från vad besökaren ska få gjort.

UX-design (user experience) är arbetet med hur en webbplats, e-handel eller app fungerar för den som använder den: vad som syns först, hur navigationen leder vidare, vad formuläret frågar och hur tydligt nästa steg är. UI-design är det visuella gränssnittet ovanpå. Vi gör båda, i den ordningen. Arbetet följer principerna för människocentrerad design i [ISO 9241-210](https://www.iso.org/standard/77520.html): förstå användarna och deras sammanhang, ta fram lösningar, pröva dem med användare och förbättra. Ska förbättringarna sedan testas löpande mot fler affärer är [konverteringsoptimering](https://marknadsavdelningen.com/konverteringsoptimering/) nästa steg.

AFFÄRSMÅLET FÖRST Vi designar mot en handling som betyder något: förfrågan, bokning eller köp, inte mot tid på sidan.

TESTA FÖRE BYGGE En prototyp som provats av några ur målgruppen är billigare att ändra än en färdig webbplats.

TILLGÄNGLIGT FRÅN START Kontrast, textstorlek, tangentbord och tryckytor ingår i designen, inte som efterkontroll.

02 · TRE SÄTT ATT KÖPA UX

## UX-analys, UX-design eller löpande förbättring

Välj efter var ni står. Många börjar med en analys och går vidare med de åtgärder som ger mest.

UX-ANALYS

### UX-analys och expertgranskning

- genomgång av viktigaste flöden i mobil och dator
- beteendedata där mätningen håller
- prioriterad åtgärdslista med skäl per punkt

UX-DESIGN

### Struktur, prototyp och UI

- informationsstruktur och wireframes
- klickbar prototyp och användartest
- UI i er grafiska profil, byggt i WordPress

LÖPANDE

### Förbättring månad för månad

- ett flöde i taget, i prioritetsordning
- före- och eftermätning av varje ändring
- fast månadsarvode

Användartest behöver inte vara stora. [Nielsen Norman Group](https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/) visar att fem användare brukar räcka för att hitta de flesta problemen i ett flöde, och rekommenderar flera små testomgångar i stället för en stor.

NÄSTA STEG

## Var tappar ni besökare i dag?

Beskriv sidan eller flödet och vad som borde hända där. Vi svarar med upplägg och fast pris.

[Få upplägg och fast pris →](https://marknadsavdelningen.com/kontakt/)

03 · SÅ ARBETAR VI

## Från beteende till bättre flöde i sex steg.

Varje steg ger ett beslutsunderlag, så att ni kan stanna efter analysen eller gå hela vägen till byggd lösning.

01 / STEG

### Mål och flöden

Vi bestämmer vilka handlingar som betyder något för affären, till exempel förfrågan, bokning eller köp, och vilka sidor som leder dit.

02 / STEG

### Data och nuläge

Vi läser beteendet i den mätning som finns, går igenom flödena i mobil och dator och noterar var besökare tvekar eller lämnar.

03 / STEG

### Användartest

Ett kort test där några personer ur målgruppen försöker lösa verkliga uppgifter medan vi observerar. Det visar varför, inte bara var.

04 / STEG

### Skiss och prototyp

Struktur och wireframes först, sedan en klickbar prototyp som kan testas innan något byggs.

05 / STEG

### UI och bygge

Gränssnittet formges i er grafiska profil, med kontrast, textstorlek och tryckytor som fungerar för alla, och byggs i WordPress.

06 / STEG

### Uppföljning

Vi jämför före och efter i mätningen och går vidare med nästa förbättring i prioritetsordning.

UX-GRANSKNING VAD VI KONTROLLERAR

Första vyn
tjänst, nytta och knapp utan att scrolla

MOBIL

Navigation
ord som besökaren själv använder

STRUKTUR

Formulär
bara fält som behövs, tydliga felmeddelanden

FRIKTION

Tillgänglighet
kontrast, fokus och tryckytor enligt WCAG

WCAG 2.2

04 · UX OCH TILLGÄNGLIGHET

## Varför UX-design påverkar affären.

- 01

### Besökaren bestämmer sig snabbt

Är det oklart vad ni gör, för vem och hur man går vidare, lämnar många sidan innan de läst vidare. Den första vyn är därför ofta den viktigaste att förbättra.

- 02

### Formuläret är sista hindret

Onödiga fält, otydliga felmeddelanden och en knapp som inte säger vad som händer gör att färdiga köpare avbryter.

- 03

### Tillgänglighet är ett krav

[WCAG 2.2](https://www.w3.org/TR/WCAG22/) är den internationella riktlinjen för tillgängligt webbinnehåll. Sedan 28 juni 2025 gäller [lagen (2023:254) om vissa produkters och tjänsters tillgänglighet](https://www.riksdagen.se/sv/dokument-och-lagar/dokument/svensk-forfattningssamling/lag-2023254-om-vissa-produkters-och-tjansters_sfs-2023-254/) bland annat e-handelstjänster riktade till konsumenter, med undantag för mikroföretag.

- 04

### Mät före och efter

Utan fungerande mätning går det inte att se om en designändring hjälpte. Därför kontrollerar vi mätningen innan vi drar slutsatser.

05 · RELATERADE TJÄNSTER

## UX-design fungerar bäst ihop med bygge och mätning.

Välj det som passar ert läge. UX-arbetet kan vara första steget eller en del av ett större uppdrag.

[EFTER LANSERING ### Konverteringsoptimering När UX-förbättringarna ska prövas och följas upp löpande mot fler leads eller köp.Utforska konverteringsoptimering →](https://marknadsavdelningen.com/konverteringsoptimering/)[HELA WEBBPLATSEN ### Webbyrå När strategi, UX, utveckling och mätning behöver hänga ihop i en ny eller omgjord webbplats.Utforska webbyrå →](https://marknadsavdelningen.com/webbyra/)[NY SAJT ### Bygga hemsida När UX-arbetet är första steget i en helt ny hemsida i WordPress.Utforska bygga hemsida →](https://marknadsavdelningen.com/bygga-hemsida/)[ETT FLÖDE ### Landningssidor När en kampanj behöver en fokuserad sida med ett enda erbjudande och ett kort formulär.Utforska landningssidor →](https://marknadsavdelningen.com/landningssidor/)[KASSA OCH PRODUKT ### E-handel När produktsidor, filter och kassa ska göra det lättare att köpa.Utforska e-handel →](https://marknadsavdelningen.com/e-handel/)[BETEENDET ### Webbanalys När ni först behöver se var besökarna faktiskt fastnar innan något designas om.Utforska webbanalys →](https://marknadsavdelningen.com/webbanalys/)

06 · VAD DET KOSTAR

## Vad kostar UX-design?

En avgränsad UX-analys eller ett designuppdrag får fast pris. Löpande förbättring sker mot fast månadsarvode. Se hur vi prissätter på [priser](https://marknadsavdelningen.com/priser/).

FAST PRIS

### UX-analys eller designuppdrag

Analys, användartest, wireframes, prototyp och UI-design i den omfattning som står i offerten, med eller utan bygge i WordPress.

[Fråga om pris →](https://marknadsavdelningen.com/kontakt/)

PRISET PÅVERKAS AV

### Fem saker

Vi går igenom dem innan offerten skrivs:

antal flöden användartester skärmlägen design eller även bygge mätningens skick

07 · VANLIGA FRÅGOR

## Vanliga frågor om UX-design.

UX och UI, analys, användartest, bygge och kostnad.

Vad är UX-design?

UX-design (user experience) är arbetet med att göra en webbplats, e-handel eller app lätt att förstå och använda för den som ska köpa, boka eller höra av sig. Det omfattar struktur, navigation, innehållets ordning, formulär och gränssnitt, och bygger på hur riktiga användare beter sig snarare än på tycke och smak.

Vad är skillnaden mellan UX och UI?

UX handlar om hela upplevelsen: vilka steg besökaren tar, vad som står var och varför något är svårt. UI (user interface) är det visuella gränssnittet: knappar, typografi, färger och komponenter. Vi gör båda, men börjar med UX så att det snygga gränssnittet sitter på en struktur som fungerar.

Vad ingår i en UX-analys?

En genomgång av de sidor och flöden som betyder mest för affären, till exempel startsida, tjänste- eller produktsida, kassa och kontaktformulär. Vi går igenom beteendedata där mätningen håller, gör en expertgranskning mot etablerade användbarhetsprinciper och tillgänglighetskrav och levererar en prioriterad lista med konkreta åtgärder.

Hur många behöver vara med i ett användartest?

Jakob Nielsen vid Nielsen Norman Group har visat att ett test med fem användare brukar räcka för att hitta de flesta användbarhetsproblemen i ett flöde, och att flera små testomgångar ger mer än en stor. Vi planerar därför hellre korta tester före och efter en ändring än en enda omfattande studie.

Bygger ni också det som designas?

Ja. Vi arbetar i WordPress och WooCommerce och kan både designa och bygga, eller lämna över skisser och prototyp till er utvecklare. Efter lansering följer vi upp i mätningen, så att det syns om förändringen gjorde det lättare att köpa eller höra av sig.

Vad kostar UX-design?

Vi ger fast pris för en avgränsad UX-analys eller ett designuppdrag, och ett fast månadsarvode om ni vill ha löpande förbättring. Priset står i offerten innan arbetet startar och påverkas av antal flöden, om användartester ingår, antal skärmlägen och om vi också bygger. Se hur vi prissätter på sidan om priser.

08 · KONTAKT

## Vilket flöde ska bli lättare först?

Beskriv sidan eller flödet i kontaktformuläret, ring 070-719 98 58 eller mejla dardan@marknadsavdelningen.com. Vi arbetar på distans med företag i hela Sverige. Behöver ni en helt ny webbplats, se [bygga hemsida](https://marknadsavdelningen.com/bygga-hemsida/).

[Berätta var besökarna fastnar →](https://marknadsavdelningen.com/kontakt/)[Se priser](https://marknadsavdelningen.com/priser/)

FAST PRIS · TESTAT MED ANVÄNDARE · BYGGT I WORDPRESS