Anslut till Senaste Tekniska Nyheter, Bloggar, Recensioner

De 5 stegen i UX-designprocessen

Användarupplevelsedesign är mer än bara ett modeord i branschen – det är en beprövad metod som låter dig verkligen förstå din webbpublik och bygga ett system som glädjer och inspirerar dem att agera.

En stark användarupplevelse, skapad genom en gedigen UX-designprocess, kan fungera som en kanal för ditt varumärke och utveckla kundernas förtroende.

Nedan hittar du de fem stegen i UX-designprocessen som beskrivs för att hjälpa dig att designa exceptionella webbplatsupplevelser för ditt företag.

Steg 1: Upptäckt

En stark grund är avgörande för framgången för alla webbplatsprojekt oavsett storleken på strävan. Det är därför du måste starta din designresa för användarupplevelsen med en planeringsfas.

Denna fas ger både interna och externa intressenter möjlighet att anpassa sig till målen och målen för ditt webbplatsbyggande eller optimeringsprojekt och se till att alla är på samma sida när det gäller att definiera framgång.

Få nyckelspelare i ett rum och brainstorma om följande ämnen för att få bollen i rullning:

  • Hur ser framgången ut för varje intressent?
  • Hur kommer detta projekt att mätas (dvs. skapar vi en webbplats som måste leverera leads? Har vi specifika nyckeltal som vi övervakar?)?
  • Vad är tidslinjen för det här projektet? Finns det några deadlines som måste följas strikt?
  • Finns det några tekniska begränsningar som teamet måste vara medvetna om?
  • Behöver vi följa några specifika riktlinjer för användbarhet?

Vi behöver också göra en del upptäcktsarbete i denna fas för att förstå målgruppen för din webbplats. Vi behöver bygga en produkt som talar till dina webbplatsbesökares önskemål och behov, samtidigt som vi förmedlar att du har en lösning som löser deras problem och gör deras liv enklare och/eller bättre.

Fråga er själva följande:

  • Vem kommer att använda denna webbplats?
  • Vad letar de efter när de väl kommer till vår sida?
  • Vilka är problemen de står inför som skulle få dem att söka din lösning?
  • Vilka är deras mål? Hur definierar de sin egen framgång (och var hänger du ihop)?
  • Vilka händelser utlöser behovet av förändring?
  • Vilken typ av innehåll konsumerar dessa människor?

Och kom ihåg att leda med empati när du tänker på dina användare och deras specifika köpares resor. En framgångsrik designprocess för användarupplevelser fungerar för att förstå varför användare beter sig som de gör på en webbplats och tar sedan hänsyn till dessa resultat (istället för att försöka tvinga användare att bete sig som vi vill att de ska göra).

Steg 2: Definiera

Nu när vi förstår vår webbplatsbesökares önskemål och behov måste vi definiera vår webbplatss informationsarkitektur och innehållsstrategi.

Den första pusselbiten är att förstå hur din nuvarande webbplats fungerar. Engagerar användarna din webbplats och vidtar de önskade åtgärderna? Är innehållet som visas fortfarande relevant för dina användare, dina lösningar och ditt varumärke?

Om du bygger en ny webbplats rekommenderar vi att du avsätter lite tid för att gå igenom varje sida på din nuvarande webbplats och markera om dessa sidor måste behållas på eller tas bort från den nya webbplatsen. Sidor märkta med ‘behåll’ behöver inte heller överföras en-till-en – detta betydde bara att sidinnehållet/riktningen är övergripande på väg i rätt riktning men kan behöva optimeras.

Förfina (eller förnya) din webbplatskarta

Därefter är det dags att bygga ut din webbplatskarta. Även om du inte ser över din nuvarande webbplats, kan du genom att bygga ut en webbplatskarta förstå alla sidor du har på din webbplats och deras hierarkiska relationer till varandra. Titta på varje sida som anges i webbplatskartan och avgör:

  • Målet med sidan
  • Vem är den primära målgruppen för den här sidan (detta bör vara minst en av dina personas från steg 1!)
  • Vilka de primära och sekundära åtgärderna ska vara
  • Vilken typ av innehåll måste finnas på sidan för att stödja målet

Denna information ger dig grunden för din innehållsstrategi för din nya webbplats eller förnyade sida genom att informera dig om innehållet och modulerna som behövs för att framgångsrikt berätta din historia och bygga ut en stark användarresa.

Ta en titt på din huvudnavigering också under denna fas. Du vill säkerställa att din navigering inte bara är tydlig (dvs. den använder vanlig terminologi, inte använder språk som kan betyda något annorlunda för olika webbplatsbesökare) utan också tillåter användare att snabbt och enkelt hitta en väg som är rätt för dem.

Wireframe dina mallar

Wireframes är benen på din webbplats och skapar de fält och funktionalitet som behövs på din mall för att förmedla din fördefinierade innehållsstrategi.

Fokusera på layouten på sidan du förnyar – vad är historien du försöker berätta för dina webbplatsbesökare och vilka åtgärder vill du att de ska vidta?

Det är också viktigt att anpassa sig till ditt team när det gäller troheten hos de wireframes du skapar (det finns tre typer!) så det finns inga överraskningar när det gäller att presentera din uppdaterade strategi för teamet. Vi rekommenderar ofta att du använder medium-fidelity wireframes i detta skede så att du kan kartlägga både skriftligt och visuellt innehåll tydligare och mer effektivt.

Steg 3: Design

Detta är vanligtvis allas favoritdel av användarupplevelseprocessen eftersom det här är första gången du verkligen applicerar ett “utseende och känsla” på det aktuella projektet.

Det här steget fokuserar på användbarheten och funktionaliteten hos våra trådramade sidor för att skapa en design som glädjer och engagerar användaren. Denna design bör också återspegla ditt varumärke.

Börja med din hemsida och skapa en sammanhängande design som ditt team kan diskutera. Gå igenom viktiga intressenter genom din logik och kom ihåg att stödja dig på vanliga designprinciper för användarupplevelsen när du gör ditt ärende.

Vi rekommenderar att du håller dig till ett designkoncept i taget för att förhindra att din webbdesign från Frankensteining (dvs. kombinera två eller flera designkoncept tillsammans för att skapa en, inte sammanhängande mall) och alltid hålla dina användare i framkant av ditt beslutsfattande.

Steg 4: Utveckla och lansera

Det här skedet är där allt kommer ihop. Medan ditt utvecklingsteam håller på att skapa dina nya mallar, lägger ditt innehållsteam sista handen på ditt sidinnehåll för att verkligen driva din användarupplevelse hem.

Iscensätt din nya mall och innehåll innan du publicerar det i produktion. Detta gör det möjligt för intressenter att göra en del användbarhetstester för att säkerställa att användarupplevelsen av den nya webbplatsen eller webbsidan slår igenom.

Om du upptäcker att du är förvirrad över hur webbplatsen fungerar, är chansen stor att dina besökare också blir det. Gör eventuella sista UX-ändringar baserat på dina resultat och sedan kommer du att kunna publicera din webbplats eller webbsida så att världen kan se den!

Steg 5: Analysera och optimera

En UX-designers arbete är aldrig klart! Nu när din nya webbplats eller webbsida har lanserats är det dags att övervaka och justera baserat på den data du samlar in.

Kommer du ihåg de mål som fastställdes i steg 1? Skapa en Google Analytics- eller HubSpot-rapport baserat på dessa mätvärden för att hjälpa dig mäta dina resultat och rapportera tillbaka till ditt team om resultaten.

Dessa resultat hjälper dig inte bara att bättre förstå dina webbplatsbesökare och hur de interagerar med din nya webbplats eller webbplatssida, utan gör det också möjligt för dig att fatta datadrivna beslut och vara proaktiv med dina webbplatsoptimeringar.

Och där har du det! Genom att följa dessa fem steg kommer du att vara på god väg att skapa förtjusande webbplatsupplevelser som vänder sig till din målgrupp och som bygger grunden för varaktiga kundrelationer.