Amikor a jelmagyarázat zavarja össze a felhasználót

A legapróbb dolgok is érthetetlenné tehetik a weboldalunk fő üzenetét. Itt egy példa arra, hogyan vezette félre a felhasználót egy grafikon jelmagyarázata és hogyan küszöböltük ki a problémát úgy, hogy az oldal esztétikus is maradt, de érthetővé is vált. A Hibridlevél új landing page-én dolgoztunk. Az egyik dolog, ami hangsúlyt kellett kapjon az árak rész, ami elmagyarázza, hogy mennyibe kerül egy cégnek, ha a postai leveleit házon belül nyomtatja és borítékolja vs. ha a Hibridlevéllel csinálja ugyanezt. A következő ábra volt az első design-unk erre:

A user teszten a user ezt mondta:

"A hagyományos levélküldésnél nagyon sok részt kitesz a nyomtatás, illetve a munkabér, és ezen felül van még a papírnak, a borítéknak illetve a postai díjnak a költsége."

Tehát a user összetévesztette a postai díj cikkét a nyomtatáséval. Mikor megkértem, hogy mutassa meg konkrétan melyik körcikk melyik költséget jelöli:

"Itt a színek mutatják: a munkabér a legsötétebb, majd a nyomtatás a kicsit szürkébb. ...vagy nem?... a postai díj a szürkébb?? Igen ...akkor elrontottam, a postai díj teszi ki a legtöbb részt."

Tehát a színek voltak túlságosan nehezen megkülönböztethetőek és ez zavarta össze. Ezen felül alapértelmezetten (Excelben és több grafikonos library-ban is) a jelmagyarázat az óra járásával megegyező irányban veszi sorra a cikkeket, ami ebben az esetben szintén zavaró. Talán más grafikonoknál nem annyira fontos, hogy pontosan be lehessen azonosítani a cikkeket, de ezen a landing page-en kifejezetten célunk volt, hogy az oldalt látogató marketinges, cégvezető valóban megértse hogy milyen és mennyi költsége merül föl, ha házon belül készítteti el a marketing (vagy egyéb postai) leveleit. A probléma egyik megoldása az lehetett volna, ha a szürke 4 árnyalatát könnyebben megkülönböztethető színekre cseréljük. Ezen a színkódon viszont nem akartunk változtatni, mivel a szürke annyira jól kommunikálta zsigeri szinten hogy a hagyományos levélküldés a múlt, a nem preferált választás, és a zöld Hibridlevél a friss, a jobb. Ezért azt választottuk, hogy vonalak kapcsolják össze a körcikkeket a jelmagyarázattal.

Ez működött. A színek és feliratok összedolgoznak. Egyszerre beszél a weblap zsigeri és racionális szinten is.