Team Otree
01.08.2024 r.
Część z nas lubi nowości, ale nawet Ci którzy lubią nowinki używając interfejsu użytkownika nie zawsze mają potrzebę uczenia się nowych funkcji, żeby załatwić szybko swoja sprawę. Dlatego dziś omówimy zasadę, która pozwoliła jednej z najwiekszych firm B2B E-coomerce w Polsce odnieść sukces, dzięki zastosowaniu podobieństw przy projektowaniu interfejsu z branży B2C, a nie B2B. Wprawdzie było to kilka lat temu, ale ten odważny krok sprawił, ze obecnie TIM SA, bo o nim mowa realizuje obrót w E-commerce na poziomie ponad 1mln zł, a zaczynał od poziomu 0 w roku 2012
Zasada podobieństwa
Jest zasadą organizacji percepcyjnej Gestalt, która obserwuje ludzką tendencję do grupowania elementów wizualnych, gdy tworzą one znaczący lub osobiście istotny obiekt, przedmiot lub scenę wizualną.
Poprzez doświadczenie tworzymy mentalne reprezentacje dla różnych obiektów, postaci, zwierząt i wszelkich innych dwuwymiarowych lub trójwymiarowych form. Te reprezentacje mentalne mogą być stosowane z jednej sytuacji do drugiej, świadomie lub nieświadomie.
Dlatego zasada podobieństwa pozwala nam pokładać zaufanie w ludzkiej percepcji i działać zgodnie z informacją przetwarzaną w umyśle, bez konieczności ciągłego domyślania się, czy stworzyliśmy dokładne reprezentacje z tysięcy linii, krzywych i kształtów, które tworzą obiekty zarówno w świecie fizycznym, jak i graficznym.
Ludzkie oko ma tendencję do postrzegania podobnych elementów projektu jako pełnego obrazu, kształtu lub grupy, nawet jeśli elementy te są od siebie oddzielone.
Kilka słów o autorze Zasady podobieństwa
Max Wertheimer – był niemieckim psychologiem, który żył w latach 1880-1943. Był jednym z założycieli Gestalt psychologii, kierunku psychologicznego, który podkreślał znaczenie percepcji i organizacji sensorycznej w postrzeganiu świata. Jego prace nad zjawiskiem percepcji, zwłaszcza eksperymenty nad zjawiskiem stroboskopu, doprowadziły do sformułowania teorii Gestalt. Wertheimer, wraz ze swoimi kolegami Kurtem Koffką i Wolfgangiem Köhlerem, opracował wiele kluczowych założeń Gestalt, w tym Zasadę podobieństwa.
Najważniejsze założenia:
- Elementy wizualnie podobne będą postrzegane jako powiązane.
- Kolor, kształt i rozmiar, orientacja i ruch mogą sygnalizować, że elementy należą do tej samej grupy i prawdopodobnie mają wspólne znaczenie lub funkcjonalność.
- Warto się upewnić, że linki i systemy nawigacji różnią się wizualnie od zwykłych elementów tekstowych.
Elementy, które posiadają podobne cechy, mają tendencję do grupowania się razem w percepcji ludzkiej. Oznacza to, że ludzki umysł automatycznie przetwarza informacje wzrokowe, grupując elementy o podobnych właściwościach w spójne wzorce, nawet jeśli są one oddzielone w przestrzeni.
Przykłady zastosowania:
Elementy o zbliżonym wyglądzie i ułożone blisko siebie są postrzegane jako skupisko lub grupa.
Wizualne wyróżnienie buttona kolorem i kształtem – pomaga odróżnić element aktywny od zwykłego tekstu.
Podsumowanie
Zasada podobieństwa ma zastosowanie w różnych dziedzinach, od psychologii i percepcji po projektowanie interfejsów użytkownika, grafikę komputerową i projektowanie stron internetowych. Projektanci często wykorzystują tę zasadę, aby tworzyć spójne wzorce wizualne, ułatwiając użytkownikom przetwarzanie informacji i interakcję z produktami i interfejsami. Dzięki zrozumieniu zasady podobieństwa, projektanci mogą tworzyć bardziej intuicyjne i łatwe w użyciu projekty, które są bardziej atrakcyjne i skuteczne dla użytkowników.
Źródła
