Psychologie designu 1

13. hodina MVOP WBF

Matěj Cajthaml — SSPŠ

©

Opakování

K čemu slouží sledování požadavků?
Jak se liší UI a UX?
Jaké tagy se využívají ve formulářích?
Co nám říká UX honeycomb?

Opakování

Jaké zásady máme při tvorbě UI a UX dodržovat?
Jakým tagem se definuje položka tabulky?
Co je to princip minimálního překvapení?
Jaké znáte typy pozicování?

Psychologie designu

Psychologie designu

  • design (ne)přímo ovlivňuje chování uživatele
  • špatný i dobrý dojem
  • nekalé praktiky
  • animace, barvy, fonty, klikání, ...

Ovlivňování pomocí UI a UX

  • stejný podíl
  • nejde jen o web ale i aplikace, tisk, marketing, ...
  • UI — vzhled
  • UX — chování

není možno neovlivňovat

není možno nekomunikovat

Psychologie barev

Psychologie barev

  • každá barva vzbuzuje různé emoce
  • každý člověk jiné, nejčastěji rozhoduje kultura
  • při tvorbě UI si je potřeba každou barvu rozmyslet

energie

síla

teplo

determinace

bezprostřednost

vášeň

vážnost

důležitost

hloubka

stabilita

důvěra

sebejistota

klidnost

informace

růst

klidnost

prostředí

příroda

bezpečí

úspěch

radost

důležitost

energie

optimismus

čerstvost

upozornění

nadšení

zapálenost

úspěch

teplo

kreativita

vzrušení

citlivost

starost

emoce

láska

věrnost

síla

arogance

luxus

chytrost

záhadnost

čistota

nevinnost

luxus

mír

bezpečnost

síla

důležitost

záhadnost

elegance

stabilita

https://www.informationisbeautiful.net/visualizations/colours-in-cultures/

Volba barev

https://flatuicolors.com

https://coolors.co

https://www.toptal.com/designers/colorfilter

Psychologie fontu

Fonty typu serif

  • patky
  • respekt, důvěřivost, autorita, formálnost
  • především tisk

Fonty typu sans-serif

  • bez-patek
  • moderní, důvěřivost, techničnost, přímočarost, nezkušenost

Fonty typu cursive

  • bez-patek, psané
  • elegantní, kreativní, tradiční

Fonty typu monospace

  • každý znak zabírá stejné místo
  • technické, vzdělanost, úhlednost

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/