Klick. Det ljudet betyder att du har gjort ditt jobb. Användaren har tittat på din sida och tagit den åtgärd du ville ha dem.
Hur uppnås detta? Ska du tänka på detta mål mer när du strukturerar dina mönster? Vilka misstag ska du vara försiktig med att undvika? Läs vidare för att ta reda på det.
Slutar och medel
Tjäna klicket, är det ett mer högt mål i webbdesign? Det verkar så enkelt rätt? Hej användare, klicka bara här !? I praktiken kan dock en enda handlingspunkt tjäna som själva syftet med en hel design. Allt du har strävat efter för veckor att bygga kommer ner till en knapptryckning, du övertygar antingen användaren eller de flyttar.
? Klick betyder lönecheckar till otaliga individer över hela världen?Så mycket tid, ansträngning och tanke läggs i intjänade klick. Det är ett spel av psykologi, du försöker påverka andras tankar att faktiskt få dem att utföra det sätt du vill ha. Det är också ett djupt designpussel,? Vilka färger, former, layout och meddelandehantering bidrar till klick beteende? A / B-test körs, studier utförs, tusentals dollar spenderas, alla med slutmålet att få den lilla markören där du vill att den ska gå.
Klick betyder kunder, kontakter, försäljningsledningar, e-postregistreringar, sponsortillfredsställelse, ökade sidvisningar. klick betyder lönecheckar till oräkneliga individer över hela världen.
Som webbdesigner är klick ofta det slut som motiverar dig, medlen. En mycket viktig aspekt av din karriär är att lära sig att tjäna denna heliga grader av digitalt beteende. Låt oss diskutera några strategier för hur man gör det.
Bar Camp
Jag föredrar alltid att lära mig genom exempel så att du kan få en verklig bild av hur kunskapen kan tillämpas. Vårt första exempel kommer från den gorgeously utformade sidan för Barcamp Omaha.
Nu kan ett av de största misstag som vi kan göra när vi pratar om att tjäna klick begränsar vårt fokus på detta:
Det här är verkligen en vacker knapp. Det kontrasterar bra med bakgrundsfärgen, typografi är attraktiv och layouten är perfekt. Detta är dock inte den enda delen av sidan som försöker tjäna klicket. Faktum är att huvudsidan för hela sidan kan sägas vara riktad mot detta mål. Låt oss därför ta ett steg tillbaka och analysera innehållet på sidan som det hänför sig till detta viktiga element.
Nu kan vi få mycket mer inblick i hur kommunikationsflödet fungerar och leder dig att fatta ett beslut. Det första jag märker på sidan är användningen av rött: datumet, logotypen och knappen skiljer sig verkligen ut eftersom de använder den här färgen på en annars väldigt blå sida. Lägg märke till hur de sociala medierna knappast blandar sig med bakgrunden genom att jämföra.
Knappens storlek i förhållande till det andra elementet spelar också en stor roll. Visst, dina ögon kan fånga det lilla röda datumet för en sekund men du kan inte titta på den här sidan i mer än en sekund utan att dras till den stora knappen.
En av de viktigaste sakerna som du någonsin kommer att lära dig som designer är hur man strukturerar en hierarki för kommunikation. Designers lägger inte bara till skönhet på en tråkig sida, de skapar ordning från kaos och gör logiska och avsiktliga informationsflöden.
Denna hierarki är avgörande för målet att styra användarbeteendet. En korrekt utformad sida är en som gör att användarna ser var du vill att de ska, när du vill att de ska och därefter ska göra vad du vill när du vill. Den skrämmaste delen är att det måste balanseras helt och hållet med att uppfylla användarens mål: vad gör användare vill ha vilka åtgärder som gör användaren Vill ta? Om du kan hitta ett sätt att göra målen för din klient och dina användares mål en och samma har du gjort ditt jobb bra.
Kommunikation som stärker åtgärden
En annan viktig aspekt av att styra användaråtgärden är den faktiska verbala kommunikationen på sidan. Barcamp-webbplatsen har en mycket intressant lektion att lära oss på detta område:
Glöm vad stycket säger ett ögonblick, en av sex besökare kommer läsa det ändå, låt oss fokusera på rubriken:? Awww Yeah !? Detta är dumt, oprofessionellt, felaktigt och en hel massa andra negativa adjektiv. Det är dock också lysande och exakt vad sidan behöver.
Klassisk försäljningsteori lär ut följande lektion: få människor att må bra om sina köp. Folk köper två typer av saker: vad de vill ha och vad de behöver. Den förra av dessa ger mycket mer tillfredsställelse, men kan också vara svårare att sälja, eftersom folk enkelt kan prata sig själva ur inköpet, något du inte kan göra med vatten och el. Ditt jobb som säljare är att eliminera köp tvekan genom att göra åtgärden verkar helt angenäm. Låt mig glömma att jag går in i skuld för 25 000 dollar genom att distrahera mig med hur bra jag kommer att känna sig bakom den nya bilens hjul.
Gilla det eller inte, använder vi liknande taktik i webbdesign och copywriting (har du inte alltid velat vara en snygg bilförsäljare?). Den åtgärd Barcamps designers går för får dig att spendera $ 10 (plus avgifter naturligtvis) på deras produkt. De kan berätta om den underbara karriärutvecklingen som kommer att resultera, men det låter som en tråkig gammal behovsbaserad argument och det är inte alltid lätt att övertyga människor om att de behöver något. Istället gick de med? Aww Ja!?. Plötsligt kan jag inte låta bli att känna att denna transaktion är något som faktiskt är givande. Att $ 10 inte köper en konferensbiljett köper mig något som jag förtjänar: en bra tid.
Det finns en hel del komplicerad psykologi insvept i den enda enkla rubriken. Kommunicera detta koncept på ett enkelt och professionellt sätt skulle ta minst femtio ord.Slang ger ett enkelt, snabbt och allmänt förstått sätt att förenkla meddelandet.
Tripfab
Här är ett annat exempel på en ganska enkel sida med ett primärt mål. Men den här gången är designern inte övertygad om att du köper något, bara för att sätta ditt namn på ett litet fält.
Precis som i föregående exempel använder den en attraktiv design och ett ljust, humoristiskt meddelande för att få dig intresserad. Lägg märke till hur det finns ett stort inslag kring knappen och fältet, vilket hjälper till att uppmärksamma dig på det området. Men designers säkerhetskopiera ofta något som detta med något mycket mindre subtilt:
Låt oss bara rita en pil som pekar vart vi vill att användaren ska se! Det låter löjligt eller hur? Men i praktiken fungerar det bra. Om du gör en pil kommer mina ögon att följa den.
Bekräftar åtgärd
När du har att göra med en åtgärd som du vill att användaren ska ta, kom ihåg att du inte kan vara vett om det. Lägg märke till hur denna designer bröt en typisk konvention med textfältet. Istället för att göra standardvärdet för fältet ett exempel eller en uppsättning instruktioner för vad du ska fylla i med, minns du vad du gör genom att vidta den här åtgärden: • få nyheter och uppdateringar.?
Nedanför finns det ett meddelande om varför du bör vidta denna åtgärd. Ord kapitaliseras, löften görs, det är en övertygande design. Denna uppfattning om att bekräfta den enkla handlingen med en påminnelse om vad du ska göra genom att trycka på det är en riktigt vanlig praxis.
Här ser vi ett annat exempel på samma strategi. Knappen fungerar som uppmaning till handling och förstärks av ett meddelande om varför du borde få en risskål. Nästa gång du skapar en enkel knapp, tänk dig två gånger om hur du kan hjälpa användaren att sväva över det och följa det och klicka på det.
Mer än en knapp
Det enkla meddelandet i detta inlägg är att engagera sig i målfokuserad design. Slår en? Köp nu? knappen på en redan utformad sida är det enkla sättet att gå ut, men det är inte vad du har anlitat för att göra.
Istället, innan du öppnar Photoshop eller gör en enda trådram, tänk på vad du försöker uppnå. Om det bara är en estetisk övning, bra är ditt jobb enkelt. Om du försöker få användare att köpa en produkt, starta en nedladdning, fyll i en blankett eller utföra någon annan åtgärd. Du bör starta din design där och skapa hela resten av innehållet på sidan med det ändamålet i åtanke. Utarbeta försiktigt användarupplevelsen för att styra besökare längs vägen som du vill att de ska gå.
Slutsats
I en bransch där klickar lika lönecheckar är det dags att lägga lite mer uppfattning om hur man skapar mönster som verkligen påverkar åtgärden.
Estetisk överklagande är en stor del av ekvationen men det är bara en del av ditt jobb. Se till att du håller ditt öga på priset och implementerar layouter, teckensnitt, färger och meddelanden som alla hjälper till att uppnå det någonsin illusiva målet att tjäna ett klick, var det är viktigt.