"Användarupplevelse" är ett brett begrepp som blir bandied runt på möten och bytts med "användargränssnitt" som om de två är desamma - det är de inte. Denna förvirring har antagligen påverkat din karriär som UX och webbdesign roller har långsamt börjat överlappa varandra. Även dina kunder kan vara förvirrade över vad exakt ditt jobb är.

Gilla det eller inte, har UX en stor inverkan på vad webdesigners gör. Du kan skapa den bästa designen i världen, men det kommer inte att lyckas om det inte är användbart. Och det kommer inte att vara användbart om du inte vet en liten UX-strategi. Dessa UX-lektioner lär dig hur du kan förbättra projektens användbarhet och göra dig oumbärlig för dina kunder.

1) UX är inte användargränssnitt

Även om du inte byter ut termen "UX" och "UI", kommer du troligen att höra dina kunder säga det vid någon tidpunkt. Du måste kunna förklara skillnaden mellan UX och UI så att de kan förstå vad som är och inte ditt jobb.

Användargränssnittet refererar till själva systemet ... Användarupplevelse handlar om känslorna ...

Användargränssnittet refererar till det faktiska systemet som klienten samverkar med. Layouten på en iPhone inställningsmeny är ett användargränssnitt. Användarupplevelse handlar om de känslor gränssnittet framkallar under den interaktionen. Användarens nöjd med en lättanvänd inställningsmeny är användarupplevelse.

I huvudsak är UX totaliteten av de känslor som följer av användargränssnittet. Goda UX-designers förstår mänskliga känslor och användarbeteende, eftersom dessa saker påverkar hur användarna svarar på ett gränssnitt.

2) UX är inte bara en "web sak"

Webbdesign är bara en liten del av UX. Varje utskriftsdesign du ser, produkt du använder, och till och med lägger dig, har också UX. Att äta på en hemsk restaurang är en dålig upplevelse. Det är enkelt att öppna ett paket.

Offline UX-design kan verka som ett annat bollspel - trots allt skapar en navigerbar webbplats inte samma sak som att utforma en sportbil för att människor ska köra på riktiga vägar, men i verkligheten påverkar de två typerna av UX varandra.

Navstänger är ett bra exempel på hur webben och fysiska världar överlappar varandra. Webbplatsnavigering brukade vara på vänster sida av sidan, men någon insåg att vi prioriterar information från vänster till höger meningsinnehåll bör vara till vänster. Vid början av 2000-talet flyttade navstängerna till höger om visningsporten.

Om du är webbdesigner gör det aldrig ont om att borsta på tryck, förpackning eller andra typer av fysisk UX-design. Denna övning ökar din kunskap och hjälper dig att se projekt från ett nytt perspektiv.

3) UX är konst och vetenskap kombinerad

Konst och vetenskap gör ett udda par, men det är i huvudsak vad UX är. Förstå hur UX kombinerar konst och vetenskap gör att du kan förfina din designprocess för att nå lösningar lättare.

UX är vetenskapligt eftersom det utgör ett problemlösningsscenario där designern utgör en teori om hur man åtgärdar problemet. Så låt oss säga att problemet är en föråldrad webbplats som skadar försäljningen. Designern föreslår ett sätt att uppdatera webbplatsen; genom testning och anpassning utvecklas förslaget till en lösning.

Lösningen är där konsten kommer in. Färger, teckensnitt, layout etc. kombineras för att skapa en estetiskt tilltalande helhet. Som med att visa konst i ett galleri framkallar designen ett känslomässigt svar, vilket i sin tur ger ett utåtriktat beteende.

4) UX skapar måldriven design

Varje designer har tagit hand om kunder som insisterade på att ha saker på egen väg. Detta skapar en överraskning, eftersom kundens sätt kanske inte är det enda eller bästa sättet att lösa det specifika problemet. På samma sätt tror vissa designers att deras sätt är det enda sättet och kommer inte att lyssna på några andra idéer - även om dessa idéer kan fungera bättre.

I stället för att ta detta ensidiga tillvägagångssätt, kommer UX från att använda måldriven design för att leta efter den mest effektiva lösningen.

Låt oss säga att din kund vill flytta sina kundomdömen länken till toppen av sidan så att det blir mer trafik. Men problemet är inte nödvändigtvis länkens plats; det är att länken behöver mer trafik. Du kan också lösa problemet genom att göra länken mer synlig där den är på. Endera lösningen kommer att lösa problemet; Att vara öppen för dessa alternativ är måldriven design.

5) UX visar ditt varumärke

Bra UX-design speglar varumärkets identitet, så det kräver att du stannar i klientens mål.

En gång i taget kan du befinner dig i en designtrance. Färgerna kommer lätt, typ passar ihop, bilderna är fantasifulla - och ingen av dem matchar din kunds varumärkesidentitet.

Det är absolut nödvändigt att du inte blir fast i att skapa en titt som inte uppfyller kundens behov. Och medan det låter nästan skrattret, sker det mycket lättare (och ofta) än vad du kan förvänta dig.

Bra UX-design speglar varumärkets identitet, så det kräver att du stannar i klientens mål. Se till att du ställer frågor om varumärket i förskott och schemalägger regelbunden inmatning från intressenter, som kommer att kunna berätta om du sticker med varumärket eller avviker bort.

6) UX design för användaren

Det låter lurt att säga "design för användaren", eftersom det är vad UX är. Ändå är många webbdesigners ofta offer för sin egen kreativitet. Deras konstruktioner har alla klockor och visselpipor - och till och med möter kundens förväntningar - men de kan fortfarande inte uppfylla användarens behov.

Att utforma för användaren kräver att du gör något som ofta är svårt för reklam: släpp din åsikt. Medan du kanske ser något som bäst kan det inte vara bäst för den situationen .

För att vara säker på att du är på rätt spår vill du lära dig några riktlinjer för användardriven design. En bra tumregel är att börja med att undersöka olika typer av användare och kartlägga hur de använder webbplatsen du jobbar med. Innan du släpper den färdiga konstruktionen använder du A / B-testning för att verifiera att du har nått den bästa lösningen.

7) Identifiera beteende triggers

Bra UX-design är starkt beroende av psykologi. Den snygga delen är, UX-designers lär inte bara användarnas tendenser - de kan utlösa nya beteenden som leder till omvandlingar. Men det finns en rätt och fel sätt att göra det.

Ta meddelanden, till exempel. De är avsedda att gna ett beteende, men det är lätt att glömma att faktiskt göra beteendet tar tid och ansträngning för användaren. Vissa designers bombar användarna med anmälningar vid de värsta tiderna och undrar varför det inte finns något svar.

Tricket är att undersöka hur användarnas motivation förändras under hela dagen, så att du kan meddela meddelanden i enlighet med detta. Att ta emot en anmälan på väg till jobbet kommer till exempel inte att göra något bra, eftersom användaren har ett konkurrerande och brådskande mål att komma till jobbet. Men samma meddelande som mottas på vägen hem får mer uppmärksamhet, för nu har användaren faktiskt tid att delta i beteendet.

Ditt mål är att ge användarna en bra lösning. för att hjälpa sin dag att bli mjukare på något sätt. Ju mer du spelar för sina önskningar och vanor, ju mer framgångsrik kommer din design att vara.

8) Uppmuntra rullning

Scrolling skickar användare djupare in på webbplatsen och ber dem att investera mer tid - vilket gör dem mer benägna att konvertera. Därför lägger vissa designers sina anrop till handling längst ner på sidan, där användarna måste rulla för att komma till dem.

Till och med ovanförda sidor - vilket gör uppmaningen till handling högst upp på sidan för att optimera "Kärlek vid första ögonkastet" principen - kan främja rullning Du kan uppmuntra användare att spendera mer tid på webbplatsen med "bläddringssignaler", som en pil som pekar ner till nästa avsnitt eller delvis synlig text som kräver att användarna bläddrar för att fortsätta läsa.

9) Fråga dig själv, "Vad har användaren gjort?"

Innan du kan börja lösa ett problem måste du förstå vad exakt problemet är. Du vill analysera användarens erfarenhet på din nuvarande webbplats. Ställ de rätta frågorna för att få reda på hur de interagerar med webbplatsen nu, vad som fungerar och vad som går fel.

Om möjligt, få lite hjälp från kundtjänstavdelningen. Samla sina anteckningar om problem som kunderna har klagat över eller lyssna på inspelningar av frustrerade kunder. Ofta kommer du att lära dig om designproblem medan kunderna rantar om vad som gick fel senast när de försökte använda webbplatsen.

10) Låt innehåll definiera interaktionen

UX handlar inte bara om de ikoner som användare klickar eller färgerna på sidan. Nästan allt besökare ser är innehåll - om det är skrivning, bilder eller videor. Ändå hoppas många designers helt och hållet prata med innehållslaget eller utveckla någon form av innehållsstrategi.

En snygg webbplats är i princip användbar såvida du inte säkerhetskopiera det med starkt innehåll . Så på din nästa design, börja ställa frågor. Redojer du om en webbplats som redan har en röst - och i så fall hur ska du införliva det? Eller hjälper det att ställa in tonen för en helt ny webbplats?

Målet är att skapa innehåll som är lätt att absorbera och bearbeta. Du vill i slutändan att dina användare känner som om en vän guidar dem via webbplatsen, eftersom en vän skulle veta exakt vad de vill ha och visa dem var det är.

11) Skapa inte inkonsekvens

Användare som känner sig förvirrade är mer benägna att bli frustrerade - även om de inte har ordförrådet att säga varför ...

Inkonsekvens är en av de största problemen användarna hanterar . Ändå försöker många designers att göra sina mönster mer kreativa eller minnesvärda med avsiktliga inkonsekvenser i färg eller stil.

Låt oss säga att du använde en nav-burger på din hemsida, medan en annan målsida har en rullgardinsmeny. Båda ikonerna gör tekniskt samma jobb, och hemsidan har sitt eget unika utseende. Däremot utvecklade användarna ett intryck av din webbplats medan de var på hemsidan. Att se en annan typ av navigering på andra sidor står i konflikt med deras första intryck, vilket skapar förvirring.

Användare som känner sig förvirrade är mer benägna att bli frustrerade - även om de inte har ordförrådet att säga varför - och de kommer inte tillbaka. En konsekvent plats, å andra sidan, låter dem ta hand om sin verksamhet utan att överväga dina stilistiska val.

12) Eliminera meningslösa sidelement

UX-designen har utvecklats mycket under det senaste decenniet, då internet kasta sin gawky teenagefas och morfades till en sofistikerad vuxen. Borta är dagarna med alltför ljusa färger och navlänkar spridda över hela sidan. Dagens webbplats är strömlinjeformad för bra UX .

Så varför nämner eliminering av meningslösa sidelement? Eftersom "meningslöst" har blivit mycket mer subtilt. Människor gör inte samma grymma misstag - ja, i de flesta fall. Idag kan ett meningslöst sidelement vara ett anrop till handling med två kommandon istället för en, eller en bild som drar ögat bort från var den ska gå.

För att bli av med dessa saker måste du lära dig hur man mäter ett elements värde. Ett bra sätt att kontrollera om värdelösa element är att komma in i användarens tankeställning - fråga dig själv hur varje element får dig att känna och om det hjälpte dig att nå ditt mål.

Slutsats

Du kanske inte är en UX-designer. Men när du börjar tillämpa principerna för bra UX-design på dina webbdesigner, hittar du dig själv att skapa bättre och effektivare webbplatser. Det är trots allt ett mål med en bra design - att vägleda användaren till den information de behöver och visa dem vad man ska göra med det. Med hjälp av dessa tips kan du implementera UX-designen och gnista en positiv reaktion på dina webbplatsers användare.