Interaktiv design

Webdesignens psykologi

Designers tar ofta inte tid att lära sig om hur grundläggande psykologiska principer kan påverka de erfarenheter som besökarna har på de webbplatser de bygger.

Psykologiska principer betraktas antingen som onödiga eller för komplicerade. Men sanningen är att de inte heller är.

Det finns inte så många begrepp i samband med grundläggande designpsykologi, och de flesta är relativt rakt framåt och lätta att lära.

De är också huvudsakligen lätta att genomföra, men vissa tar lite mer omsorg och planering än andra.

Läs vidare för att lära dig mer och lämna din feedback och kommentarer i slutet av det här inlägget.

Syftet med psykologi-baserad design

Med tanke på psykologi i din designprocess kan det få några positiva effekter på ditt slutresultat. Om du tar dig tid att tänka på vad dina besökare vill ha och hur de vill få det, så är du redan på rätt väg att skapa en webbplats som kommer att dra in i dina målgruppers psykologiska enheter.

Genom att överväga besökarspsykologi kommer du sannolikt att sluta med lyckligare besökare som är mer benägna att utföra de åtgärder du vill ha dem till, oavsett om de kommer i kontakt med dig, köper din produkt eller hänvisar till sina vänner.

Detta är huvudorsaken till att du tar hänsyn till psykologi i dina mönster. Du vill göra det mer troligt att dina besökare kommer att göra vad du vill.

Bygga förtroende

För att dina besökare ska kunna göra vad du vill att de ska göra, måste de lita på dig. Tillit kommer inte lätt, särskilt i denna ålder av bedrägerier, system och oskäliga karaktärer nästan överallt ser vi på nätet.

Till någon som vet lite om hur Internet verkligen fungerar, är de misstänksamma för alla som ber dem om personlig information, oavsett hur mycket det är eller hur högt rekommenderat webbplatsen är.

Som designers ser vi ofta bort det här eftersom vi är så vana att göra affärer online. Men för våra kunder och för sina kunder kan Internet fortfarande vara ett stort, läskigt svart hål som deras information går in i.

Med detta i åtanke kan du använda designpsykologi för att göra din webbplats ser mer tillit värdig för den genomsnittliga besökaren. Att skapa en hemsida som gör besökarna lugna betyder att de är mer benägna att registrera sig för ett konto, köpa en produkt eller på annat sätt göra affärer med dig. Detta kan göras genom en kombination av design och språket som används på webbplatsen.

Kännedom och igenkännliga mönster

När någon landar på en sida på en webbplats, finns det vissa saker de förväntar sig att se direkt, ganska oavsett vilken typ av webbplats de är på.

Om de inte ser dessa saker, känner de sig ofta som om de har hamnat i ett underligt ödemark som inte är meningslöst för dem (och är därför inte trovärdigt). De två stora sakerna man förväntar sig är syftet med webbplatsen (vilket kan vara allt från att ge information om ett visst ämne för att sälja en produkt för att se bra ut) och någon form av navigering.

Medan taggen kan hjälpa till med att kräva ändamålet kan designen komplettera och förstärka det här meddelandet. Låt oss exempelvis säga att du utformar en miljöblogg. Om din design är mörk och bräcklig och har en skyline vid solnedgången i rubriken kommer det inte att ge oss ens den minsta ledtråden om vad webbplatsens syfte är.

Å andra sidan, om det är en ren och modern webbplats med massor av gröna och naturliga accenter, kommer det att förstärka det faktum att detta är en miljöblogg.

Utöver de element som alla förväntar sig att hitta på varje hemsida, finns det ytterligare saker man kan förvänta sig på vissa typer av webbplatser eller inom vissa branscher. Folk förväntar sig blogginlägg på en bloggs framsida. De förväntar sig produkter på framsidan på en e-handelssida. De förväntar sig en sökfunktion på en webbplats som är mer än ett par sidor djupt. Och i de flesta fall förväntar de sig någon form av "om" information och en kontaktsida.

Branding Consistency

Förutom de allmänna elementen som de flesta besökare förväntar sig att se på en webbplats, finns det ofta saker besökare kan associera med ditt företag i synnerhet. Även om detta inte kan vara ett problem för ett nytt företag, eller ett mycket litet företag, är det ett bekymmer för många andra.

Tänk på de färger du använder i dina kampanjmaterial offline. De färgerna bör införlivas på din webbplats på något sätt, även om det bara ligger i huvudbilden eller som accentfärger.

Detsamma gäller för din logotyp. Om du använder en logotyp i ditt tryckta marknadsföringsmaterial, måste du inkludera det på din webbplats också. Det här är väldigt grundläggande saker, men det är förvånande hur många företag förbise att behålla konsistensen mellan deras online och offline marknadsföring.

Psykologiska utlösare

Psykologiska och känslomässiga utlösare är ett värdefullt verktyg för att påverka besökare att ta de åtgärder du vill att de ska ta. Utlösare inkluderar saker som skuld och rädsla, men också en känsla av tillhörighet och tilltalande för människors värderingar.

Att integrera känslomässiga triggers i dina mönster görs oftast via språket på webbplatsen, med grafiska element som fungerar som ett stödsystem för dessa triggers. Använd bild och grafik som förstärker utlösaren som används.

Bilder för att förstärka koncept

Bilderna du använder på dina webbplatser kan antingen hjälpa eller förvirra besökare. En välvalad bild kan sätta din besökare tillfredsställande och göra din avsikt klar. En dåligt utvald kan låta dem skrapa huvudet och känna att de faller in i det svarta hålet igen.

Detta foto av en flodhäst i Disney World har absolut ingenting att göra med detta inlägg och tjänar bara att förvirra saker.

Abstrakta bilder kan ibland fungera bra, men var försiktig med att använda dem om deras mening är avgörande. Ibland kommer en abstrakt bild att ha olika betydelser för olika människor, eller meningen kommer att saknas helt och hållet.

Färgpsykologi

Färgpsykologin är en av de mer komplicerade ämnena inom designpsykologi, och inte något vi kommer att gå djupt på här. Men färgerna du använder kan ha en stor inverkan på hur dina besökare uppfattar din webbplats. Se till att de färger du har valt förstärker ditt meddelande och bilden du vill skildra.

Nedan följer en grundläggande lista över färger och deras betydelser. Naturligtvis kommer kombinationerna av färger du använder tillsammans med deras exakta nyans, nyanser eller toner också att påverka deras betydelse.

  • Röd
    Eldig och passionerad, kan representera både kärlek och ilska.
  • Orange
    Aktier attribut av både rött och gult. Förknippad med energi och värme. Det är lugnare än rött och mer gladlynt.
  • Gul
    En varm, glad färg. Det kan representera antingen glädje eller feghet.
  • Grön
    Anger natur, tillväxt och förnyelse. Längs samma linjer kan gröna kanor ibland representera oerfarenhet. På baksidan är grön ibland förknippad med avundsjuka eller svartsjuka.
  • Blå
    Lugnande och coolt men för mycket kan vara deprimerande. Ofta i samband med företagsbilder.
  • Lila violett
    Långt förknippad med kungligheter och rikedom. Det är också en andlig färg och är tänkt att vara kreativ.
  • Svart
    En bit av en kameleont, det kan vara konservativ eller kantig, traditionell eller modern. Det kan vara mystiskt och sexigt eller konventionellt och säkert, beroende på hur det används.
  • Vit
    Förknippad med renhet och oskuld. Det går bra med någon annan färg.
  • Grå
    Neutral och balanserad. Grå är konservativ och sofistikerad, men kan också ses som moody.
  • Brun
    En hälsosam och jordnärlig färg som betecknar stabilitet och tillförlitlighet.

Läsemönster

Människor brukar läsa i ett "Z" -mönster på en webbplats, starta över toppen från vänster och slutar i nedre högra hörnet på skärmen.

Som designer bör du sträva efter att placera det viktigaste innehållet inom det här läsningsmönsterområdet. Det är därför många platser innehåller logotypen i det övre vänstra hörnet av rubriken.

Innehåller icke-väsentlig information inom denna läszon betyder att dina besökare kan lämna webbplatsen innan de hittar vad de letar efter, eftersom de kanske tror att det inte finns på din webbplats.

Fokus på varje sida

Varje sida på din webbplats borde ha fokus. Det borde vara ett syfte för varje sida, oavsett om det syftar till att visa upp en produkt, berätta om ditt företag eller tjäna nya nyheter.

Din design behöver lägga tonvikten på fokalelementet på varje sida. Fokusen på varje sida ska också vara omedelbart uppenbar, så att besökarna vet vad de gör där. Detta kan åstadkommas genom ledtrådar i navigeringen eller genom en rubrik, förutom sidans innehåll.

En av de största varumärkena på en amatörs webbplats försöker lägga för mycket information på varje sida. Var inte rädd för vitt utrymme på dina sidor, och var inte rädd för att ha ett definierat syfte för varje sida på din webbplats.

Andningsrum

Det leder oss till begreppet vitt utrymme och andningsrum. Om en besökare kommer på en rörig sida fylld med alla möjliga saker som är tänkbara, kommer de att känna sig överväldigade och klaustrofoba.

Det är troligt att sidan kommer att känna sig haphazzard och kaotisk. Detta gör att besökare känner att de inte vet var de ska börja, vilket innebär att de bara kan hoppa över hela din webbplats och gå vidare till en där de har något andningsrum.

Tillåt det negativa utrymmet på din webbplats att rikta dina besökare till de områden du vill att de ska fokusera på. Genom att kombinera tomt utrymme och ordentligt utformade och proportionerade element kan du uppmuntra dina besökare att titta på en viss sak och vidta en önskad åtgärd.

Steg för att införliva designpsykologi

Nu när du är bekant med vad designpsykologi är och vad det betyder för webbdesign, kanske du undrar hur exakt du borde gå om att integrera den i din egen designprocess. Här är några tekniker du kan använda:

Ta reda på vem dina besökare är
Att veta vem dina besökare är är ett enormt viktigt första steg i utformningen av en webbplats som kommer att vädja till dem. Om dina besökare är tekniskt kunniga Internet veteraner kommer de att ha en annan uppsättning prioriteringar än någon som bara går online för att titta på bilder av sina barnbarn. Ta reda på vem din målanvändare är och ta reda på vilka känslomässiga utlösare som kommer att fungera för dem.

Intervju dina användare
Om du inte är säker på vad dina användare eller besökare vill, försök att intervjua några av dem. Hitta nuvarande eller tidigare kunder och se om de skulle vara villiga att svara på några frågor om din webbplats. Skapa sedan meningsfulla frågor baserat på din egen webbplats specifika mål. Viktigast, agera på de råd de ger dig. Alltför ofta gör företag intervjuer eller undersökningar men gör aldrig ändringar baserat på vad de får veta.

Skapa en webbplatskarta för din webbplats
Du måste skapa en karta över varje sida på din webbplats så att du kan se till att varje sida bara har ett fokus. Gör en lista över allt som behöver vara på din webbplats först och kartlägg sedan vilken sida varje artikel ska gå på (idealiskt bör det vara en sida per artikel om inte sakerna är väldigt mycket nära relaterade).

Montera dina Branding Elements
Skapa en lista eller skapa en fil med de gemensamma elementen som används för att representera ditt varumärke. Mest troligt skulle detta innefatta en logotyp, ett färgschema och eventuellt en viss typsnitt. Ta reda på var du ska införliva dessa i din webbplatsdesign.

Gör A / B-testning
Även om du gör det på ett begränsat sätt, är det viktigt att ta reda på vilka sidelement som fungerar bäst. Om du är osäker på vad dina besökare skulle vara mer bekväma med på en viss sida, testa det med två versioner för att se vilken som blir bättre resultat.

Designpsykologi är något som varje designer ska sträva efter att lära sig mer om och att införliva i deras arbetsflöde. Det kan vara den enskilt största faktorn i hur effektiv dina mönster är och hur glada dina kunder är som ett resultat. Det tar inte mycket tid och är inte särskilt svårt, så det är verkligen ingen ursäkt att inte ta åtminstone några av dessa principer och sätta dem i praktiken.

Fler resurser


Skriven uteslutande för WDD av Cameron Chapman

Håller du psykologiska principer i åtanke när du gör ditt designarbete? Vilka är de mest använda i ditt eget arbete och varför?

design webbdesign psykologi