Interaktiv design

Webdesignets psykologi

Designere tager ofte ikke den tid, de skal lære om, hvordan grundlæggende psykologiske principper kan påvirke oplevelsen deres besøgende har på de websteder, de bygger.

Psykologiske principper betragtes enten som unødvendige eller for komplicerede. Men sandheden er, at de heller ikke er.

Der er ikke så mange begreber forbundet med grundlæggende designpsykologi, og de fleste er relativt ligefrem og nemme at lære.

De er også primært nemme at implementere, selv om nogle tager lidt mere pleje og planlægning end andre.

Læs videre for at lære mere og vær venlig at give din feedback og kommentarer i slutningen af ​​dette indlæg.

Formålet med psykologi-baseret design

Overvejende psykologi i din designproces kan have få positive effekter på dit slutresultat. Hvis du tager dig tid til at tænke på, hvad dine besøgende vil have, og hvordan de ønsker at få det, så er du allerede på rette spor for at oprette et websted, der vil klare dig i dine målgruppes psykologiske drev.

Ved at overveje besøgspsykologi vil du sandsynligvis ende med lykkere besøgende, der er mere tilbøjelige til at udføre de handlinger, du vil have dem til, uanset om det kommer i kontakt med dig, køber dit produkt eller henviser til deres venner.

Dette er hovedårsagen til at tage hensyn til psykologi i dine designs. Du vil gerne gøre det mere sandsynligt, at dine besøgende vil gøre, hvad du vil.

Building Trust

For at dine besøgende skal kunne gøre, hvad de vil have, skal de have tillid til dig. Tillid kommer ikke let, især i denne alder af svindel, ordninger og uhyggelige tegn næsten overalt ser vi online.

Til nogen, der ved lidt om, hvordan internettet virkelig virker, er de mistænkelige for enhver, der beder dem om personlige oplysninger, uanset hvor meget det er nødvendigt eller hvor stærkt anbefalet hjemmesiden er.

Som designere overser vi ofte dette, da vi er så vant til at drive forretning online. Men for vores kunder og for deres kunder kan internettet stadig være et stort, skræmmende sort hul, som deres information går ind i.

Med dette i tankerne kan du bruge designpsykologi til at gøre dit website mere troværdigt for den gennemsnitlige besøgende. Oprettelse af et websted, der sætter besøgende på lethed betyder, at de er mere tilbøjelige til at tilmelde sig en konto, købe et produkt eller på anden måde handle med dig. Dette kan ske gennem en kombination af design og det sprog, der bruges på hjemmesiden.

Kendskab og genkendelige mønstre

Når nogen lander på en side inden for en hjemmeside, er der visse ting, de forventer at se med det samme, stort set uanset hvilken slags websted de er på.

Hvis de ikke ser disse ting, føler de sig ofte som om de har endt i noget mærkeligt ødemark, der ikke giver mening for dem (og derfor er det ikke troværdigt). De to store ting, folk forventer, er formålet med webstedet (hvilket kunne være alt fra at give oplysninger om et bestemt emne til at sælge et produkt til at se godt ud) og en form for navigation.

Mens taglinjer kan hjælpe med at kræve formålet, kan designet supplere og styrke denne meddelelse. Lad os f.eks. Sige, at du designer en miljøblog. Hvis dit design er mørkt og brooding og har en skyline ved solnedgang i hovedet, vil det ikke give os selv den mindste hint om, hvad webstedets formål er.

På den anden side, hvis det er et rent og moderne websted med masser af grønne og naturligt fremhævede accenter, forstærkes det, at dette er en miljøblog.

Ud over de elementer, som alle forventer at finde på hver hjemmeside, er der yderligere ting, folk kan forvente på bestemte typer websteder eller inden for visse brancher. Folk forventer blogindlæg på forsiden af ​​en blog. De forventer produkter på forsiden af ​​et e-handelssite. De forventer en søgefunktion på ethvert websted, der er mere end et par sider dybt. Og i de fleste tilfælde forventer de en slags "omkring" information og en kontaktside.

Branding Consistency

Ud over de generelle elementer, som de fleste besøgende forventer at se på et websted, er der ofte ting, som besøgende kan forbinde med din virksomhed. Selv om dette måske ikke er et problem for en ny virksomhed eller en meget lille virksomhed, er det et problem for mange andre.

Tænk på de farver, du bruger i dine offlinematerialer til salg. Disse farver bør på en eller anden måde inkorporeres i dit websted, selvom det kun er i headerbilledet eller som accentfarver.

Det samme gælder for dit logo. Hvis du bruger et logo i dine trykte marketingmaterialer, skal du også inkludere det på din hjemmeside. Disse er meget grundlæggende ting, men det er overraskende, hvor mange virksomheder overser at opretholde sammenhæng mellem deres online og offline marketingindsats.

Psykologiske udløsere

Psykologiske og følelsesmæssige udløsere er et værdifuldt redskab til at påvirke besøgende til at tage de handlinger, du vil have dem til at tage. Udløsere omfatter ting som skyld og frygt, men også en følelse af tilhørsforhold og tiltalende for folks værdier.

Inddragelse af følelsesmæssige udløsere i dine designs sker oftest gennem sproget på selve webstedet med grafiske elementer, der tjener som et supportsystem til disse udløsere. Brug billede og grafik, der forstærker udløseren, der bruges.

Billeder til at forstærke koncepter

De billeder, du bruger på dine websteder, kan enten hjælpe eller forvirre besøgende. Et velfortjent billede kan sætte din besøgende til rette og gøre din hensigt klar. En dårligt udvalgt kan lade dem klare deres hoveder og føle, at de falder ind i det sorte hul igen.

Dette billede af en flodhest i Disney World har absolut intet at gøre med dette indlæg og tjener kun til at forvirre ting.

Abstrakte billeder kan nogle gange fungere godt, men vær forsigtig med at bruge dem, hvis deres betydning er afgørende. Nogle gange vil et abstrakt billede have forskellige betydninger for forskellige mennesker, eller meningen vil blive savnet helt.

Farvepsykologi

Farvets psykologi er et af de mere komplekse emner inden for designpsykologi, og ikke noget, vi vil gå i dybden her. Men de farver du bruger kan have en stor indflydelse på, hvordan dine besøgende opfatter dit websted. Sørg for, at de farver, du har valgt, forstærker din besked og det billede, du vil skildre.

Nedenfor er en grundlæggende liste over farver og deres betydninger. Selvfølgelig vil kombinationerne af farver, du bruger sammen med deres nøjagtige nuance, nuance eller tone, også have betydning for deres betydning.

  • Rød
    Fiery og lidenskabelig, kan repræsentere både kærlighed og vrede.
  • orange
    Aktier attributter af både rød og gul. Tilknyttet energi og varme. Det er roligere end rødt og mere muntert.
  • Gul
    En varm, glad farve. Det kan repræsentere enten glæde eller fejhed.
  • Grøn
    Betegner natur, vækst og fornyelse. På samme linje kan grønne sommetider undertiden være uerfarne. På bagsiden er grønne undertiden forbundet med misundelse eller misundelse.
  • Blå
    Beroligende og køligt, men for meget kan være deprimerende. Ofte forbundet med virksomhedens billeder.
  • Lilla / Violet
    Længe forbundet med royalty og rigdom. Det er også en åndelig farve, og tænkes at være kreativ.
  • Sort
    En bit af en kameleon, det kan være konservativ eller edgy, traditionel eller moderne. Det kan være mystisk og sexet eller konventionelt og sikkert, afhængigt af hvordan det bruges.
  • hvid
    Forbundet med renhed og uskyld. Det går godt med enhver anden farve.
  • Grå
    Neutral og afbalanceret. Grå er konservativ og sofistikeret, men kan også ses som moody.
  • Brun
    En sund og jordnær farve, der betegner stabilitet og pålidelighed.

Læse mønstre

Folk har en tendens til at læse i et "Z" mønster på en hjemmeside, der starter over toppen fra venstre og slutter i nederste højre hjørne af deres skærm.

Som designer skal du stræbe efter at placere det vigtigste indhold inden for dette læsemønsterområde. Derfor er mange steder inkluderet i logoet øverst i venstre hjørne af overskriften.

Inddragelse af ikke-væsentlige oplysninger i denne læsesone betyder, at dine besøgende kan forlade stedet, før de finder det, de leder efter, da de måske tror, ​​at de ikke er til stede på dit websted.

Fokus på hver side

Hver side på dit websted skal have fokus. Der skal være et formål for hver side, om det er formålet at vise frem et produkt, fortælle om dit firma eller få de seneste nyheder.

Dit design skal lægge vægt på fokalelementet på hver side. Fokuset på hver side skal også umiddelbart ses, så de besøgende ved, hvad de laver der. Dette kan opnås ved hjælp af signaler i navigationen eller gennem et overskrift, ud over sidens indhold.

Et af de største mærker på et amatørsted forsøger at lægge for meget information på hver side. Vær ikke bange for hvidt mellemrum på dine sider, og vær ikke bange for at have et bestemt formål for hver side på dit websted.

Åndedræt

Det bringer os til begrebet hvidt rum og åndedræt. Hvis en besøgende ankommer på en rotete side fyldt med alle mulige ting, der er tænkelige, vil de føle sig overvældet og klaustrofobisk.

Det er sandsynligvis, at siden vil føle sig haphazzard og kaotisk. Dette lader besøgende føle, at de ikke ved, hvor de skal begynde, hvilket betyder, at de måske bare kan springe over dit websted og gå videre til en hvor de har et åndedræt.

Tillad det negative rum på dit websted at lede dine besøgende til de områder, du vil have dem til at fokusere på. Ved at kombinere tomt mellemrum og korrekt stilede og proportionerede elementer kan du opmuntre dine besøgende til at se på en bestemt ting og træffe en ønsket handling.

Fremgangsmåden for at indarbejde designpsykologi

Nu hvor du er bekendt med hvad designpsykologi er, og hvad det betyder for webdesign, kan du undre dig over, hvordan du præcist skal gå med at indarbejde det i din egen designproces. Her er et par teknikker, du kan bruge:

Find ud af, hvem dine besøgende er
At vide, hvem dine besøgende er, er et meget vigtigt første skridt i design af et websted, der vil appellere til dem. Hvis dine besøgende er tech-savvy internet veteraner, de vil have et andet sæt af prioriteter end nogen, der kun går online for at se på billeder af deres grand-kids. Find ud af, hvem din målbruger er, og find ud af, hvilke følelsesmæssige udløsere der vil arbejde for dem.

Interview dine brugere
Hvis du ikke er sikker på, hvad dine brugere eller besøgende vil have, kan du prøve at interviewe nogle af dem. Find nuværende eller tidligere kunder og se om de ville være villige til at svare på nogle få spørgsmål om dit websted. Derefter skabe meningsfulde spørgsmål baseret på dit eget websteds specifikke mål. Vigtigst er det at handle på de råd, de giver dig. Alt for ofte foretager virksomhederne interviews eller undersøgelser, men gør aldrig ændringer baseret på, hvad de bliver fortalt.

Opret et sitemap for dit websted
Du skal oprette et kort over hver side på dit websted, så du kan sikre, at hver side kun har et fokus. Lav en liste over alt, hvad der skal være på dit websted først og derefter kortlægge hvilken side hvert enkelt element skal fortsætte (ideelt set bør det være en side pr. Emne, medmindre det er meget, meget tæt relateret).

Saml dine branding elementer
Lav en liste eller opret en fil med de fælles elementer, der bruges til at repræsentere dit mærke. Mest sandsynligt vil dette indeholde et logo, et farveskema og muligvis et bestemt skrifttype. Så find ud af, hvor du skal indarbejde disse i dit websted design.

Gør A / B-test
Selvom du gør det på et begrænset grundlag, er det vigtigt at finde ud af, hvilke websider der fungerer bedst. Hvis du er usikker på, hvad dine besøgende ville være mere komfortable på på en bestemt side, test det med to versioner for at se, hvilken der opnår bedre resultater.

Designpsykologi er noget, hver designer skal stræbe efter at lære mere om og indarbejde i deres workflow. Det kan være den største enkelt faktor i, hvor effektive dine designs er, og hvor glade dine kunder er som følge heraf. Det tager ikke meget tid og er ikke særlig svært, så der er virkelig ingen undskyldning for ikke at tage i det mindste nogle af disse principper og sætte dem i praksis.

Flere ressourcer


Skrevet udelukkende til WDD af Cameron Chapman

Holder du psykologiske principper i tankerne, når du laver dit designarbejde? Hvilke er de mest brugte i dit eget arbejde og hvorfor?

design webdesign psykologi