A gomb nem arra való, hogy a designer kreativitását villogtassa – hanem arra, hogy a felhasználó rögtön tudja, hova kell kattintania. Mégis, újra és újra látom a kezdő designerek (vagy túllelkesedett ügyfelek) elkövetett hibát: a gomb legyen egyedi. Kicsit más, kicsit különleges. Legyenek a sarkai különbözőképp kerekítve, mint egy levélboríték. Vagy jöjjön rá egy színátmenet árnyékkal, fénycsíkkal, hologrammal – hogy kiemelkedjen.
Csakhogy a gomb szerepe nem az, hogy különleges legyen. A gomb szerepe az, hogy gomb legyen.Az emberek nem „olvassák” a weboldalakat. Átfutják.
Ez azt jelenti, hogy a vizuális minták alapján döntenek. Ha valami nem néz ki gombnak, nem fogják kattinthatónak érezni – és nem fogják megnyomni. A túl bonyolított, „művészi” gombok gyakran pont az ellenkező hatást váltják ki: nem lesznek konverziót hozó pontok, mert egyszerűen nem olvashatók azonnal gombként.
A gomb legyen:
– jól látható
– kontrasztos
– egyszerű
– következetes az egész oldalon
Ha elkezdesz játszani a sarkokkal (pl. csak két oldalt kerekítesz), vagy túldíszíted a formát, azzal megtöröd a felhasználói mintát. A látogató nem tudja eldönteni, hogy az most egy díszítőelem, egy doboz, vagy tényleg egy gomb. Ha gondolkodni kell rajta, már veszítettél.
A jó gomb nem tűnik ki – hanem működik.
A legtöbb sikeres weboldal gombjai unalmasak. És ez teljesen rendben van. Kicsit lekerekített téglalapok. Határozott szín. Olvasható szöveg. Hover állapot. Kattintási élmény. Pont. Ha nagyon kreatív akarsz lenni, használd ezt máshol: a képi világban, az illusztrációkban, a címsorokban. De hagyd a gombokat annak, amik: iránytűk az oldalon belüli navigációhoz. Ha eltekered őket, az emberek eltévednek.
A gomb nem az önkifejezés helye. A gomb a cselekvés helye.
Ha dizájnerként tényleg azt akarod, hogy az oldalad működjön, ne a formát próbáld különlegessé tenni – hanem a funkcióját tedd egyértelművé.
A jó gomb nem divatozik. A jó gomb konvertál.
Így használd – ha azt akarod, hogy kattintsanak
A gomb legyen mindig egyértelműen felismerhető funkcióként, ne pedig vizuális játék. Kerüld a túlformázást, különösen az olyan ötleteket, mint a csak két sarok lekerekítése vagy a levélszerű alakzatok, mert ezek könnyen összezavarják a felhasználót. Használj egyszerű, jól olvasható formát, kontrasztos színt, következetes stílust az egész oldalon, és hagyj elegendő térközt körülötte, hogy érvényesülni tudjon. A cél az, hogy a gomb gombnak nézzen ki – és ne kérdőjelezze meg senki, mire való.
