Examensarbete

UXGUIDEN.SE

UXguiden är en steg-för-steg-guide för nyföretagare som vill bygga en professionell och användarvänlig webbplats – utan förkunskaper i UX eller design. Guiden gör UX enkelt, praktiskt och direkt tillämpbart.

Projektets resa

Vecka 1

Idéfasen

Idefasen utgick från insikten att många nyföretagare saknar tydlig vägledning kring UX och webbstruktur, vilket ledde till konceptet om en enkel, steg-för-steg-guide som gör UX begripligt för icke-designers.

Vecka 2

Prototyputveckling & Testning

Jag utvecklade de första prototyperna och testade dem med riktiga användare för att samla in värdefull feedback.

Vecka 3

Bygga webbsidan

Lösningen byggdes och implementerades i wordpress, med fokus på enkel struktur, tydlig navigation och möjlighet till vidareutveckling.

Vecka 4

Resultat

Resultatet blev en färdig UX-guide som ger nyföretagare praktiskt stöd för att skapa användarvänliga och professionella webbplatser.

Design thinking metod

Design thinking

Projektet genomfördes med Design Thinking som metodramverk för att säkerställa ett användarcentrerat arbetssätt. Genom faserna Empathize, Define, Ideate, Prototype, Test och Implement kunde UXguiden utvecklas iterativt, med fokus på tydlighet, enkelhet och verkliga behov hos målgruppen. Metoden gav stöd i både prioriteringar och designbeslut genom hela processen.

Empathize – Research

Researchfasen fokuserade på att förstå nyföretagares behov, osäkerheter och beteenden kopplade till att skapa en webbplats utan UX- eller designerfarenhet. Genom omvärlds- och konkurrentanalys identifierades återkommande problem, som brist på vägledning, för tekniskt språk och splittrade resurser. Insikterna låg till grund för guidens pedagogiska ton, struktur och innehåll.

Define – Insikter & problemformulering

Utifrån intervjuer och insamlad research analyserades återkommande mönster, behov och frustrationer hos målgruppen. Detta låg till grund för en tydlig problemformulering och definierade de viktigaste utmaningarna som UX-guiden skulle lösa, såsom brist på struktur, osäkerhet kring UX-beslut och behovet av enkel, praktisk vägledning.

Ideate – Idégenerering

I idégenereringsfasen utforskades olika sätt att förmedla UX-kunskap på ett begripligt och praktiskt sätt. Fokus låg på att bryta ner komplexa begrepp till tydliga steg. Detta resulterade i konceptet om en webbaserad UX-guide uppdelad i 11 kapitel, där varje kapitel behandlar ett tydligt moment i processen att skapa en webbplats.

Prototype – Tidiga versioner

Arbetet med prototypen inleddes genom att bygga en första version av UX-guiden direkt i WordPress. Detta gjorde det möjligt att tidigt testa struktur, innehåll och helhetsflöde i en verklig kontext, snarare än i statiska wireframes. Fokus låg på att skapa en tydlig steg-för-steg-struktur, anpassad för användare utan tidigare erfarenhet av UX eller webbdesign. Under denna fas gjordes flera iterationer där språk, rubriker och innehållshierarki justerades för att sänka tröskeln och göra guiden så lättillgänglig som möjligt.

Test – Feedback och iterationer

Testning skedde löpande genom informella användartester och feedback från personer i målgruppen, främst nyföretagare och personer utan designerfarenhet. Testerna fokuserade på förståelse, tydlighet och navigerbarhet – till exempel om användaren snabbt förstod vad nästa steg var och om innehållet upplevdes som överväldigande eller hanterbart. Feedbacken användes för att förbättra navigation, förenkla språket och förtydliga instruktioner, vilket resulterade i en mer pedagogisk och användarvänlig guide.

Resultatet - UXGUIDEN.SE

Resultatet blev en färdig UX-guide i form av en webbplats som ger nyföretagare ett tydligt, lättillgängligt och praktiskt stöd i hur man bygger en professionell och användarvänlig webbplats. Guiden är uppdelad i 11 tydliga delar som tillsammans samlar centrala UX-grunder i en strukturerad steg-för-steg-process och gör ett annars komplext område begripligt även för personer utan tidigare erfarenhet av design eller webb.

Lösningen är utformad för att fungera lika bra på både mobil och desktop, vilket gör guiden enkel att ta till sig oavsett när och hur användaren arbetar med sin webbplats. Innehållet är uppdelat i lättnavigerade kapitel med fokus på konkret nytta, vilket gör att användaren snabbt kan hitta rätt och omsätta råden i praktiken. Resultatet är en tillgänglig, användarvänlig och skalbar guide som sänker tröskeln för att skapa webbplatser som faktiskt fungerar för både företag och besökare.

Kapitel

Delar i guiden

1. Starta med besökaren i fokus

I del 1 handlar det om att börja med besökaren, vem webbplatsen är till för och vad den ska uppnå.

2. Planera webbplatsen

I del 2 går guiden igenom hur man sätter tydliga mål och planerar innehållet innan man börjar bygga.

3. Domännamn

Del 3 ger enkla riktlinjer för att välja ett domännamn som känns seriöst och är lätt att minnas.

4. Struktur & Navigation

I del 4 visar guiden hur man skapar en tydlig struktur och navigation så att besökaren snabbt hittar rätt.

5. Innehåll & Text

I del 5 handlar det om hur man skriver tydlig och lättläst webbtext som besökare snabbt förstår.

6. Design & UX-principer

Del 6 tar upp enkla design- och UX-principer som gör webbplatsen mer professionell och trovärdig.

7. Tillgänglighet & WCAG

I del 7 fokuserar guiden på tillgänglighet och hur små justeringar kan göra webbplatsen användbar för fler.

8. Funktioner & Verktyg

I del 8 går man igenom vilka funktioner som faktiskt behövs, som till exempel SEO, och hur man använder dem på ett smart sätt.

9. Testa innan publicering

I del 9 visar guiden hur man testar webbplatsen ur besökarens perspektiv innan publicering, så att allt fungerar som det ska.

10. Publicera & Underhåll

I del 10 handlar det om hur man håller webbplatsen uppdaterad och relevant även efter att den är publicerad.

11. Säkerhet & Sekretess

I del 11 går guiden igenom grunderna i säkerhet och sekretess, som SSL och hantering av personuppgifter, på ett enkelt och lättförståeligt sätt.

Insikter & framtida möjligheter

Projektet visar hur tydlig struktur, enkelt språk och ett konsekvent användarfokus kan göra UX-kunskap tillgänglig för en bredare målgrupp, även för personer utan tidigare erfarenhet av design eller webb. En central insikt under arbetets gång var att god användarvänlighet sällan handlar om avancerade visuella lösningar, utan snarare om att fatta tydliga, genomtänkta beslut kring innehåll, struktur och flöden som utgår från användarens behov.

Nästa steg i projektet är att testa hur väl guiden fungerar i praktiken, genom att låta nyföretagare använda den som stöd vid skapandet av egna webbplatser. Genom användartester och feedback kan guiden vidareutvecklas och förfinas för att bli ännu mer träffsäker och lätt att använda.

På längre sikt finns goda möjligheter att utveckla guiden med fler visuella exempel, interaktiva moment, checklistor och mallar, samt att skapa anpassade versioner för olika typer av företag och branscher. På så sätt kan UXguiden fortsätta växa som ett praktiskt verktyg som hjälper fler att bygga webbplatser som både fungerar för användaren och stärker affären.

Se projektet live på UXguiden.se