10 UX-regler som varje webbdesigner bör leva efter
Du kan skapa den mest häftiga designen i världen och det kommer inte att lyckas om det inte tillfredsställer användbarheten.
Allt från en tandpetare till ett kommersiellt flygplan kräver användbarhet för att fungera och sälja, annars är dess design dömd. På liknande sätt, i webbvärlden kommer en term som kallas UX att spela när en webbplats används och betygsätts.
UX är en förkortning för användarupplevelse en webbanvändare förvärvar när de surfar på en webbplats och interagerar med dess element och funktioner. Om upplevelsen är hackig och malsökt, då är webbplatsen ingenting genom att flyta skräp på internet ingen kommer att bry sig om. UX kan på egen hand bestämma om en webbplats kan användas eller säljas, vilket gör att den räknas är absolut nödvändigt för designern. I den här artikeln kommer vi att dela med oss av 10 kardinalregler angående användbarhet som varje webbdesigner måste känna till innan den tar webbplatsen till dess slutliga faser.
1 Missta aldrig UX med UI
Det finns en fin linje mellan UX och UI. Även om du är medveten om skillnaden, kanske du hör det från klienten på en eller annan punkt, men när det är dags måste du kunna förklara skillnaden på bästa möjliga sätt. Användargränssnitt definieras som det faktiska systemet medan User Experience definieras som det känslomässiga resultatet efter att ha interagerat med systemet.
Microsoft Windows är användargränssnittet medan den känslomässiga tillfredsställelsen efter att ha använt det är UX. Att blanda ihop de två termerna kan inte bara skada ditt eget arbete utan också överbelasta dig med något som helt inte är ditt jobb.
En bra designer kommer inte bara att känna till skillnaden utan också kunna förklara det för kunden när han föreslår en pitch för att presentera sitt arbete.
2 UX är mer än bara webbplatsupplevelse
Webbdesign är mer än vad som möter ögat. Allt från de visuella detaljerna, produkten du använder och de platser du besöker har UX skrivet över det hela. Att köra en trashig bil är en dålig upplevelse, medan det är bra att lätt öppna en packad låda. Offline UX-marknadsföring kan verka som en annan klänning men ursprungligen skuren från samma tyg. Även om det inte är helt samma sak och inte kan motiveras med några exempel, producerar UX-upplevelse i en materiell och immateriell plattform samma hormoner i din hjärna. Till exempel upptäckte någon att människor prioriterar information från vänster till höger och element till vänster tar mindre vertikalt utrymme och har lika stor visuell vikt.
Under år 2000 började trenden förändras och webbdesigners började placera navigeringsfält till den vänstra panelen på webbsidan. Detta gjorde det möjligt för användare att skanna innehåll snabbare och bättre, samtidigt som det gav större exponering för webbplatsens innehåll. Som webbdesigner, med fötterna i båda medierna, kan du träna ditt sinne och utöka din kunskap för att bedöma och producera projekt från ett livligare perspektiv.
3 Konst och vetenskap går långt tillbaka
Konst och vetenskap går hand i hand när det kommer till UX. Att ha en förfinad förståelse för deras band är absolut nödvändigt, särskilt under designprocessen. Vetenskapligt finns det ett problemlösningsscenario där designern måste lägga upp en färdplan och ta itu med problemen med en teoretisk lösning. Till exempel är en webbplats drastiskt låg på sin försäljning. Designern kommer att föreslå att du uppdaterar webbplatsen, testar och felsöker den som kommer att bli en lösning. Det är här konsten kliver in.
Alla aspekter och element kommer att föreslås i lösningen såsom färger, typsnitt, layout, text och visuellt innehåll för att göra webbplatsen tilltalande såväl estetiskt som funktionellt. Den kommer att utsättas för fler tester tills den lyckas framkalla det önskade känslomässiga svaret från användaren. Denna kanalisering av yttre beteende genom en vetenskaplig implementering är det som gör konst och vetenskap till ett udda men kraftfullt par.
4 Använd ett målstyrt tillvägagångssätt för din problemlösning
Det är ingen hemlighet att designers hanterar kunder som vill att saker ska styras av deras böcker. Detta skapar en labyrint som inte leder till någonstans eftersom många saker kunden inte är medveten om som bara designern vet. På samma sätt är designers ibland benägna att göra saker på sitt sätt medan andra metoder också finns på bordet och kan fungera bättre.
Att hålla ett sindelat tillvägagångssätt som sådant är aldrig hälsosamt när man designar en UX-rik webbdesign. En bra UX kan endast uppnås från ett målstyrt tillvägagångssätt som fokuserar på den bästa tillgängliga lösningen. En kund vill till exempel flytta länken med kundrekommendationer till den övre sidan av sidan för att få mer exponering och bjuda in mer trafik. Problemet ligger dock inte i länkens placering, utan själva platslänken då den inte lyckas attrahera trafik. Därför kan du också fixa länken genom att göra den mer synlig där den är istället för att flytta den till en ny plats. Båda lösningarna kan användas för att lösa problemet och du måste hålla alternativet öppet. Detta kallas målstyrd design.
5 Exponera varumärkesidentitet genom UX
Varumärkesidentitet är bland de primära målen bakom att bygga ett bra UX. Om UX gör sitt avtryck för att tillfredsställa användarna, kommer det att spegla mycket mot varumärket som gjorde denna upplevelse möjlig. Det är viktigt att du inte blir distraherad av att skapa en look som uppfyller kundens önskemål. En bra design som måste uppvisa den rätta mixen av funktionalitet och funktioner som inte bara gör användarens upplevelse till en njutning, utan också detaljerar den investering ett varumärke har gjort för att göra den framgångsrik. Detta avgör om användaren kommer att besöka webbplatsen igen.
För att vara säker på att du har kundens perspektiv inbäddat i designen, informera dem om varje drag och gör eventuella nödvändiga ändringar som kan rymmas i designen. Det är också viktigt att du överväger den större bilden samtidigt som du lägger till klientinställningarna så att användarupplevelsen förblir opåverkad under processen.
6 Bygg ditt användarupplevelse runt användarens perspektiv
Bli aldrig ett offer för din egen fantasi. Eftersom du har lite av en kreativ frihet när du designar en webbplats, är det avgörande att du inte missbrukar den. I just det här fallet har du kundens riktlinjer och dina preferenser djupt förankrade, men glömde helt bort användarens perspektiv. Som designer är det viktigt att du aldrig låter din fantasi fånga dig från att uppnå vad kunden och användaren vill. En användardriven design har den bästa chansen att producera en vinnande UX än någon annan metod.
För att se till att du är på rätt väg, undersök om användare av din designnisch och lär dig om deras behov och önskemål i just din design. Innan du är redo att lansera den, använd A/B-testning för att verifiera om din design uppfyller kraven. Kom ihåg att användarens behov är viktigare än din personliga input eftersom de i slutändan kommer att använda den.
7 UX handlar om psykologi
Beteendeutlösare är baserade på mänsklig psykologi som stimulerar emotionell respons från användaren. Bra designers kan kvalitativt bedöma användarens tankesätt och härleda känslomässig koppling till innehållet. Dessa känslomässiga kopplingar är viktiga för att skapa ett livligt användarupplevelse i en webbdesign. Ta aviseringar till exempel. Du kanske har upplevt den irriterande popup-aviseringsfunktionen som skickar dig från webbplatsen och slår igen dörren på väg ut. Även om det delvis är för kundens fördel samtidigt som det säkrar konverteringar för återförsäljaren, är det en hemsk idé att visa det direkt efter att kunden landar på webbplatsen.
Föreställ dig att du anländer till kontorets nålpunkt och blir beordrad att utföra dina sysslor utan att ta ett andetag eller njuta av en varm kopp kaffe. Timing är en avgörande faktor här. Om du känner till det mänskliga psyket kommer du aldrig att börja med en popup som täcker mer än hälften av skärmen. Istället kan du vänta på att besökaren ska skumma innehållet och sedan börja med din pitch. På så sätt kommer samma meddelande att tas emot med öppna armar, för nu kan användaren faktiskt avvara sin tid att engagera sig. UX förlitar sig mycket på konsumentens psyke, och det är därför du måste integrera en hälsosam dos av beteendeutlösare, samtidigt som du är försiktig där den behöver vara.
8 Led dina kunder genom att rulla
Scrollning fungerar som magi om du frågar mig. Det skickar användaren som söker information djupare in på webbplatsen, vilket utökar deras chanser att konvertera. Det är förmodligen därför de flesta designers placerar sina CTA:er längst ner på sidan, där rullningen möter slutet.
Även tillvägagångssättet ”kärlek vid första ögonkastet” kan främja rullning, där designen visar CTA:er överst på sidan. Du kan optimera sådana sidor genom att introducera rullningssignaler. Rullningssignaler kan sträcka sig från pilsuckar till fängslande grafiska element. Till exempel, Pilar kan användas för att peka riktningar för nästa del av innehåll, medan grafiska element kan ta användaren direkt till nästa bild när de interagerar med den.
9 Gör användningen bekväm
När du lägger ut ditt innehåll live på internet måste du förvänta dig att det ska mötas av människor från alla möjliga bakgrunder. Alla delar inte dina åsikter på det sätt som du tänker föreslå dem. Det är därför ditt innehåll ska vara absorberbart så att användaren inte behöver extra ansträngning för att förstå vad du erbjuder dem. Om innehållet är smältbart kommer användaren att konvertera snabbare.
Ge dem en tugga i taget. Att visa allt du kan erbjuda på en gång gör inte bara användaren desorienterad, utan återspeglar också desperation på din hälft. För att se till att din design andas och lätt att assimilera, använd mycket vitt mellanrum runt dina element så att de är lätta att urskilja. Skapa även innehåll som är begripligt för alla sorters publik med exempel och egna berättelser. Visa dig själv som deras vän, inte som affärsman.
10 Optimera dina sidelement på ett lämpligt sätt
Sidelement är en integrerad del av en webbdesign. De utför viktiga funktioner för användarna och upprätthåller en känslomässig harmoni i UX. Men att lägga till onödiga sidelement kan vara farligt för din webbplats och användaren också.
Sidelement som en CTA med flera kommandon istället för ett, en bild som är tillräckligt distraherande för att dra blickarna bort från motivet eller textstycke mitt på sidan som vilseleder kunden. Att lägga till dessa element påverkar meningslöst din webbdesigns trovärdighet samtidigt som den saktar ner laddningshastigheten. HD-bilder kan till exempel vara fördröjningsfabriker för dina webbsidor. De kräver mycket bandbredd och tar bort den idealiska laddningstiden för en konverteringsvänlig webbplats. En webbplats som laddas långsamt är det sista du vill ha i din webbplats UX.
Slutgiltiga tankar
Som webbdesigner måste du ta med alla element, aspekter och förhållningssätt i ekvationen. Ditt mål är att måste producera en design som inte bara vinner kunderna, utan också levererar en tillfredsställande UX. Genom dessa 10 grundläggande regler skapar du den perfekta webbdesignen som tillgodoser användbarhet från alla möjliga vinklar.