Vissza
  • #Design
  • #UX

Egy pillantás és azonnal tudod: A hasonlóság elve a fehasználói felületek tervezésben.

2023.09.28.
1 perc | Horváth Bertalan András (designer)

Az igazán kiemelkedő digitális termékek mögött részletes kutatás, alapos interjúzás és a piac átfogó felmérése áll. És bár ezek a lépések vitathatatlanul kulcsfontosságúak egy sikerre vezető úton, vannak azon alapvető irányelvek, amelyek nélkül a felületek sosem lennének igazán felhasználóbarátok és ergonómikusak. Ezeket az alapelveket nevezzük a UX törvényeinek, és ismeretük elengedhetetlen minden designer számára, aki a lehető legjobb felhasználói élményt kívánja létrehozni.

A hasonlóság elve
Azon elemeket, melyek hasonló kinézettel (forma, szín) rendelkeznek, hasonlónak érzékelünk. Az adatvizualizációs gyakorlatban hasonló színű, formájú és alakú elemekkel kell az egy csoportba tartozást szemléltetni, de természetesen ez a különállásra is igaz.


Már többször elgondolkodtam a kérdésen, hogy a vizuális tartalmakban mi is is befolyásolja a fogyasztók, felhasználók érzelmeit és döntéseit. Tény, hogy imádunk értékelni és bekategorizálni dolgokat és ezt kihasználva a designernek sok eszköze van, hogy egy adott cél érdekében tervezzen. Ez a cél pedig a UX designerek esetében a digitális termék minél jobb átláthatósága, megértetése a felhasználókkal.

Az egyik ilyen eszköz, ami egyszerűsége ellenére hihetelen hatékony és széles körben alkalmazott, a “hasonlóság elve”. Röviden arról van szó, hogy az emberek hajlamosak csoportosítani az azonos vagy hasonló vizuális elemeket. Tehát ha ugyanolyan formájú, méretű, színű vagy stílusú elemeket helyezünk közel egymáshoz, azokat a néző könnyebben azonosítja egy csoporthoz tartozónak.

Ez a tervezők számára nagyszerű eszköz a fontos információk kiemelésére vagy az elemek strukturális rendezésére. Példaként a videómegosztók, pl. Youtube által használt példát hozhatjuk fel, a manapság nagyon népszerű short-form videók mindig álló helyzetű téglalapban vannak egységesen. Így nem lehet összetéveszteni a hagyományos hosszabb videókkal, amik a megszokottabb fektetett téglalapban szoktak megjelenni.

Hogyan használjuk a hasonlóság elvét a 22.design-ben?

Saját példaként a Konzolvilág jut eszembe, ezen belül a termékkártyákon szereplő egyértelmű színhaszálat. A kártyákon Konzolvilág magenta színe mindig valami kedvezményre utal, a narancsszín pedig a részletfiztés lehetőségére. Ezek vizuálisan könnyen elkülöníthető tulajdonságok, amik egyértelműen jelzik a funkciókat.

konzolvilag-a-hasonlosag-elve.jpg

Mivel rengeteg eCommerce projekten dolgozunk, így a hasonlóság elvét rendszeresen alkalmazzuk a termékek vizuális bemutatásában és kategóriákba sorolásában. Amikor egy webáruházban sokféle termék található, kritikus, hogy az oldal látogatója könnyedén navigálhasson és gyorsan megtalálja a keresett termékeket. A hasonlóság elve segítségével, az azonos kategóriájú termékeket hasonló design elemekkel, színekkel vagy stílusokkal jelöljük, így a vásárlók könnyedén csoportosíthatják és értelmezhetik azokat. Emellett a promóciós akciók, új termék kiemelések vagy különleges ajánlatok is hasonló design elemekkel kerülnek bemutatásra, hogy az azonos ajánlatok vagy kedvezmények azonnal felismerhetőek és könnyen azonosíthatóak legyenek a felhasználók számára. Az egységes és következetes vizuális megjelenítés nem csak a felhasználói élmény javításában van segítségünkre, hanem az eladások növelésében is.

Weboldalunk sütiket használ annak érdekében, hogy a lehető legjobb felhasználói élményt nyújtsa.