Disse 10 psykologiske regler vil gøre dit design mere tiltalende

Illustration af Oliwia Przybyła

Da jeg uddannede mig i psykologi, troede jeg aldrig, at jeg ville ende med at arbejde som UX-designer. Mine studier har dog ikke været forgæves - jeg vidste altid, at psykologi er vigtigt på alle livsområder, og design er ingen undtagelse. Anvendelse af lovene om kognitiv psykologi hjælper mig og mit team til at skabe fantastiske, intuitive projekter. Når alt kommer til alt, når det kommer til brugervenlighed, er det vigtigt at vide, hvordan brugerne tænker.

Jeg identificerede 10 psykologiprincipper, der kan forbedre anvendeligheden og forståelsen af ​​næsten ethvert design.

Nogle af deres navne kan virke skræmmende ved første øjekast, men jeg kan forsikre Dem om, at de faktisk er meget lette at forstå og implementere. Tjek dem ud, hvis du vil tage dine designs til det næste niveau. Jeg ved, at billeder taler højere end ord, så hvert princip illustreres ved et eksempel oprettet af vores designteam - ja, vi følger dem dagligt

1. Psykiske modeller

Konceptuelle "kort" hjælper folk med at forudsige et objekts opførsel, da det minder dem om noget, de allerede kender.

For eksempel skal trekantikonet for "play", der ofte bruges i musikenheder, aktivere afspilningsfunktionen på grænsefladen. Det samme sker med et "hjerte" -symbol, som betyder at lide noget. Respekter dine brugers vaner - det er ikke nødvendigt at prøve at opfinde hjulet igen. Eller en afspilningsknap

Online-musikstreaming-service-koncept af Mateusz Piątek

2. Princippet om kontaktpunkt

Brugernes opmærksomhed kan let drages mod et element, der har en markant anden form eller farve. I forhistorisk tid var denne funktion at beskytte os mod potentiel fare, såsom en tiger, der lurer i bushen. Et samlingspunkt kan bruges til at bringe brugerens opmærksomhed på det vitale element eller handling.

Design nedenfor viser det perfekte eksempel på CTA-knappen, der skiller sig ud fra andre elementer.

Finance Landing Page af Mateusz Piątek

3. Princippet om lighed

Når objekter ser ens ud, opfatter folk dem som elementer i en gruppe. Det kan opnås ved at bruge den samme farve, form eller struktur i dem alle. Dette lille trick giver brugerne en ensartet designoplevelse.

Se på eksemplet - det præsenterer flere bøgergenrer i forskellige former og farver end andre elementer i interface.

Books Library App-koncept af Aga Ciurysek

4. Princippet om fortsættelse

Vores hjerner prioriterer naturligvis følgende linjer - elementer på en kurve opfattes som relaterede.

Bare se på denne fortegnelse over film og fortæl mig, at dine øjne ikke fulgte den hurtigt! Eller ved du hvad? Sig ikke noget - jeg vil alligevel ikke tro dig;)

Filmography Library Landing Page-koncept af Damian Denis

5. Princippet om lukning

Vi ser elementer med en tæt afstand mellem dem som en solid form. Med andre ord har vores hjerner en tendens til at lukke ufuldstændige former. Denne overraskende regel giver os en fri hånd til at følge vores designerinstinkt og til tider være ikke-bogstavelige.

Kontroller følgende billede med nummer “ti” oprettet af klippede former.

Blog Landing Page-koncept af Damian Denis

6. Princippet om nærhed

Når du placerer elementer tæt på hinanden, modtager øjet dem som beslægtede genstande.

I dette koncept er hver kopiblock placeret tæt på et ikon og et nummer. Brugeren forstår let at de hører til hinanden og præsenterer et enkelt stykke indhold i det generelle layout.

Nello-landingsside af Mateusz Piątek

7. Princippet om figur og jord

Menneskelige øjne adskiller normalt genstande fra deres baggrund - det virker så indlysende, at vi ikke tænkte over det meget ofte. Med dette princip i tankerne kan vi imidlertid guide brugerne og foreslå dem, hvilken del af designet skal de fokusere på.

Dette bank-login-panel bruger princippet om figur og jord til den hvide tekst til højre, som står øverst på den mørke baggrund.

Bank Login Panel-koncept af Damian Denis

8. Princip for den fælles region

Objekter tæt på hinanden betragtes som en gruppe. Når vi tilføjer grænser, skaber vi en synlig barriere mellem grupper.

Vores koncept med mad-app bruger denne lov til at adskille retter fra hinanden.

Food Delivery App-koncept af Mateusz Piątek

9. Hick's Law

Enkelhed er nøglen! Denne regel angiver, at det med hvert ekstra valg, brugere har, tager dem mere tid at tage en beslutning. Må ikke overvælde dem med snesevis af muligheder - de kan gå tabt.

Denne fast ejendom-app bruger Hicks lov ved at give brugere et rimeligt, men begrænset antal valg til typen af ​​hus.

Flytta App af Aga Ciurysek

10. Fitts 'lov

Denne videnskabelige lov antager, at den tid, der kræves for at komme til et mål, er en funktion af forholdet mellem dets bredde og afstanden til målet.

Som designere kan vi anvende denne lov på hitområderne af klikbare objekter. Jo større klikbare område vi opretter, jo lettere vil det være for brugerne at klikke på det.

Dette cryptocurrency-udvekslingslandingskoncept følger denne regel med CTA-knappen, der kan klikkes på hele området.

Cryptocurrency Exchange Landing-koncept af Mateusz Piątek

Så det var ikke en raketvidenskab, ikke? Jeg vedder på, at du brugte mindst et par af disse principper blot ved at have tillid til din tarm.

Jeg mener dog, at disse regler skal blive 101 for enhver designer - muligheden for at ansætte dem med vilje åbner dit sind for tusinder af nye muligheder.

Som psykolog efter grad og lidenskab, tror jeg, at der ikke er nogen bedre tilgang til et fantastisk design end at forstå de mennesker, som vi skaber det for.

En menneskecentreret tankegang giver mere værdi til dit arbejde, selvom det ikke er så tydeligt fra starten.

Mit team i 10Clouds forsøger at anvende kognitiv psykologilove i næsten ethvert projekt. Hvad er resultaterne? Nå, brugere og klienter elsker vores design - selvom de ikke er klar over, hvad der gør dem så tiltalende

Hvor ofte anvender du disse psykologiregler?

Del din egen oplevelse ved at give en kommentar - Jeg vil meget gerne lære din mening at kende. Det er vigtigt at forstå reglerne, men der er ingen erstatning for en god samtale :)