;)
tagged: Butonul Adauga in cos (I) – (denumire, forma, dimensiune si culoare)
Posted by Clement in Analize, Discutii, General, Internet, Resurse, eCommerce
Butonul “Adauga in cos” (“Add to cart”) este cel mai important buton din orice magazin online.
Da. Este mai important chiar decat butonul “Transmite comanda” (“Checkout”).
Este mult mai dificil sa determini un vizitator sa adauge un produs in cos (microconversie) decat sa il determini un pe utilizator care a pus deja un produs in cos sa transmita comanda.
Cu alte cuvinte, procentul celor care adauga un produs in cosul de cumparaturi fata de procentul vizitatorilor magazinului este mult mai mic decat procentul celor care transmit comanda fata de cei care au adaugat un produs in cos.
Explicatia tine de psihologia umana si de situatia concreta a utilizatorului:
- Conform teoriilor manipularii este mult mai usor sa determini o persoana sa faca o anume actiune daca ai reusita sa o determini sa faca o alta actiune mai mica anterior.
- Daca cineva adauga un produs in cos acesta este un semn ca este foarte probabil sa fie interesat de acel produs.
Butonul “Add to cart” are utilizari diverse in cadrul unui magazin online.
Nu intotdeauna cand cineva adauga un produs in cosul de cumparaturi acea persoana intentioneaza sa cumpere acel produs.
Este posibil ca adaugarea in cos sa fie facuta doar pentru a putea calcula totalul de plata sau costurile aditionale (ex. livrare) inainte de decizia de cumparare.
De asemenea, este posibil ca un utilizator sa adauge un produs in cos ca modalitate de a “pastra” cumva acel produs in vederea unor actiuni ulterioare (comparatii, reevaluari. Se intampla acest lucru chiar si la magazinele care au functionalitatea “wishlist” deoarece le este mult mai la indemana “Add to cart”.
Masurarea succesului butonul “Add to cart” se face masurand rata conversiei in general (cati dintre vizitatori transmit comenzi finalizate) dar si prin microconversie (cati dintre vizitatori adauga un produs in cos).
Tot ca un indicator legat de butonul in discutie trebuie semnalat (foarte important) si “cart abandonment” – “rata de abandon a cosului de cumparaturi”, insemnand care este procentul celor care pun un produs in cos dar nu finalizeaza comanda.
Va amintiti clipul de la Gala Premiilor eCommerce cand vizitatoarea ii pune cosul de cumparaturi in brate vanzatorului si pleaca?
Asa se intampla si online.
Orice analiza a butonului “Add to cart” si a posibilitatilor de imbunatatire trebuie sa tina cont de foarte multi factori: denumire, forma, dimensiune, culoare, contrast, pozitionare in pagina, functionalitate, vecinatati, accesibilitate).
In acest post vom exemplifica si discuta doar despre forma, dimensiune si culoare, incercand sa mentin postul la dimensiuni cat de cat rezonabile. 
Urmand sa discutam despre pozitionare in pagina, functionalitate si vecinatati atunci cand vom discuta despre pagina produsului.
In principiu denumirea, forma, culoarea si dimensiunea butonului Add to cart” trebuie potrivite in asa fel incat sa il faca cel mai vizibil buton din tot magazinul, sa fie “self explanatory” si sa determine actiune (click).
Respecta magazinele online romanesti aceste obiective?
Haideti sa vedem! Care din urmatoarele 53 de butoane de la 53 de magazine romanesti credeti ca e cel mai bun?
Exemple de butoane foarte bune, cu denumire sugestiva, culoare atractiva:
www.marketonline.ro
(poate putin cam prea mic textul)
Uneori, desi textul e bun, coloarea si forma sunt bune, dimensiunile butonului sunt prea mici:
Un exemplu de buton “discret”, fara contrast:
Un exemplu bun de buton Add to cart:
- este create contrast de culoare chiar in componenta butonului, independent de elementele vecine.
- incadrarea textului este foarte buna.
Desi numele “Cumpar” are avantajul unui nume foarte scurt, care poate
fi receptat foarte repede, eu consider ca poate fi putin confuz pentru
vizitatorii nefamiliarizati cu magazinele online si cu procedura de
transmitere a comenzii.
Un astfel de vizitator poate sa ezite sa apese butonul deoarece crede
ca prin apasarea butonului “Cumpar” transmite direct o comanda ferma
pe cand in realitate actiunea este doar de adaugare in cosul de produse.
De asemenea, la nivel psihologic ar putea fi un impediment faptul ca
este folosit un mod indicativ pentru verb si nu un mod imperativ, care sa
indemne la actiune.
Exista si magazine care au adoptat varianta unui design foarte (de cele mai multe ori prea) simplu care nu se distinge in altfel decat prin culoare:
www.fisela.ro
(o varianta buna a butoanelor fara umbre si gredient)
O alta varianta a textului “Adauga in cos” ar fi “Adaugare in cos”.
Nu cred ca se justifica adaugarea a inca doua litere “re” la o denumire care si asa contine 3 cuvinte.
De asemenea, butonul este foarte pasiv, nu exista indemn la actiune.
La multe magazine deja s-a incetatenit denumirea “Pune in cos”.
Personal, prefer “Adauga in cos”, “Pune” fiind prea popular.
Sa revenim la denumirile formate dintr-un singur cuvant.
Cum spuneam mai devreme, “comanda” sau “cumpara” nu reprezinta o descriere corecta a actiunii indeplinite de buton. Nu este corect nici din punct de vedere juridic. Nu se realizeaza nicio comanda sau cumparare prin apasarea acestui buton.
Alt exemplu de butoin “discret” din seria butoanelor cu denumire formata dintr-un singur cuvant:
Un exemplu de incadrare gresita a textului in interiorul butonului:
Se repeta lipsa unui ton care determina actiune.
Exista si incercari de explicitare a denumirii. Introducand doua cuvinte cu semnificatii diferite in acelasi buton cred ca ingreuneaza viteza de perceptia a mesajului denumirii.
O alta situatie in care perceptia mesajului este ingreunata este atunci cand ortografierea se face in mod nenatural, altfel decat creierul este obisnuit sa citeasca:
Butonul “Add to cart” trebuie sa determine actiune. Asadar, introducerea unui ton imperativ cu introducerea senzatiei de urgenta (“acum”) total justificata. Ramane ideea denumirii gresite a actiunii (“cumpara”).
Un exemplu de incercare de scrurtare a denumirii prin elim inarea unor cuvinte.
Probabil este inteles mesajul dar se pierde imperativul.
La polul opus se afla un buton care adauga la denumirea de baza inca un cuvant:
O situatie total gresita este folosirea linkurilor tip text in locul butoanelor grafice.
Cel mai important buton din site nu poate fi un simplu link printre toate celelalte linkuri din site.
Exista si situatia, tot nerecomandata, in care s-a folosit originalul creat de browser pentru butonul submit:
Din punctul de vedere al formei butonului predomina in mod clar dreptunghiul cu colturile rotunjite sau variatii ale acestei forme geometrice.
- Dreptunghi colturi rotunjite: 58% (31)
- Dreptunghi colturi drepte: 23% (12)
- Doar text: 17% (9)
Din punctul de vedere al culorilor butoanelor in mod clar predomina rosu:
- Rosu: 28% (15)
- Albastru: 15% (8)
- Orange: 11% (6)
- Verde: 11% (6)
- Gri: 11% (6)
Din punctul de vedere al designului mai multe butoane includ imaginea stilizata a “caruciorului a de cumparaturi”.
- Imagine carut cumparaturi: 38% (20)
- Fara elemente grafice: 36% (19)
- Diferite forme de sageti: 17% (9)
- Punga de cumparaturi: 4% (2)
Poate va gandeati ca este “web 2.0″ sa folosesti reflexia la imagini. Un singur buton este folosit cu reflexia imaginii.
Textul castigator este clar “Adauga in cos”, ceea ce este corect.
- “Adauga in cos” 47% (25)
- “Cumpara” 19% (10)
- “Comanda” 3% (7)
- “Cumpar” 4% (2)
LATER EDIT: Mi s-a atras atentia pe buna dreptate ca, folosind cuvantul “castigator” in textul de mai sus, se intelege ca acea varianta de buton ar fi cea mai buna. De fapt, prin “castigator” am vrut sa spun “cel mai des folosit” si nu cel mai bun.
Voi care credeti ca este cel mai bun buton Add to cart dintre cele de mai sus din punctul de vedere al textului, formei, marimii si culorii (NU si din punctul de vedere al pozitionarii concrete in pagina, lucru pe care il vom analiza in viitor)?
Pentru explicatii privind aceste teste click aici.
Te invit sa citesti si alte articole interesante:
-Ne-butonul Adauga in cos (web 2.0)
-Butonul Adauga in cos (IV) – format, includere html, greutate
-Butonul Adauga in cos (II) … Il schimbam? Il lasam asa?
-Butonul Adauga in cos (III) – Ne putem juca cu el ?
-Cum isi creste un magazin online afacerea?
;)
;)
……
Felicitari pentru articol
Multumesc frumos, Alex.
Din pacate greseli de genul asta imi tot scapa
In niciun caz nu este lipsa de respect fata de cititori ci doar lipsa te timp la mine si faptul ca scriu uneori spre dimineata cand mintea se cere la somn de ceva vreme
Intrebarea “Sex Shop Romania” a fost:
“Desi magazinele online din nisa adult ( sex-shop ) sunt printre cele mai vechi din Romania ( Shoperotic are mai mult de 6 ani), totusi sunt ocolite de analizele serioase despre ecommerce.
O fi de vina faptul ca sunt ‘adult’ related ? Sau faptul ca majoritatea acestor siteuri par de un amatorism feroce ?”
Personal, nu am introdus un magazin online cu produse pentru adulti doar din cauza subiectului aborat.
Analizele pe care le planific inseamna si multe exemplificari cu screenshoturi.
Daca as include un astfel de magazin nu al dori sa dau screenshoturi aici pe blog si astfel analiza nu ar fi completa.
Dar in mod sigur includ magazinele cu produse pentru adulti in categoria ecommerce romanesc. Sunt magazine online veritabile.
Adauga LA sau IN cos ?
Concluzia a fost ca o constructie gramaticala naturala este ‘adauga LA cos’, versus ‘ Pune IN cos’.
Cum ar veni, o actiune de ‘adaugare’ se face LA ceva, nu IN ceva.
Probabil un filolog ar fi de mare ajutor
Si da si nu
Eu personal as merge pe explicatia
“Adauga LA celelalte produse aflate IN cos”
Altfel, adauga LA cos imi inspira ca adaugi ceva LANGA cos sau cel mult ATASAT cosului.
In sfarsit, daca vorbim de ecommerce eu cred ca NU un filolog trebuie sa dea raspunsul, ci Google Website Optimizer .
GWO este singura autoritate cand vine vorba de magazine online
P.S. – “Adauga LA celelalte produse aflate IN cos” nu il prezentam ca text pt. buton
ci ca explicatie a utilizarii cuvintelor.
October 24th, 2008 at 6:30 am sexshop-ul dat ca exemplu de Alex Circei (shoperotic.ro) are un buton “ciudat”, “Adauga *la* cos”. Mi se pare destul de fortata exprimarea.
Caro eu nu am dat exemplu shoperotic.ro este o confuzie . Eu ma ocup de alt magazin online din Ro in domeniu IT&C .
@sex shop romania, ar avea sens “la”-ul daca traduci adauga prin “a alatura”, dar adauga inseamna si “a mai pune peste”.
Una peste alta, corect sau incorect, “in cos” mi se pare mai sugestiv, mai aproape de fenomenul fizic (iei produsul si-l asezi in cos).
Ai dreptate butonul vechi din AVstore.ro pentru “Adauga in cos” nu era foarte vizibil. Acum l-am redesign-uit. Sper sa nu iti dea peste cap statisticile …
vezi un exemplu la: http://www.avstore.ro/televizoare-plasma/pioneer-pdp-lx5090d-50-inch-full-hd-plasma-tv/
Salut Bogdan,
Asa stricat de statistici sa se tot intample.
FELICITARI pentru viteza de reactie si faptul ca sunteti deschisi!!
Statistica ramane valabila pentru ca reprezinta momentul on care s-a facut analiza.