Durata de citire: 2 – 3 minute
O sa incep o serie de 10 articole in care voi incerca sa observ comportamentul vostru privind pagina de produs pe care unele magazine online le au. Nu incerc sa denigrez designerii, ci doar sa vad opinia voastra privind versiunile care vi se par mai la indemana.
Deci, testul nu e despre versiunile de design mai frumoase, ci despre versiunile de plasare a unor elemente in pagina intr-un mod mai practic decat versiunea actuala. N-as vrea comentarii despre cat de prost am photoshopat unele elemente, ci despre cum vi se par mai bine plasate.
Testul e o forma de multivariate testing, o forma buna de a vedea ceea ce vizitatorii aleg pentru a face cumparaturile.
Nu trebuie decat sa vedeti cele doua imagini si sa votati care versiune vi se pare mai ok, mai la indemana, mai usor de folosit. Nu implicati neaparat cunostintele de photoshp sau ce tine de estetica imaginilor. Nu ma intereseaza estetica, ci faptul ca ele sint practice sau nu.
Deci, care test credeti ca ar putea castiga, in viziunea voastra, un prealabil test?
Cei de la Emag sper sa nu se supere, testul asta ii poate ajuta. Daca nu asta, macar ideea ca ar putea imbunatati pagina de produs folosit testele multivariate.
Si evident, daca vreti sa comentati versiunile si alegerea…sinteti bine veniti. Sau poate aveti sugestii. Chestia asta inca nu s-a facut public in Romania, asa ca aveti sanse sa participati la niste teste foarte misto. Ah, si nu votati toate departamentele de la o firma, e bine ptr voi sa aveti niste voturi obiective.
!Important: dati testul la cati mai multi oameni pentru a avea un rezultat cat mai relevant!
Nu sint articole asemanatoare.
23 Comments
prima varianta converteste mult mai bine, e mai vizibil. (mult mai)
ce as mai face eu:
- buton mai mare, e loc berechet si nu e in listare sa pierzi spatiu
- as mai domoli culorile de pe langa el, sa ai o diagonala logo – poza produs – buton cumpara
- pretul nu se distinge cum trebuie, portocaliul ala nu-si face treaba pt care e pus acolo
Prima, doar are call-to-action.
Am mers pe varianta numarul 2 (B) pentru ca:
imi scoate mai bine in evidenta bonusurile pe care urmeaza sa le primesc la cumpararea produsului.
butonul “cumpara” este asezat dupa parerea mea mai strategic, mai ordonat, poate mai curat… nu stiu cum sa descriu altfel modul in care vad butonul in foto B.
In foto A, promotia “Orange” ramane practic invizibila, fiind plasata sub butonul de cumparare. Cand citesc, si scanez pagina in cautarea butonului, cu intentia de cumparare, tot ce este sub buton este practic invizibil, de aceea, orice promotie sau bonus trebuie plasata exact deasupa butonului, pentru vizibilitate maxima.
Mai am 9 magazine.
Sper sa fie distractiv.
varianta B, e mai clean
Distractiv da.. ideal este ca ei sa-si faca un MVT singuri, pentru ca un vot nu echivaleaza cu o actiune de cumparare, acest vot dat de noi nu reprezinta nici macar o intentie de cumparare. Sincer nu prea are baza acest vot, nu are cum sa se substituie unui MVT facut in conditii reale, normale.
Parerea mea. Asa ca fapt divers e ok, sa ne dam cu parerea..
Liviu, noi nu sintem obisnuiti cu testele, dar ele inafara se fac.
E vorba de distractie, nu de studii aprofundate. Dar chiar si asa e interesant de vazut ce parerea au oamenii.
Si da, parerile conteaza..chiar daca ne-am obisnuit sa le ignoram.
A, dar cu butonul de Buy mai maricel si mai aerisit .
ca ideea, sunt curios daca cei de la emag au testat ceva pe partea de culoare a butonului de buy / culoare fundal partea aceea cu preturile, detaliile, etc .
Varianta A mi se pare mult mai ok!
la noi nu se fac teste, tot ce putem e sa ne dam cu parerea. si asta e un test, relevant, irelevant, e un test, better than nothing.
mai afli o parere, o idee, poate bu vezi padurea, e de bun augur zic eu.
Să-mi dau şi eu cu părerea ?! Am votat varianta B şi asta din două motive:
1. Butonul „Cumpără” a cărui plasare mi se pare mai inspirată. Avem diagonala: poză produs, preţ produs, buton „call to action”.
2. În prima situaţie, nici nu am sesizat oferta Orange.
P.S. Ca o coincidenţă, chiar am laptop Toshiba cumpărat de la ei.
Salutare tuturor,
Era si mai bine daca imi dadeai un mail inainte, il puneam la cale impreuna. Next time.
Interesanta ideea testului, nu e nici o suparare
Eu astept parerile voastre, exista niste motive pentru care a fost plasat asa, vi le spun cand se declara testul inchis. Poate ne spune si Krumel ce a vrut cu varianta 2.
Multam.
Varianta A de la o posta. Butonul ala de “Cumpara” face tot.
Radu, ce farmec mai avea daca te contactam?
Ideea e sa fie distractiv si serios in acelasi timp. Ptr ca parerile si optiunile postate, conteaza.
Versiunea B e are mai comprimata in partea dreapta un pret si butonul de cumparare. N-as spune ca al vostru e gresit, nu asta e ideea. Vreau doar sa vad cum adera lumea la modificari. Cum ar fi daca Emag ar arata altfel.
Liviu, esti prea serios. Testul e de distractie.
A.
Dreptunghiul ala in care sunt datele si pretul are prea multe culori. Era de ajuns sa fie doar butonul de “Cumpar” colorat.
am incercat sa privesc din perspectiva unui cumparator obisnuit fara cunostinte de design, marketing etc…. am ales varianta A pentru ca imi pare mai corecta organizarea informatiilor. In varianta B butonul de cumparare este prea ascuns, imi lasa senzatia de “greu de gaasit” si imi poate strica experienta navigarii pe siteul respectiv; de asemenea daca senzatia de navigare este greoaie rezulta ca in viitor voi ogoli siteul respectiv si voi prefera altele care nu mi-au lasat aceeasi senzatie.
Multumesc tuturor de Feedback.
Si mai astept si de la altii.
Nu stiu altii cum sunt, dar eu aleg varianta A, and I know shit about SEM and that thing. Stiu doar ca nu ma intereseaza ce se intampla daca am un site si ce comision poate sa aduca produsul.
Product? Yes. Is it ok? Yes. Do I want to buy it? Yes – the ‘how’ pentru mine vine dupa. Daca sunt cu mouse-ul deasupra butonului de cumpar, ochii o sa-mi pice pe oferta/pret. Daca decid ca nu-mi place cu Orange, nu dau click si cu asta basta
Din punctul meu de vedere, diferenta intre cele 2 imagini este:
- A pune accent mai mult pe comanda online, butonul de comanda prin culoare si pozitionare te “imbiie” sa apesi pe el
- B pune accent pe o comanda telefonica, impinge vizitatorul spre a comunica cu o persoana de la relatii. In plus butonul de comanda este prea ascuns (acel portocaliu din vecinatate il estompeaza)
Ca marketer online asi opta pentru varianta A.
Ca vizitator, interesat sa solicit o comanda, tot pentru varianta A optez.
problema la emag e ca vor 2 call-to-action-uri: si butonul de cumpara, si oferta de la orange.
problema e ca nu prea se poate, ofera de la orange ar trebui sa fie o optiune pana la butonul de cumpara propriuzis, vezi Amazon.
Daca tot sunt emagii deschisi la feedback, pe pagina de detalii nu se vad preturile, desi sunt 2 nu se vede niciunul. Al doilea lucru ca importanta pe pagina de detalii dupa buton e pretul, care trebuie sa fie mare, lizibil si aproape de buton.
Merg pe prima varianta. Ambele sunt extrem de asemanatoare, doar butonul de cumparaturi face diferenta. Imi place varianta A pentru ac dupa pret, disponibilitate, am tendinta sa caut si “cumpar”, “baga in cos” etc
Am votat varianta A. (btw, puteai face mai multe variante
, sa modifici si alte lucruri) Inca ceva, inainte sa cumpar ceva ma uit si la partea tehnica (specificatii in cazul nostru), ori la emag specificatiile mult prea jos. Era bine daca le punea imediat sub poze. Si inca ceva, asta o spun ca vizitator, nu-mi place siteul, e prea mult de derulat in jos. Se mai poate “comprima” destul de mult continutul. Partea din stanga si sus sunt ok, dar “principalul” (ala care face banii) e prea largit.
Eu as alege varianta A, si intamplator sau nu si eu meditez acum la cum sa asez butonul Adauga in cos
One Trackback
[...] de uzabilitate? + conversie). Nu as fi scris acest articol daca azi nu aparea postul scris de Krumel Emag: care pagina castiga testul? unde exista mai multe comentarii (si pe Twitter mi s-a raspuns la fel) cum ca in Romania nu se fac [...]