BLOG
UX - 29 sierpnia 2024 11:19 Autor: Ola Gradowska

Projektowanie a zasady Gestalt

W tym tygodniu pozostajemy w klimacie psychologii, która pozostaje jednym z najważniejszych narzędzi w zakresie projektowania UX. Jak pamiętasz, projektowanie UX skoncentrowane jest na użytkowniku, a użytkownik podlega procesom, które od lat bada psychologia.

W tym artykule przybliżę Ci:
  • Gestalt w psychologii
  • Czym są zasady Gestalt?
  • Zasady Gestalt – omówienie

Gestalt w psychologii

Nurt Gestalt narodził się w psychologii na początku XX wieku. Uważa się, że jej początkiem była publikacja Maxa Wertheimera na temat iluzji wywoływanej przez dwa oddalone od siebie i mrugające na przemian światła. Choć stanowiły one dwa odrębne obiekty, postrzegane były jako jeden poruszający się obiekt (Wikipedia). Do pracy Wertheimera dołączyli wkrótce Wolfgang KöhlerKurt Koffka. Panowie chcieli zrozumieć, jak ludzie nadają sens rzeczom, które widzą i słyszą. Zidentyfikowali zbiór praw, które odnoszą się do naturalnej potrzeby znajdowania porządku w nieładzie. Zgodnie z tym umysł „informuje” to, co widzi oko, postrzegając szereg pojedynczych elementów jako całość (Interaction Design Foundation).

Całość jest czymś innym niż suma części.

Kurt Koffka

Jak prace naukowców przyczyniły się do udziału psychologii projektowania? Projektanci zauważyli, że znajomość ludzkiej psychiki i tego, jak działa umysł człowieka ma niebagatelny wpływ na to, jak powinno projektować się przyciągające wzrok i użyteczne produkty.

Czym są zasady Gestalt?

Znając krótki zarys historyczny i definicję, możemy podsumować, że zasady Gestalt stworzone zostały aby wyjaśnić, jak ludzie rozpoznają wzorce, upraszczają złożone obrazy i jak grupują podobne elementy. Zasady te opowiadają również o tym, jak ludzie postrzegają obserwowane obiekty. Zasady te wykorzystywane są przez projektantów do organizowania treści w swoich produktach (na stronach internetowych czy w aplikacjach, ale też innych urządzeniach posiadających interfejsy). Dzięki nim, projekty mogą być nie tylko estetyczne, ale również użyteczne i intuicyjne.

Zasady Gestalt

Przejdźmy zatem do krótkiego omówienia 6 najważniejszych zasad Gestalt, które pomogą Ci w zrozumieniu psychologii projektowania.

Zasada bliskości

Jeżeli podobne do siebie elementy znajdują się blisko siebie, są rozpoznawane nie jako elementy osobne, a jako całość.

Zasada podobieństwa

Jeżeli chcemy wyróżnić jakiś element, pamiętajmy o tym, że obiekty do siebie podobne są widziane jako powiązane ze sobą.

Zasada symetrii

Ludzkie oko lubi symetrię, dlatego zachowajmy ją w naszym projekcie. Spowoduje to nie tylko czytelność obiektu, ale również pozytywne wrażenia użytkownika.

Prawo figury tła

Obiekty na pierwszym planie są widziane jako pierwsze, a często to co znajduje się w tle jest zupełnie pomijane przez nasz umysł.

Zasada wspólnego regionu

Grupowanie elementów za pomocą na przykład ramki powoduje, że ludzkie oko widzi je wyraźniej i spójniej. Przykładem zastosowania tej zasady są cenniki.

Zasada domknięcia

Często wykorzystywana w przypadku projektów logo. Mamy naturalną skłonność do wypełniania luk pomiędzy obiektami, co może pomóc w projekcie.

Wszystkich zasad jest 12, ale powyższe to najczęściej stosowane. Warto jednak zapoznać się ze wszystkimi, gdyż jak widzisz, ich praktyczne wykorzystanie ma korzystny wpływ na odbiór Twojego projektu a w konsekwencji na odbiór Twojej marki.

Autor:

Ola Gradowska

Mniszka w BOK zenbox.pl. Autorka wielu publikacji w Internecie i prasie. W zenbox.pl od prawie 6 lat. Poza pracą w BOK, wspiera oraz rozbudowuje bazę wiedzy dla Klientów i Mnichów zenbox.pl. Dumna posiadaczka dyplomu z projektowania UX/UI. Prywatnie - nałogowo podróżuje, najczęściej w stronę słońca. W wolnych chwilach pochłania literaturę faktu w każdej formie, spaceruje z psem i gra w gry :)

Może ci się spodobać również

Laptop i ręce człowieka z nakładką tarczy.
Porady - 17 kwietnia 2025 12:28

Zero Trust Security w WordPress: Jak zabezpieczyć stronę przed nieautoryzowanym dostępem?

Bezpieczeństwo stron internetowych to temat, który nigdy nie traci na znaczeniu. W dobie rosnącej liczby ataków hakerskich, wycieków danych i zagrożeń typu brute force, tradycyjne podejście do ochrony stron WordPress może nie być wystarczające. Właśnie dlatego coraz więcej firm i administratorów stron internetowych wdraża model Zero Trust Security. Czym różni się Zero Trust od klasycznych […]

Więcej →

Ściana kodu html
Porady - 14 kwietnia 2025 12:53

Jak działa Git? Przewodnik dla początkujących

Git to jeden z najpopularniejszych systemów kontroli wersji na świecie. Jest używany przez programistów, administratorów systemów i zespoły IT do śledzenia zmian w kodzie i współpracy nad projektami. Dzięki niemu można tworzyć między innymi aplikacje internetowe i łatwo zarządzać w zespole historią plików, cofać zmiany i pracować nad różnymi funkcjami w niezależnych gałęziach. Wielu początkujących […]

Więcej →

Człowiek z mapą gotowy do migracji
Porady - 20 marca 2025 8:55

5 Najczęstszych błędów popełnianych podczas migracji strony internetowej na nowy serwer i jak ich uniknąć

Dobrze pamiętam gdy pierwszy raz zabierałem się za przeniesienie strony internetowej pomiędzy serwerami. Towarzyszyło mi uczucie zagubienia, kwestionowałem jeszcze wtedy bardzo swoje umiejętności, jednak powiedzenie „strach ma wielkie oczy” wyjątkowo dobrze wpisywało się w całą sytuację. Czy migracja strony www może być wyzwaniem? Oczywiście, jednak użyję tutaj mojego ulubionego zwrotu, „to zależy” od na przykład […]

Więcej →