UX farba tlačidiel v e-shope

tim18

(2 hodnocení)

30. 9. 2016 15:11:32

Zdravím,

môže mať v e-shope farba na tlačidlách "do košíka", "objednať" a "odoslať objednávku" vplyv na zákazníka?

Existuje niečo také ako konverzné farby?

Niekde som zbežne o tom čítal, ale nemôžem sa k tomu opäť dopátrať. Ďakujem.

30. 9. 2016 15:11:32

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227339

Tomáš Marek

(23 hodnocení)

30. 9. 2016 15:19:45

Barva samozřejmě vliv na konverze má. Četl jsem řadu case studies na toto téma a závěr je takový, že nelze říct, která barva je nejlepší. Záleží na barvě celého UI a dle toho by se mělo řídit. Volí se především mezi červenou a zelenou.

30. 9. 2016 15:19:45

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227338

tim18

(2 hodnocení)

30. 9. 2016 15:22:37

Napsal streetcz;1328449
Barva samozřejmě vliv na konverze má. Četl jsem řadu case studies na toto téma a závěr je takový, že nelze říct, která barva je nejlepší. Záleží na barvě celého UI a dle toho by se mělo řídit. Volí se především mezi červenou a zelenou.

Červená farba je skôr farbou negácie. Takže sa podľa môjho názoru na tlačidlá moc nehodí. Či sa mýlim?

30. 9. 2016 15:22:37

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227337

David Musil

(70 hodnocení)

30. 9. 2016 15:30:16

Zalezi na celem konceptu designu. Jasne, ze kdyz budes mit uplne bilou stranku se dvema tlacitky, cervenym a zelenym, klikne se dle studii na zelene.

Ale takhle to brat nejde, eshop neni jen bila stranka. Takze bych se na to fakt nedival jako na negaciu.

30. 9. 2016 15:30:16

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227336

Smazaný účet hvLPwPN09D

(3 hodnocení)

30. 9. 2016 15:31:35

Napsal tim18;1328451
Červená farba je skôr farbou negácie. Takže sa podľa môjho názoru na tlačidlá moc nehodí. Či sa mýlim?

No, nemýlíš. V podstatě. Ale vždy záleží na grafickém návrhu celé stránky. V některém barevném podání stránky může i červené tlačítko konvertovat. Lidi vnímají červenou jako negaci a zelenou jako pozitivní směr, to ano, na první pohled. Finální slovo má ale celkový barevný návrh a umístění dalších UX prvků okolo.

Holt je to obor sám o sobě a je značně komplikovaný, hraničí s psychologií a potřebuješ v něm zásah do více aspektů tvorby webu.

30. 9. 2016 15:31:35

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227335

FakeGameCZ

(22 hodnocení)

30. 9. 2016 15:37:18

Ak robím čierno-červený web tak tam nedám predsa zelené tlačítko, veď to nedáva zmysel už len z dizajnového hľadiska.

30. 9. 2016 15:37:18

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227334

Jan Bálek

(111 hodnocení)

30. 9. 2016 15:38:44

Nejlepší je to testovat u konkrétního webu a designu.

Příklad červený: https://www.mall.cz

Příklad zelený: https://www.alza.cz

30. 9. 2016 15:38:44

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227333

Tomáš Marek

(23 hodnocení)

30. 9. 2016 15:38:56

Klasická úvaha. Mají tyto 2 příklady společností kvalitního UX Designera? Pravděpodobně ano. Jsou červená tlačítka chybou v tomto případě? Ne nejsou.

Casio GD 100-1B | MALL.CZ

HP Pavilion 15 Star Wars (15-an000nc), černá T1L22EA + kupon F2P PARAGON…

Opravdu záleží na celém návrhu a dle toho se člověk musí řídit. Zde kdybych například změnil tlačítko na zelené tak to pravděpodobně extrémně neuškodí, ale jsem přesvědčený, že zde červené tlačítko bude mít větší konverze https://ctrlv.cz/shots/2016/09/30/6rQY.png

A zase naopak bych Ti dokázal dát příklad webu, kde by třeba červené tlačítko použít nešlo.

---------- Příspěvek doplněn 30.09.2016 v 15:42 ----------

Napsal FakeGameCZ;1328458
Ak robím čierno-červený web tak tam nedám predsa zelené tlačítko, veď to nedáva zmysel už len z dizajnového hľadiska.

Právě toto je mylně případ, kde by se spíše mělo použít zelené tlačítko. Záleží tam především na tom jak moc červené je v UI. Pokud je zde velké množství červené barvy nebudete dávat tlačítka červené, aby splývala a dáte je tedy zelené.

30. 9. 2016 15:38:56

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227332

FakeGameCZ

(22 hodnocení)

30. 9. 2016 15:49:52

Napsal streetcz;1328461
Právě toto je mylně případ, kde by se spíše mělo použít zelené tlačítko. Záleží tam především na tom jak moc červené je v UI. Pokud je zde velké množství červené barvy nebudete dávat tlačítka červené, aby splývala a dáte je tedy zelené.

Posielam konkrétnu ukážku z môjho eshopu: http://prnt.sc/co6clg .. Myslím, že takto by to fakt nefungovalo a taktiež sa mi to vôbec nepáči :)

30. 9. 2016 15:49:52

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227331

Smazaný účet hvLPwPN09D

(3 hodnocení)

30. 9. 2016 15:59:20

Napsal FakeGameCZ;1328470
Posielam konkrétnu ukážku z môjho eshopu: http://prnt.sc/co6clg .. Myslím, že takto by to fakt nefungovalo a taktiež sa mi to vôbec nepáči :)

A jenom si to myslíš, nebo už máš za sebou nějaké A/B testování?...Mě tam ta zelená přijde ok, teda když do zelené hodíš i tu cenu.

30. 9. 2016 15:59:20

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227330

David Musil

(70 hodnocení)

30. 9. 2016 16:03:25

Zelena je na poslednim prikladu OK. Cervena tam hrozne splyne dohromady.

30. 9. 2016 16:03:25

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227329

FakeGameCZ

(22 hodnocení)

30. 9. 2016 16:05:01

Napsal Tomáš Maňhal;1328473
A jenom si to myslíš, nebo už máš za sebou nějaké A/B testování?...Mě tam ta zelená přijde ok, teda když do zelené hodíš i tu cenu.

Je to iba môj názor, A/B som na to nerobil. Na screene vyzerá tá zelená v poriadku, no ak by si si to predstavil v celkom kontexte eshopu tak sa tam podľa mňa fakt nehodí. Ale to je iba môj dizajnový názor, určite bude zaujímave na to spraviť niekedy v budúcnosti A/B test. Ak by som si náhodou spomenul na toto vlákno tak by som sa podelil o nejaké výsledky z testu.

30. 9. 2016 16:05:01

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227328

tim18

(2 hodnocení)

30. 9. 2016 21:42:30

Napsal FakeGameCZ;1328475
Je to iba môj názor, A/B som na to nerobil. Na screene vyzerá tá zelená v poriadku, no ak by si si to predstavil v celkom kontexte eshopu tak sa tam podľa mňa fakt nehodí. Ale to je iba môj dizajnový názor, určite bude zaujímave na to spraviť niekedy v budúcnosti A/B test. Ak by som si náhodou spomenul na toto vlákno tak by som sa podelil o nejaké výsledky z testu.

To by bolo super :) Kľudne to sem potom postnite. My to plánujeme takisto.

30. 9. 2016 21:42:30

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227327

Jakub Konopka

(13 hodnocení)

1. 10. 2016 00:03:59

Co zase vím já (pokud se to neotestuje, ale řídí dle nějakých principů jen) tak, barva dozajisté má nějaký vliv, ono i facebook testoval 40 nebo kolik odstínů modré, ALE daleko větší vliv na konverze než barva samotná má zpravidla toto:

A) call to action má takovou barvu, která ho jasně odděluje od zbytku contentu (takže je defacto jedno jestli to je zelená, růžová nebo červená), důležité je, aby to mělo dostatečný kontrast oproti zbytku a grafikou už akorát dolaďujeme kompromis mezi totálním břídilstvím a jakousi estetikou, prostě aby to nemlátilo do očí jak nějakej banner.

B) umístění call to action a "snadnost" se k němu dostat / kliknout. Když to řeknu pro blbce, tak prostě jak to tlačítko je velký a jak dlouho mi to tam kurzorem trvá dojet.

1. 10. 2016 00:03:59

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227326

GreenCOOL

6. 10. 2016 09:41:43

Mohl by nám někdo poradit, jestli tlačítka na ElektroMan.cz jsou správně? Teď máme konverzní tlačítko oranžově s textem "Vložit do košíku". Je to tak správně?

6. 10. 2016 09:41:43

https://webtrh.cz/diskuse/ux-farba-tlacidiel-v-e-shope#reply1227325