Hur riktiga ledningar maximerar UX och Boost-omvandlingar
Om det finns en vanlig fråga som webbdesigners frågar sig är det vanligtvis: Hur kan jag förbättra användarupplevelsen? Användarupplevelse är alltid främre och center-eller åtminstone bör det vara in-design utan att användarna läser eller tittar på det innehållet, klickar på det här samtalet till handling eller registrerar sig på det formuläret, skulle ingen webbplats ha ett syfte.
Designers har ett antal olika tricks upp i ärmen för att göra UX så mycket bättre, och en av dem är användningen av riktningsinställningar. Dessa riktlinjer är inte subtila. deras jobb är att göra det så att varje sista användare inte kan missa den stora, ol 'call-to-action-knappen någonstans på sidan. Med andra ord är riktningsinställningar som stora skyltar på en sida, som bokstavligen pekar användaren i en mycket tydlig riktning.
Strategin bakom deras inkludering är att öka viktiga omvandlingar. Allt du kan göra som designer, för att öka omvandlingar, borde du göra det. Riktiga signaler hjälper till att göra det på ett effektivt sätt, så här:
Vad är riktmärken?
Riktiga signaler finns i alla former och storlekar, och du kan till och med bli förvånad över att lära dig vad som kan passera som en riktlinje. Vidare finns det både tydliga (mycket uppenbara) och implicita (mer låga) riktlinjer.
Sidelement som kan betraktas som uttryckliga riktlinjer inkluderar:
- pilar
- Fingrar pekar
- Ögonriktning (när människornas ansikten ser på ett uppmaning till handling)
- Rader
- kurvor
Kin HR S webbplats använder blicken av modeller i bakgrunden för att fokusera uppmärksamhet på sina uppmaningar till handling i förgrunden. (Effekten är särskilt uttalad på ett tablettvyn.)
Här är ett idealiskt exempel på en uttrycklig riktlinje från Salesforces målsida . Notera användningen av den uppenbara pilen som riktar användarens öga till den korta webbformuläret.
Implicita riktlinjer är mycket lättare att missa, och de element som utgör en implicit riktlinje är diskutabel, men de kan innefatta:
- Färg
- Repetition av storlek, färg och form
- Hierarki
För ett exempel på en implicit riktningskod, kolla in Dagens ägg är om oss sida . Anmälningsformuläret för nyhetsbrevet har en grön bakgrund, men vita fält. Denna märkbara kontrast drar ögat, vilket ger en implicit cue att fylla i det.
Hur klargör du sidmålen?
Varje sida har en avsikt, som vanligtvis får en besökare att köpa, anmäla sig eller prenumerera på något. När användarna inte förstår vad sidans syfte är - till exempel när navigationen är dåligt genomförd eller sidan är för ringd - kommer användarupplevelsen att drastiskt minska.
Det är här en kristallklar riktningskod kan vara sidans livräddare. När allt kommer omkring, när användarna får signaler om vad de ska göra på sidan, förbättras deras erfarenhet dramatiskt. Deras förvirring och frustration ersätts av ett förtroende och effektivitet som uppstår genom stor organisation, design och planering.
Fittingly, ett utmärkt exempel på en riktningskod kommer till oss på en sida som talar om definitionen av en riktningskod. På Avvisa definitionsidan notera den stora pilen som pekar mot höger och därigenom uppmana besökare att faktiskt läsa definitionen av en riktningskod! Tack vare det här enkla sidelementet kan användarna tydligt förstå att målsättningen med sidan är att läsa och förstå denna definition.
Empowering användarna med riktlinjer
Visual Website Optimizer tittade på en sida som visar en annons för Sunsilk shampoo . Resultaten var häpnadsväckande: när kvinnans ögon i annonsen faktiskt såg henne direkt i flaskan av schampo istället för i rymden - antalet användare som äntligen tittade på flaskan höjde sig till 84%, från bara en liten 6% när den ursprungliga annonsen hade kvinnan tittar rakt framåt.
Eazers.com är en tysk plats för kuponger som effektivt använder samma teknik; blicken på modellen drar ögonen rakt mot de centrala uppmaningarna till handling.
Det finns ingen tvekan om att riktningsinställningar är mycket fördelaktiga på en sida, och det är ingen överraskning att den förbättrade användarupplevelse som tillhandahålls av riktningsinställningar naturligtvis ökar omvandlingsfrekvensen på webbplatser, eftersom de två är sammankopplade. När användarupplevelsen av din webbplats ökar konverterar folk till högre priser eftersom de förstår vad de ska göra.
Användare vet ibland exakt vad de letar efter när de besöker din webbplats. Dessa kommer sannolikt att återvända besökare som vill använda det de använde förra gången de var på din webbplats. För dessa typer av användare är det av största vikt att din användarupplevelse är överlägsen, för det sista du vill göra är att avvisa säkert betspelningar! Ett av de enklaste sätten att säkerställa en bra användarupplevelse för en återvändande besökare som vill använda samma funktion igen är genom att ge en riktningskod som är lätt att upptäcka, tolka och klicka sedan på.
Ta inte riktlinjer för givet
Nästa gång du utformar och tänker på att avvisa riktningsinställningar som bara en massa onödiga pilar, linjer eller kurvor, tänk igen! Forskning har visat att de är definitivt knutna till användarupplevelsen och följaktligen en sidas konverteringsfrekvens. För att hjälpa din webbplats besökare att uppleva en mycket bättre användarupplevelse - och dina kunder får en mycket bättre omvandlingsfrekvens, måste du införliva dessa riktlinjer i din design.
Mer än att utfärda en instruktion, riktningsinställningar är tunga tips på vad användaren förväntas göra. Vissa användare kommer inte, vissa kommer, men det viktiga är att de tydligt förstår vad den "normala" användningen av sidan är. Riktiga signaler är ett av de bästa verktygen som designers har för att förbättra UX och hjälpa användarna att öka konverteringar för din klient.