\n I takt med att webbplatser har vuxit fr\u00e5n bara informationsportaler till viktiga aff\u00e4rstillg\u00e5ngar har anv\u00e4ndarupplevelsen av webbplatser vuxit i betydelse. Dessutom konkurrerar din webbplats inte bara med andra webbplatser, utan den f\u00f6rs\u00f6ker ocks\u00e5 avv\u00e4rja konkurrensen fr\u00e5n mobilappar.\n<\/p>\n
\n Appar \u00e4r mycket snabbare och anv\u00e4ndarna tycker att de \u00e4r l\u00e4ttare att anv\u00e4nda. Men bra UX-design kan f\u00e5 din webbplats att fungera mycket snabbare \u00e4n vad den \u00e4r f\u00f6r n\u00e4rvarande.\n<\/p>\n
\n Principerna f\u00f6r bra design f\u00f6r anv\u00e4ndarupplevelser har nu lagts upp i detalj av ett antal experter. Utmaningen f\u00f6r ditt UX-team \u00e4r hur du kommer att implementera dessa principer n\u00e4r de g\u00e4ller f\u00f6r din webbplats.\n<\/p>\n
\n Varje f\u00f6retag har olika v\u00e4rderingar, produkter och m\u00e5lgrupp. Det \u00e4r viktigt att l\u00e4gga mycket tid p\u00e5 att integrera UX-principer med det egna f\u00f6retagets varum\u00e4rke. Samtidigt m\u00e5ste du g\u00f6ra din webbplats s\u00e5 enkel att anv\u00e4nda som m\u00f6jligt f\u00f6r slutanv\u00e4ndarna.\n<\/p>\n
\n Misstag i UX-design g\u00f6rs p\u00e5 tv\u00e5 olika niv\u00e5er, och de \u00e4r slutdesign och teamprotokoll. N\u00e5gra av de mest k\u00e4nda UX-felen p\u00e5 webben har intr\u00e4ffat p\u00e5 grund av hur teamen \u00e4r strukturerade.\n<\/p>\n
\n Men n\u00e4r f\u00f6retag analyserar sina egna misslyckanden fokuserar de p\u00e5 specifika UX-designelement. Vi kommer f\u00f6rst att fokusera p\u00e5 de vanliga UX-designmisstagen och sedan g\u00e5 vidare till de f\u00f6ga k\u00e4nda underliggande faktorerna som leder till dessa misstag.\n<\/p>\n
\n Det brukade vara s\u00e5 att webbplatser bara kr\u00e4vde inloggningar n\u00e4r anv\u00e4ndaren beh\u00f6vde ett konto f\u00f6r n\u00e5gon tj\u00e4nst. Det kan vara media, prenumerationer, e-post eller hur m\u00e5nga saker som helst. N\u00e5gonstans l\u00e4ngs linjen beslutade UX-designers (eller webbadministrat\u00f6rer) att det var b\u00e4ttre att kr\u00e4va inloggning f\u00f6r allt inklusive att l\u00e4sa artiklar eller anv\u00e4nda en webbtj\u00e4nst gratis.\n<\/p>\n
\n Det \u00e4r tr\u00e5kigt nog f\u00f6r anv\u00e4ndare att komma ih\u00e5g och hantera inloggningsuppgifter f\u00f6r n\u00f6dv\u00e4ndiga tj\u00e4nster. L\u00e4gg inte till deras sm\u00e4rta genom att kr\u00e4va att de registrerar sig p\u00e5 din webbplats f\u00f6r att g\u00f6ra n\u00e5gonting. Be dem bara logga in:\n<\/p>\n
\n Detta \u00e4r \u00e4nnu en taktik som m\u00e5nga webbplatser har tagit till f\u00f6r att f\u00e5 fler e-postadresser f\u00f6r nyhetsbrev och marknadsf\u00f6ringsmejl. Webbplatser ber rutinm\u00e4ssigt anv\u00e4ndare att ange sina e-postadresser och sedan skicka URL:er till webbsidor, PDF-filer eller andra medier.\n<\/p>\n
\n Det irriterande f\u00f6r anv\u00e4ndarna \u00e4r att de f\u00e5r l\u00e4nkar till sidor som annars \u00e4r tillg\u00e4ngliga genom att bara skriva in adressen i webbl\u00e4saren. Varf\u00f6r l\u00e4gga till ett extra steg som inte ger anv\u00e4ndaren n\u00e5got v\u00e4rde? \u00c4ven om detta verkar vara ett utm\u00e4rkt s\u00e4tt att f\u00e5 en bes\u00f6kares e-postmeddelanden och l\u00e4gga till en potentiell kund, st\u00e4nger det m\u00e5nga m\u00e4nniskor av och de kan helt enkelt flytta bort fr\u00e5n din webbplats.\n<\/p>\n
\n Ja, vi har alla h\u00f6rt att om du vill bli uppm\u00e4rksammad m\u00e5ste du sticka ut fr\u00e5n m\u00e4ngden. Du beh\u00f6ver en design som \u00e4r annorlunda, ny och i\u00f6gonfallande. Problemet \u00e4r att de flesta s\u00e5dana designs s\u00e4tter UI-konventioner p\u00e5 huvudet och f\u00f6rvirrar bes\u00f6karna utan slut. UX-designers undrar sedan varf\u00f6r folk inte stannar p\u00e5 deras webbplats, \u00e4ven med en annan design.\n<\/p>\n
\n Saken \u00e4r den:\n<\/p>\n
\n Du kan visa mycket kreativitet \u00e4ven inom dessa universella UI-riktlinjer, men g\u00e5 inte \u00f6verbord. Om du vill kan du A\/B-testa din galna design med en mer standard. Du kommer att uppt\u00e4cka att en mer standardiserad webbplats kan f\u00f6rb\u00e4ttra dina omvandlingsfrekvenser.\n<\/p>\n
\n Alla webbplatser tenderar att ha en feedbackl\u00e4nk p\u00e5 sin webbplats idag, men de finns bara f\u00f6r att ge anv\u00e4ndarna ett intryck av att du bryr dig. Problemet \u00e4r att m\u00e5nga UX-designers inte tar h\u00e4nsyn till den feedbacken n\u00e4r de utvecklar sin design. H\u00e4r \u00e4r n\u00e5gra fakta:\n<\/p>\n
\n Vad s\u00e4ger detta dig? All UX-feedback du f\u00e5r \u00e4r en extrem reaktion. Om en bes\u00f6kare \u00e4r mycket missn\u00f6jd med n\u00e5gon del av din webbplats (funktionellt), betyder det att det finns hundratals eller tusentals andra som helt enkelt kan ha flyttat fr\u00e5n den p\u00e5 grund av det felet. Ta regelbunden inventering av feedback (kanske en g\u00e5ng i m\u00e5naden) och inf\u00f6rliva dem i dina beslut.\n<\/p>\n
\n En design som g\u00f6r din webbplats enklare att anv\u00e4nda och skapar ett intuitivt fl\u00f6de \u00e4r bra f\u00f6r din konverteringsfrekvens. M\u00e5nga UX-designers \u00e4r dock s\u00e5 f\u00f6rtjusta i detta att de tenderar att l\u00e4gga till m\u00e5nga funktioner f\u00f6r att g\u00f6ra saker \u00e4nnu enklare. Samtidigt v\u00e4xer den tekniska stapeln under all den erfarenheten st\u00f6rre. Det saktar i slut\u00e4ndan ner din webbplats och det \u00e4r ett tydligt UX-antim\u00f6nster.\n<\/p>\n
\n Innan du l\u00e4gger till funktioner b\u00f6r du t\u00e4nka p\u00e5:\n<\/p>\n
\n Om du m\u00e5ste v\u00e4lja mellan funktioner och hastighet, v\u00e4lj alltid hastighet eftersom en smidig UX h\u00e5ller anv\u00e4ndarna p\u00e5 din webbplats och f\u00f6rb\u00e4ttrar deras konverteringsm\u00f6jligheter mycket mer \u00e4n vad funktioner g\u00f6r.\n<\/p>\n
\n Ja, enkelt \u00e4r b\u00e4ttre men det betyder inte att du stryker ut allt som ser on\u00f6digt ut. Vi ser allt oftare bloggar och webbplatser:\n<\/p>\n
\n Allt detta kan f\u00e5 din webbplats att se v\u00e4ldigt ren ut, men det \u00e4r ocks\u00e5 f\u00f6r f\u00f6rvirrande f\u00f6r anv\u00e4ndarna. M\u00e5nga av dem k\u00e4nner att de l\u00e4ser i ett vakuum utan kontext. Du kan undvika att l\u00e4gga on\u00f6diga l\u00e4nkar p\u00e5 din startsida, men g\u00f6r navigeringsl\u00e4nkarna mycket synliga.\n<\/p>\n
\n Hemsidan \u00e4r den viktigaste m\u00e5lsidan p\u00e5 din webbplats. Det r\u00e5der ingen tvekan om det, men det \u00e4r bara f\u00f6r att f\u00e5 anv\u00e4ndare till din webbplats. Du vill att bes\u00f6kare ska g\u00e5 till de andra sidorna d\u00e4rifr\u00e5n och tj\u00e4na lite pengar till dig genom att k\u00f6pa dina produkter eller tj\u00e4nster. Om du inte har en lika bra design f\u00f6r de sidorna kommer du att se dem l\u00e4mna din sida bara f\u00f6r att de inte f\u00e5r som de vill ha.\n<\/p>\n
\n Att prioritera UX p\u00e5 startsidan framf\u00f6r andra s\u00e4nker din konverteringsfrekvens avsev\u00e4rt. F\u00e5 f\u00f6retag ser p\u00e5 det h\u00e4r s\u00e4ttet. De f\u00f6rs\u00f6ker g\u00f6ra sin hemsida \u00e4nnu b\u00e4ttre och sedan luta sig tillbaka och titta p\u00e5 samma resultat.\n<\/p>\n
\n M\u00e5nga stora f\u00f6retag tenderar att ha ett team som g\u00f6r UX-forskning \u00e5t dem och l\u00e4mnar \u00f6ver riktlinjer till ett designteam. Problemet med detta \u00e4r att:\n<\/p>\n
\n Du beh\u00f6ver ditt UX-forskarteam vara detsamma som designteamet, vilket leder till en mer sammanh\u00e4ngande UX-design som \u00e4r vettig f\u00f6r dig s\u00e5v\u00e4l som slutanv\u00e4ndaren.\n<\/p>\n
\n Uppm\u00e4rksamhet p\u00e5 detaljer \u00e4r en buzz fras dessa dagar. UX-team ser hur Apple och andra ledande f\u00f6retag uppm\u00e4rksammar de minsta UX-attributen, och de vill g\u00f6ra detsamma. Vad de inte inser att framg\u00e5ngsrik design har f\u00e4rre detaljer att uppm\u00e4rksamma.\n<\/p>\n
\n Du kan ha f\u00f6r m\u00e5nga funktioner och sedan fokusera p\u00e5 dem alla. Detta sl\u00f6sar mycket av ditt UX-teams resurser och har mycket d\u00e5lig ROI. Det b\u00e4sta s\u00e4ttet att hantera detta \u00e4r att f\u00f6rst g\u00f6ra din UX enkel och sedan finjustera detaljer.\n<\/p>\n
\n I ena \u00e4nden av spektrumet finns det UX-team som arbetar med f\u00f6r m\u00e5nga riktlinjer och begr\u00e4nsningar. \u00c5 andra sidan finns det team som g\u00e5r helt fria att uttrycka sin kreativitet med anv\u00e4ndarupplevelse. Detta slutar mestadels som en r\u00f6rig r\u00f6ra av UI-element och en mycket f\u00f6rvirrande upplevelse f\u00f6r anv\u00e4ndarna. Alla team b\u00f6r arbeta med vissa riktlinjer som \u00e4r i linje med varum\u00e4rket och vad anv\u00e4ndarna f\u00f6rv\u00e4ntar sig n\u00e4r de bes\u00f6ker din webbplats.\n<\/p>\n
\n Eftersom mycket webbdesign har underl\u00e4ttats av HTML5, CSS3 och JavaScript har det skett en explosion i antalet tillg\u00e4ngliga verktyg f\u00f6r att designa anv\u00e4ndargr\u00e4nssnitt. M\u00e5nga av dem rakar verkligen bort timmar och dagar fr\u00e5n den tid som kr\u00e4vs f\u00f6r att ta en webbplats fr\u00e5n id\u00e9 till implementering.\n<\/p>\n
\n M\u00e5nga f\u00f6retag \u00e4r dock f\u00f6rtjusta i sj\u00e4lva verktygen och forts\u00e4tter att utv\u00e4rdera nya varje vecka. Detta sl\u00f6sar mycket tid. Det mest effektiva s\u00e4ttet att g\u00e5 till v\u00e4ga f\u00f6r din UX-designprocess \u00e4r att v\u00e4lja ett verktyg efter att ha utv\u00e4rderat och spendera tid p\u00e5 att l\u00e4ra sig dess ins och outs.\n<\/p>\n
\n Detta \u00e4r ett klassiskt UX-misstag som oftast g\u00f6rs av medelstora och stora f\u00f6retag. Dina bes\u00f6kare vill inte ha n\u00e5got att g\u00f6ra med dina interna avdelningar. S\u00e5 sluta skapa navigeringsmenyer efter roller och andra. Fokusera ist\u00e4llet p\u00e5 produkter och hitta s\u00e4tt att hj\u00e4lpa kunder att n\u00e5 den sida de vill ha p\u00e5 kortast m\u00f6jliga tid. Att beh\u00f6va klicka sig igenom ett dussin l\u00e4nkar f\u00f6r att n\u00e5 en viss sida \u00e4r en stor avst\u00e4ngning f\u00f6r bes\u00f6karna.\n<\/p>\n
\n Om ditt UX-team m\u00e5ste gr\u00e4va igenom dussintals sidor f\u00f6r att avg\u00f6ra om ett visst UX-beslut st\u00e4mmer \u00f6verens med riktlinjerna, har du f\u00f6rmodligen f\u00f6r mycket dokumentation. Du m\u00e5ste t\u00e4nka om dina riktlinjer och ta en st\u00f6rre bild. Det \u00e4r b\u00e4st att ha:\n<\/p>\n
\n Detta kommer att g\u00f6ra det mycket l\u00e4ttare f\u00f6r designteam f\u00f6r anv\u00e4ndarupplevelser att komma med praktiska gr\u00e4nssnitt och fl\u00f6den f\u00f6r dina kunder.\n<\/p>\n
\n En vattenfallsdesign \u00e4r n\u00e4r alla UX-beslut fattas innan du implementerar ens en liten del av designen. Det som h\u00e4nder \u00e4r att teamen som implementerar designen hittar vissa UI-element, som inte \u00e4r kompatibla med varandra, och det dyker bara upp under utvecklingen. Det \u00e4r d\u00e4rf\u00f6r det \u00e4r viktigt att prototypa dina m\u00f6nster i realtid, s\u00e5 att du vet vad som \u00e4r praktiskt och inte.\n<\/p>\n
\n Att undvika dessa misstag med design av anv\u00e4ndarupplevelser kr\u00e4ver mycket arbete eftersom de inte m\u00e4rks direkt. Det tar visserligen lite tid till en b\u00f6rjan, men sedan \u00e4r det vad som kr\u00e4vs f\u00f6r att f\u00e5 fler kunder i h\u00e5rd konkurrens.\n<\/p>\n<\/p>\n