Gombok és felhasználói felület elemek elhelyezésének optimalizálása

Gombok optimalizálása mobilon és asztali felületen

A gombok optimalizálása akkor fontos, amikor egy oldal ugyan működik, mégsem hozza azt az eredményt, amit a tulajdonos vár. A látogató látja a tartalmat, olvas is belőle, de nem kattint tovább, nem küld üzenetet, nem kér ajánlatot. Ilyenkor a gond gyakran nem nagy hiba, hanem az, hogy a gomb túl kicsi, rossz helyen van, halvány, vagy egyszerűen nem tűnik egyértelműnek. A magánügyfelek többnyire akkor kezdenek ezzel foglalkozni, amikor azt érzik, hogy a saját oldaluk valahogy megtorpan. Szerintem ez teljesen érthető, mert egy gomb apróságnak látszik, mégis ezen dől el sok kapcsolatfelvétel.

És sokan ott követik el a hibát, hogy csak a színt nézik. Pedig a gombok optimalizálása nem csak látvány. Ide tartozik a méret, a körülötte lévő üres tér, a felirat hossza, a kattinthatóság érzete, a mobilos ujjhasználat, sőt az is, milyen sorrendben jelennek meg a fontos elemek. Az én tapasztalatom az, hogy a túl okos megoldások gyakran rosszabbak, mint az egyszerűek. Ha a látogatónak gondolkodnia kell azon, mire nyomjon, akkor már vesztett az oldal.

Tipikus hibák a kattintható elemeknél

A leggyakoribb probléma az, hogy a fő gomb nem elég hangsúlyos. Nem azért, mert csúnya, hanem mert belesimul a többi elem közé. Van mellette két másik szín, egy banner, egy kép, és a látogató szeme nem tudja, mire érdemes figyelnie. Máskor a felirat bizonytalan. Például túl általános, túl rövid, vagy semmit nem mond arról, mi fog történni kattintás után. Egy ilyen apróság sokkal többet számít, mint ahogy elsőre tűnik.

Sokan azt is elrontják, hogy túl sok gombot tesznek egy blokkba. Ez főleg mobilon zavaró. A felhasználó görget, megáll, de nem tud dönteni, mert előtte van három hasonló lehetőség. Kapcsolat, üzenet, ajánlatkérés, további részletek. És mind egyszerre akar fontos lenni. Nekem személy szerint az a megoldás vált be a legjobban, amikor egy részben csak egy fő irány marad, a többi pedig háttérbe kerül. Ez nyugodtabb felületet ad, és a kattintás is természetesebb lesz.

Volt olyan eset, amikor egy ügyfél azt mondta, hogy a szöveg biztosan gyenge, mert sokan megnyitják az oldalt, mégsem érkezik kérés. A vizsgálat során kiderült, hogy a fő gomb a telefonokon éppen a képernyő alsó széléhez tapadt, és a fölötte lévő sűrű bekezdés miatt szinte eltűnt. Nem kellett új oldal. Elég volt átrendezni a blokkot, nagyobb kattintható teret adni, és rövidebbre venni a feliratot. Utána megindultak a megkeresések. Sokan nem hiszik el, mennyit számít egy ilyen javítás.

Gombok optimalizálása árak

Az ár általában attól függ, hogy csak néhány gomb és kattintható elem javításáról van szó, vagy teljes felületi átnézésről. Egy rövid javítás olcsóbb lehet, de ha több aloldalon ugyanaz a szerkezeti hiba ismétlődik, akkor már részletesebb munkára van szükség. Én óvatos lennék a túl alacsony díjjal. Olcsóbban persze mindig lehet találni valakit, de 10.000 alatt ritkán kap az ember olyan átnézést, amely valóban feltárja a problémát. És őszintén szólva a túl olcsó munka sokszor csak felületes benyomás marad, nem használható döntési alap.

Az én véleményem az, hogy a nagyon olcsó ajánlat ritkán minőségi. Egy egyszerű javításnak is akkor van értelme, ha valaki megmondja, miért nem működik jól a jelenlegi megoldás. Enélkül könnyen csak szebb lesz valami, de hatékonyabb nem.

Milyen szakembert érdemes választani

A jó szakember ennél a feladatnál nem feltétlen az, aki a leglátványosabb felületet mutatja be a saját portfóliójában. Inkább az, aki észreveszi a használat közbeni akadást. Magánoldalaknál és egyszerű szolgáltatói felületeknél ez különösen fontos. Nem egy új arculat a cél, hanem az, hogy az ember könnyen tudjon továbblépni. Egy webes szakember akkor hasznos igazán, ha a kattintási helyzetet nézi, nem csak a díszítést.

Szerintem érdemes azt figyelni, hogy az illető mennyire konkrétan beszél. Ha csak annyit mond, hogy modernebb gombokra van szükség, az kevés. Ha viszont arról beszél, hogy túl közel vannak egymáshoz az elemek, rossz a vizuális sorrend, rövidebb felirat kell, vagy a legfontosabb kattintási pont túl lent van, abból látszik a gyakorlat. Sok ügyfél ott hibázik, hogy dizájnert keres olyan gondra, amely valójában használhatósági kérdés. Néha persze ugyanaz az ember megoldja mindkettőt, de ezt nem szabad automatikusan feltételezni.

A Qjob.hu oldalon több olyan szakember is elérhető, aki kisebb szolgáltatói oldalakkal, egyéni bemutatkozó felületekkel és egyszerű ajánlatkérő oldalakkal foglalkozik. Ez azért hasznos, mert egy magánmegrendelőnek általában nem vállalati rendszerhez kell megoldás, hanem egy átlátható, hétköznapi felülethez, ahol a fő kérdés az, hogy a látogató megnyomja-e azt az egy fontos gombot.

Elhelyezés és sorrend a felületen

A gombok optimalizálása sokszor nem a gombbal kezdődik, hanem a környezetével. Ha előtte túl hosszú a szöveg, ha fölötte túl nagy a kép, ha alatta túl sok más elem áll, akkor maga a gomb hiába jó. Eltűnik a zajban. Én személy szerint jobban szeretem, amikor a fontos kattintható rész nem különleges akar lenni, hanem világos. Jól látható, tiszta, könnyen elérhető. Ez sokkal többet ér, mint a látványos, de bizonytalan megoldás.

Mobilon még erősebb a helyzet. Az ember egy kézzel tartja a telefont, fél szemmel figyel, sokszor útközben dönt. Ilyenkor a túl magasan vagy túl lent elhelyezett gomb kényelmetlen lehet. De az sem jó, ha egy blokkban az első megjelenő kattintható elem kevésbé fontos, mint a második. A felhasználó általában az első egyértelmű lehetőséggel próbálkozik. Ha az rossz irányba viszi, elveszítjük a lendületet. Sok oldal emiatt nem gyenge, hanem egyszerűen rosszul rendezett.

És van egy másik gyakori konfliktus is. A tulajdonos több dolgot akar egyszerre megmutatni. Vélemények, képek, ár, kapcsolat, rövid bemutatkozás, térkép, közösségi hivatkozás. Mindennek van helye, de nem ugyanazon a ponton. Ha mindent egyszerre nyomunk előre, a látogató nem fogja tudni, melyik a következő lépés. Itt már nem szépészetről beszélünk, hanem döntési terhelésről.

Kerületek, környékek és helyi használat

A helyi szokások számítanak. Egy belső kerületben működő szolgáltató oldalán gyakran gyors döntések születnek. Az ember a telefonján rákeres valamire, megnézi az első benyomást, és néhány másodperc alatt eldönti, marad-e. Ilyenkor a gombok optimalizálása különösen fontos, mert a látogató nem akar keresgélni. Egy külsőbb városrészben vagy a közeli településeken viszont gyakran más a helyzet. Ott több olvasás után történik meg a kapcsolatfelvétel, ezért más sorrend is működhet.

Budapesten például gyakori, hogy az oldalra érkező érdeklődő azonnal telefonálni vagy üzenni akar. Egy elővárosi környezetben működő szolgáltatásnál viszont előbb a terület, az elérhetőség és a munkafeltételek érdeklik. Emiatt a gomb helye és a mellette lévő információ is más súlyt kaphat. Nem ugyanaz kell a belvárosban, mint egy nyugodtabb külső részben. Aki ezt nem veszi figyelembe, könnyen sablonos megoldást kap.

Én azt láttam, hogy a kerületek és a környékbeli települések szokásai között valóban lehet különbség. Nem óriási, de elég ahhoz, hogy számítson. És sokan ezt hagyják figyelmen kívül. Ugyanazt a szerkezetet rakják minden oldalra, aztán csodálkoznak, hogy az egyik helyen működik, a másikon nem igazán.

Mikor kell hozzányúlni a gombokhoz

Nem kell megvárni, amíg teljesen egyértelmű hibát látunk. Már az is jel lehet, ha van látogatás, még sincs kattintás. Vagy sokan megnyitják az oldalt mobilon, de nem jutnak el a kapcsolatfelvételig. Ugyanez igaz arra is, amikor sabloncsere után minden rendben lévőnek tűnik, csak valahogy csökken a reakció. Ilyenkor a gombok optimalizálása nem felesleges finomkodás, hanem nagyon is gyakorlati lépés.

És nem mindig nagy munkát jelent. Néha egy jobb helyre tett gomb, egy rövidebb felirat, több levegő a blokk körül és tisztább sorrend elég. Máskor komolyabb átnézés kell, mert a hiba több helyen ismétlődik. De szerintem a legnagyobb tévedés az, amikor valaki mindent a reklámra fog, miközben a felület nem tudja átvenni a forgalmat. Sokan erre költenek először többet, pedig lehet, hogy előbb a kattintható elemek rendbetétele hozna eredményt.

Az ilyen javítás akkor jó, ha nem csak szebb lesz tőle az oldal, hanem nyugodtabb is. A látogató érti, mit lát, érzi, mire kell nyomnia, és nem akad meg felesleges pontokon. Nekem ez a jó felület. Nem hangos. Nem túlmagyarázott. Csak működik.