Co je to UX kit?<\/a> UX kit je p\u0159ehledn\u00fd n\u00e1vod na spr\u00e1vnou implementaci platebn\u00edho procesu a br\u00e1ny GoPay. Obsahuje jednoduch\u00e9 tipy a doporu\u010den\u00ed, d\u00edky kter\u00fdm m\u016f\u017eete ve sv\u00e9m e-shopu v\u00fdrazn\u011b zv\u00fd\u0161it konverze<\/strong> (dokon\u010den\u00e9 platby).<\/p>\n\n\n\n UX kit pro v\u00e1s n\u011bkolik m\u011bs\u00edc\u016f p\u0159ipravovali specialist\u00e9 z GoPay, analytici z Trasku a design\u00e9\u0159i z Bell & Hurry. <\/p>\n\n\n\n UX kit vznikl na z\u00e1klad\u011b:<\/p>\n\n\n\n <\/p>\n Pro v\u011bt\u0161\u00ed p\u0159ehlednost kop\u00edruj\u00ed jednotliv\u00e1 doporu\u010den\u00ed cestu z\u00e1kazn\u00edka objedn\u00e1vkov\u00fdm procesem.<\/p>\n\n\n\n Oblasti<\/strong><\/p>\n\n\n\n Pr\u016fb\u011bh a struktura objedn\u00e1vkov\u00e9ho procesu je jedn\u00edm z hlavn\u00edch faktor\u016f, kter\u00e9 mohou m\u00edt vliv na v\u00fdslednou konverzi va\u0161eho e-shopu. Proces objedn\u00e1vky by m\u011bl b\u00fdt od za\u010d\u00e1tku do konce co mo\u017en\u00e1 nejjednodu\u0161\u0161\u00ed a bez ne\u010dekan\u00fdch p\u0159ekvapen\u00ed.<\/p>\n\n\n\n Aktu\u00e1ln\u00edm trendem je v\u0161e kouskovat a z\u00edsk\u00e1vat informace postupn\u011b na n\u011bkolika r\u016fzn\u00fdch str\u00e1nk\u00e1ch. D\u00edky tomuto p\u0159\u00edstupu je v\u011bt\u0161\u00ed \u0161ance, \u017ee z\u00e1kazn\u00edk v\u0161e dokon\u010d\u00ed, proto\u017ee nebude zahlcen dlouh\u00fdm formul\u00e1\u0159em se spoustou pol\u00ed. <\/p>\n\n\n\n 92 % e-shop\u016f s vysok\u00fdmi konverzemi m\u00e1 v\u00edcekrokov\u00fd objedn\u00e1vkov\u00fd proces.<\/em><\/p>\n<\/blockquote>\n\n\n\n Jednotliv\u00e9 kroky by m\u011bly b\u00fdt logicky rozd\u011blen\u00e9, se\u0159azen\u00e9 a nazvan\u00e9 podle toho, jak\u00e9 informace po z\u00e1kazn\u00edkovi v dan\u00e9m okam\u017eiku po\u017eadujete. <\/p>\n\n\n\n Po\u010det krok\u016f by nem\u011bl p\u0159ekro\u010dit \u010d\u00edslo 4. P\u0159esn\u011b tolik jich ve sv\u00e9m objedn\u00e1vkov\u00e9m procesu m\u011bla v\u011bt\u0161ina t\u011bch nej\u00fasp\u011b\u0161n\u011bj\u0161\u00edch e-shop\u016f. V kroc\u00edch nemus\u00edte zobrazovat na prvn\u00edm m\u00edst\u011b ko\u0161\u00edk. P\u0159\u00edpadn\u011b v posledn\u00edm kroku vynechte shrnut\u00ed objedn\u00e1vky.<\/p>\n\n\n\n E-shopy s nejvy\u0161\u0161\u00ed m\u00edrou konverze naz\u00fdvaj\u00ed kroky objedn\u00e1vky nej\u010dast\u011bji takto:<\/p>\n\n\n\n <\/p>\n50 % e-shop\u016f s vysok\u00fdmi konverzemi m\u011blo 4 kroky n\u00e1kupn\u00edho procesu. 35 % z nich nezobrazuje na prvn\u00edm m\u00edst\u011b ko\u0161\u00edk nebo na posledn\u00edm shrnut\u00ed objedn\u00e1vky. <\/em><\/cite><\/blockquote>\n\n\n\n Hlavn\u00ed navigaci a u\u017eivatelsk\u00e9 rozhran\u00ed objedn\u00e1vkov\u00e9ho procesu se sna\u017ete m\u00edt co mo\u017en\u00e1 nejjednodu\u0161\u0161\u00ed. V\u0161echny prvky na str\u00e1nce by m\u011bly b\u00fdt snadno pochopiteln\u00e9. Z\u00e1kazn\u00edk by m\u011bl v\u017edy v\u011bd\u011bt, co po n\u011bm chcete a kde v procesu objedn\u00e1vky se pr\u00e1v\u011b nach\u00e1z\u00ed. <\/p>\n\n\n\n Uka\u017ete z\u00e1kazn\u00edkovi, kde se v procesu nach\u00e1z\u00ed<\/strong><\/p>\n\n\n\n E-shopy s vysokou m\u00edrou konverze v z\u00e1hlav\u00ed jasn\u011b komunikuj\u00ed, jak\u00e9 informace z\u00e1kazn\u00edk vypl\u0148uje a v jak\u00e9m po\u0159ad\u00ed. Proto v\u017edy zobrazujte:<\/p>\n\n\n\n Umo\u017en\u011bte z\u00e1kazn\u00edkovi vr\u00e1tit se o krok zp\u011bt<\/strong><\/p>\n\n\n\n N\u011bkter\u00e9 e-shopy umo\u017e\u0148uj\u00ed v objedn\u00e1vkov\u00e9m procesu pouze cestu dop\u0159edu: z ko\u0161\u00edku na dopravu a platbu, z dopravy a platby na kontaktn\u00ed \u00fadaje a z kontaktn\u00edch \u00fadaj\u016f k dokon\u010den\u00ed objedn\u00e1vky. <\/p>\n\n\n\n Takov\u00e1 forma navigace je nedostate\u010dn\u00e1 a ve fin\u00e1le m\u016f\u017ee e-shopu sp\u00ed\u0161e u\u0161kodit. \u010casto se z\u00e1kazn\u00edk p\u0159i postupn\u00e9m zad\u00e1v\u00e1n\u00ed informac\u00ed pot\u0159ebuje vr\u00e1tit a zkontrolovat, jestli neud\u011blal chybu. Proto je pot\u0159eba mu d\u00e1t mo\u017enost se vr\u00e1tit zp\u011bt. <\/p>\n\n\n\n Komunikujte srozumiteln\u011b<\/strong><\/p>\n\n\n\n V\u0161echna tla\u010d\u00edtka a odkazy v r\u00e1mci objedn\u00e1vkov\u00e9ho procesu by m\u011bla jasn\u011b komunikovat, co se stane, kdy\u017e na n\u011b z\u00e1kazn\u00edk klikne. Bu\u010fte maxim\u00e1ln\u011b konkr\u00e9tn\u00ed. <\/p>\n\n\n\n Tip k vyzkou\u0161en\u00ed: Zjednodu\u0161te str\u00e1nky pro proces objedn\u00e1vky<\/strong><\/p>\n\n\n\n Zaj\u00edmav\u00fdm tipem k A\/B testu m\u016f\u017ee b\u00fdt zjednodu\u0161en\u00ed str\u00e1nek pro proces objedn\u00e1vky. Nejviditeln\u011bj\u0161\u00edm pr\u016fkopn\u00edkem v t\u00e9to oblasti je gigant Amazon, kter\u00fd odstra\u0148uje v\u0161echny prvky, kter\u00e9 nejsou pro dokon\u010den\u00ed objedn\u00e1vky nezbytn\u00e9. Ned\u00e1 se jednozna\u010dn\u011b \u0159\u00edct, jestli v\u00e1m d\u00edky tomu narostou konverze nebo ne \u2013 n\u011bkter\u00fdm e-shop\u016fm to funguje, jin\u00fdm nikoliv. <\/p>\n\n\n\n <\/p>\n42 % nejv\u00fdkonn\u011bj\u0161\u00edch e-shop\u016f m\u00e1 zjednodu\u0161en\u00e9 str\u00e1nky pro proces objedn\u00e1vky. <\/em><\/cite><\/blockquote>\n\n\n\n Jak\u00e9 prvky m\u016f\u017eete na str\u00e1nk\u00e1ch procesu objedn\u00e1vky odstranit?<\/p>\n\n\n\n Zv\u00fd\u0161it konverzn\u00ed pom\u011br nemus\u00ed st\u00e1t hodn\u011b pen\u011bz. \u010casto sta\u010d\u00ed zv\u00fd\u0161it d\u016fv\u011bryhodnost va\u0161eho e-shopu pou\u017eit\u00edm jednoduch\u00fdch prvk\u016f, jako jsou:<\/p>\n\n\n\n Loga partner\u016f nebo poskytovatel\u016f platebn\u00edch \u0159e\u0161en\u00ed (60 % e-shop\u016f)<\/strong> Str\u00e1nka s ko\u0161\u00edkem je v r\u00e1mci objedn\u00e1vkov\u00e9ho procesu d\u016fle\u017eit\u00fdm m\u00edstem, kter\u00e9mu byste m\u011bli v\u011bnovat n\u00e1le\u017eitou pozornost. U spousty e-shop\u016f je toti\u017e ko\u0161\u00edk tou posledn\u00ed str\u00e1nkou, kterou z\u00e1kazn\u00edk vid\u00ed. <\/p>\n\n\n\n Pokud chce z\u00e1kazn\u00edk nakoupit zbo\u017e\u00ed, kter\u00e9 nab\u00edz\u00ed v\u00edce e-shop\u016f, v\u011bt\u0161inou jej p\u0159id\u00e1 do ko\u0161\u00edku a ty pak mezi sebou porovn\u00e1v\u00e1. Mus\u00edte mu tak poskytnout dostatek argument\u016f (krom\u011b ceny zbo\u017e\u00ed), pro\u010d by m\u011bl nakoupit zrovna u v\u00e1s. <\/p>\n\n\n\n Um\u00edst\u011bn\u00ed odkazu s proklikem do ko\u0161\u00edku by m\u011blo respektovat o\u010dek\u00e1v\u00e1n\u00ed potenci\u00e1ln\u00edch z\u00e1kazn\u00edk\u016f na webu.<\/p>\n\n\n\n V tomto p\u0159\u00edpad\u011b je t\u00edm nejvhodn\u011bj\u0161\u00edm m\u00edstem pro zobrazen\u00ed odkazu s proklikem na obsah ko\u0161\u00edku prav\u00fd horn\u00ed roh str\u00e1nky<\/strong>. V\u0161echny nejv\u00fdkonn\u011bj\u0161\u00ed e-shopy v na\u0161\u00ed studii m\u011bly vstup do ko\u0161\u00edku um\u00edst\u011bn\u00fd vpravo naho\u0159e a sou\u010dasn\u011b mu nechyb\u011bla vhodn\u00e1 ikona. <\/p>\n\n\n\n Textov\u00fd odkaz (\u201cKo\u0161\u00edk\u201d) je dobr\u00e9 doplnit i jasn\u011b rozpoznatelnou ikonou, aby \u010dlov\u011bk vstup do ko\u0161\u00edku rychle a neomyln\u011b na\u0161el. <\/p>\n\n\n\n <\/p>\n100 % e-shop\u016f s vysok\u00fdmi konverzemi m\u00e1 vstup do ko\u0161\u00edku um\u00edst\u011bn\u00fd vpravo naho\u0159e.<\/em><\/cite><\/blockquote>\n\n\n\n Z\u00e1kazn\u00edk by m\u011bl na prvn\u00ed pohled v\u011bd\u011bt, jestli je ko\u0161\u00edk pr\u00e1zdn\u00fd nebo u\u017e obsahuje n\u011bjak\u00e9 produkty \u2013 odli\u0161te jednotliv\u00e9 stavy ko\u0161\u00edku. Pokud by vstup do ko\u0161\u00edku nereflektoval jeho obsah, z\u00e1kazn\u00edk by mohl t\u00e1pat, co\u017e by mohlo sn\u00ed\u017eit jeho celkovou zku\u0161enost s va\u0161\u00edm e-shopem.<\/p>\n\n\n\n Co zobrazovat u odkazu do ko\u0161\u00edku? <\/strong><\/p>\n\n\n\n <\/p>\n100 % e-shop\u016f s vysok\u00fdmi konverzemi zobrazuje po\u010det polo\u017eek v ko\u0161\u00edku. 64 % zobrazuje taky celkovou \u010d\u00e1stku.<\/em><\/cite><\/blockquote>\n\n\n\n Kdy\u017e z\u00e1kazn\u00edk klik\u00e1 na vstup do ko\u0161\u00edku, chce zkontrolovat jednotliv\u00e9 polo\u017eky<\/strong> a dokon\u010dit objedn\u00e1vku<\/strong>. Upravte proto u\u017eivatelsk\u00e9 rozhran\u00ed ko\u0161\u00edku tak, abyste v\u0161echny prvky, kter\u00e9 k t\u011bmto dv\u011bma c\u00edl\u016fm vedou, zv\u00fdraznili. V\u0161echny ostatn\u00ed naopak odstra\u0148te nebo potla\u010dte. <\/p>\n\n\n\n Polo\u017eky, kter\u00e9 m\u00e1 z\u00e1kazn\u00edk v \u00famyslu objednat, by m\u011bly tvo\u0159it gr\u00f3 ko\u0161\u00edku a nem\u011bly by zapadnout mezi dal\u0161\u00edmi prvky na str\u00e1nce. Pro uji\u0161t\u011bn\u00ed z\u00e1kazn\u00edka, \u017ee m\u00e1 v ko\u0161\u00edku to, co tam opravdu cht\u011bl m\u00edt, je t\u0159eba poskytnout maximum relevantn\u00edch informac\u00ed: <\/p>\n\n\n\n <\/p>\n82 % e-shop\u016f s vysok\u00fdmi konverzemi zobrazuje skladovost v ko\u0161\u00edku, 28 % e-shop\u016f p\u0159id\u00e1v\u00e1 je\u0161t\u011b informaci o tom, kdy bude zbo\u017e\u00ed odesl\u00e1no nebo kdy ho doru\u010d\u00ed.<\/em><\/cite><\/blockquote>\n\n\n\n Ko\u0161\u00edk je skv\u011bl\u00e9 m\u00edsto, kde m\u016f\u017eete z\u00e1kazn\u00edkovi nab\u00eddnout dal\u0161\u00ed relevantn\u00ed produkty, p\u0159\u00edslu\u0161enstv\u00ed nebo jinak podpo\u0159it zv\u00fd\u0161en\u00ed celkov\u00e9 hodnoty zam\u00fd\u0161len\u00e9 objedn\u00e1vky. <\/p>\n\n\n\n Nejvyu\u017e\u00edvan\u011bj\u0161\u00ed technikou je v tomto p\u0159\u00edpad\u011b cross-sell<\/strong>: v r\u00e1mci ko\u0161\u00edku nab\u00eddnete z\u00e1kazn\u00edkovi dal\u0161\u00ed produkty, kter\u00e9 souvis\u00ed s hlavn\u00edm produktem. Z\u00e1kazn\u00edk nakupuje horsk\u00e9 kolo? Nab\u00eddn\u011bte mu je\u0161t\u011b p\u0159ilbu, sv\u00edtilnu nebo t\u0159eba batoh na kolo. <\/p>\n\n\n\n Aby podobn\u00e1 technika byla \u00fa\u010dinn\u00e1, je nab\u00edzejte jen relevantn\u00ed produkty a ide\u00e1ln\u011b v takov\u00e9 cenov\u00e9 hladin\u011b, \u017ee o jejich po\u0159\u00edzen\u00ed z\u00e1kazn\u00edk nebude dvakr\u00e1t p\u0159em\u00fd\u0161let (nad sv\u011btlem na kolo za p\u00e1r stovek nebude p\u0159em\u00fd\u0161let tolik, jako kdy\u017e kupuje kolo za n\u011bkolik des\u00edtek tis\u00edc). <\/p>\n\n\n\n A\u010dkoliv zahrani\u010dn\u00ed studie ukazuj\u00ed, \u017ee je podobn\u00e1 technika \u00fa\u010dinn\u00e1, pouze 42 % nejv\u00fdkonn\u011bj\u0161\u00edch e-shop\u016f v na\u0161\u00ed studii ji v r\u00e1mci n\u00e1kupn\u00edho ko\u0161\u00edku vyu\u017e\u00edvalo. <\/p>\n\n\n\n <\/p>\n42 % e-shop\u016f s vysok\u00fdmi konverzemi nab\u00edz\u00ed dal\u0161\u00ed relevantn\u00ed produkty v ko\u0161\u00edku.<\/em><\/cite><\/blockquote>\n\n\n\n Benefit dopravy zdarma komunikujte v ko\u0161\u00edku. Tato informace m\u016f\u017ee nav\u00e9st z\u00e1kazn\u00edka k n\u00e1kupu dal\u0161\u00edch produkt\u016f. Informace m\u016f\u017ee slou\u017eit i jako rozhodovac\u00ed argument mezi v\u00e1mi a konkurenc\u00ed.<\/p>\n\n\n\n <\/p>\n78 % zkouman\u00fdch e-shop\u016f prezentuje dopravu zdarma v ko\u0161\u00edku.<\/em><\/cite><\/blockquote>\n\n\n\n Informaci o doprav\u011b zdarma sta\u010d\u00ed v ko\u0161\u00edku zm\u00ednit pouze textovou formou. Mnohem \u00fa\u010dinn\u011bj\u0161\u00ed je ale interaktivn\u00ed ukazatel<\/strong>, kter\u00fd jednodu\u0161e vizu\u00e1ln\u011b indikuje zb\u00fdvaj\u00edc\u00ed \u010d\u00e1stku, za kterou je\u0161t\u011b z\u00e1kazn\u00edk mus\u00ed nakoupit, aby na dopravu zdarma dos\u00e1hl.<\/p>\n\n\n\n Ko\u0161\u00edk je ide\u00e1ln\u00ed m\u00edsto, kde m\u016f\u017eete z\u00e1kazn\u00edka ujistit v tom, \u017ee objedn\u00e1vkou u v\u00e1s neud\u011bl\u00e1 krok vedle. Uka\u017ete mu, co m\u016f\u017ee z\u00edskat, kdy\u017e nakoup\u00ed u v\u00e1s a ne u konkurence. <\/p>\n\n\n\n Co doporu\u010dujeme komunikovat?<\/strong><\/p>\n\n\n\n Na\u0161e doporu\u010den\u00ed je dr\u017eet v\u00fdb\u011br dopravy a platby v jednom kroku objedn\u00e1vkov\u00e9ho procesu. Takov\u00fd model odpov\u00edd\u00e1 zvyklostem a o\u010dek\u00e1v\u00e1n\u00edm z\u00e1kazn\u00edk\u016f. <\/p>\n\n\n\n <\/p>\n91 % zkouman\u00fdch e-shop\u016f m\u011blo v\u00fdb\u011br dopravy a platby v jednom kroku objedn\u00e1vkov\u00e9ho procesu.<\/em><\/cite><\/blockquote>\n\n\n\n V r\u00e1mci jednoho kroku prezentuje 56 % e-shop\u016f dopravu a platbu jako dva bloky pod sebou, 44 % e-shopu prezentuje tyto bloky vedle sebe. Doporu\u010dujeme se inspirovat u v\u011bt\u0161iny a dopravu a platbu zobrazovat pod sebou. V\u00fdhodou je konzistence se zobrazen\u00edm na mobiln\u00edm za\u0159\u00edzen\u00ed, kde se tyto informace tak\u00e9 kv\u016fli prostoru \u0159ad\u00ed pod sebe.<\/p>\n\n\n\n V\u0161echny nejv\u00fdkonn\u011bj\u0161\u00ed e-shopy v na\u0161\u00ed studii prezentovaly jednotliv\u00e9 dopravn\u00ed a platebn\u00ed metody z\u00e1kazn\u00edk\u016fm zvl\u00e1\u0161\u0165 na \u0159\u00e1dc\u00edch pod sebou. Budete-li tento p\u0159\u00edstup n\u00e1sledovat, chybu ur\u010dit\u011b neud\u011bl\u00e1te. <\/p>\n\n\n\n V\u00fdb\u011br dopravy m\u016f\u017ee ovlivnit nab\u00edzen\u00e9 platebn\u00ed metody<\/strong>, proto je t\u0159eba nejd\u0159\u00edv zjistit, jestli z\u00e1kazn\u00edk preferuje zasl\u00e1n\u00ed p\u0159epravn\u00ed spole\u010dnost\u00ed, doru\u010den\u00ed na v\u00fddejn\u00ed m\u00edsto nebo osobn\u00ed vyzvednut\u00ed na prodejn\u011b. <\/p>\n\n\n\n Aby z\u00e1kazn\u00edk rychle na\u0161el svou preferovanou metodu dopravy, doporu\u010dujeme v r\u00e1mci jejich seznamu zobrazovat: <\/p>\n\n\n\n <\/p>\n100 % zkouman\u00fdch e-shop\u016f se jako prvn\u00ed ptalo na preferovan\u00fd zp\u016fsob doru\u010den\u00ed z\u00e1silky.<\/em><\/cite><\/blockquote>\n\n\n\n Dopravn\u00ed metody pojmenujte v\u017edy tak, aby z\u00e1kazn\u00edk rychle pochopil, jak\u00fdm zp\u016fsobem mu bude zbo\u017e\u00ed doru\u010deno. <\/p>\n\n\n\n M\u016f\u017eete se inspirovat vzorem:<\/p>\n\n\n\n \u201cN\u00e1zev p\u0159epravn\u00ed slu\u017eby – zp\u016fsob doru\u010den\u00ed\u201d<\/em><\/p>\n\n\n\n \u201c\u010cesk\u00e1 po\u0161ta – Bal\u00edk do ruky<\/p>\n\n\n\n \u201cGLS – doru\u010den\u00ed a\u017e k v\u00e1m dom\u016f\u201d<\/p>\n\n\n\n Jestli\u017ee existuje dopravn\u00ed metoda, kterou chcete propagovat<\/strong> (nap\u0159. z d\u016fvodu vy\u0161\u0161\u00ed mar\u017ee), um\u00edst\u011bte ji v seznamu na prvn\u00ed m\u00edsto a pro z\u00e1kazn\u00edka ji p\u0159edvyberte. <\/p>\n\n\n\n Dostupn\u00e9 platebn\u00ed metody prezentujte podobn\u011b jako metody doru\u010den\u00ed formou \u0159\u00e1dkov\u00e9ho seznamu<\/strong>. Z\u00e1kazn\u00edk d\u00edky tomu m\u016f\u017ee rychle porovnat jednotliv\u00e9 metody mezi sebou a vybrat pro sebe tu nejlep\u0161\u00ed.<\/p>\n\n\n\n <\/p>\n100 % nejv\u00fdkonn\u011bj\u0161\u00edch e-shop\u016f zobrazovalo v\u00fdb\u011br platebn\u00edch mo\u017enost\u00ed po \u0159\u00e1dc\u00edch.<\/em><\/cite><\/blockquote>\n\n\n\n Ka\u017ed\u00fd \u0159\u00e1dek s platebn\u00ed metodou by m\u011bl obsahovat:<\/strong><\/p>\n\n\n\n <\/p>\n92 % zkouman\u00fdch e-shop\u016f zobrazuje cenu za platbu p\u0159\u00edmo. <\/em> Nezapome\u0148te, \u017ee n\u00e1zvy metod by m\u011bly odpov\u00eddat tomu, na co jsou z\u00e1kazn\u00edci zvykl\u00ed. Pokud byste metody prezentovali pod jin\u00fdm n\u00e1zvem, ne\u017e s n\u00edm operuje platebn\u00ed br\u00e1na GoPay, mohlo by to v\u00e9st ke zmaten\u00ed z\u00e1kazn\u00edka.<\/p>\n\n\n\n V\u011bnujte pozornost po\u0159ad\u00ed jednotliv\u00fdch platebn\u00edch metod<\/strong><\/p>\n\n\n\n Po\u0159ad\u00ed platebn\u00edch metod by m\u011blo odpov\u00eddat jejich popularit\u011b na va\u0161em e-shopu. D\u016fle\u017eit\u011bj\u0161\u00ed je to v p\u0159\u00edpad\u011b, kdy z\u00e1kazn\u00edk ve v\u00fdchoz\u00edm stavu vid\u00ed pouze z\u00fa\u017een\u00fd seznam a v\u0161echny dostupn\u00e9 metody se mu zobraz\u00ed a\u017e po dal\u0161\u00edm kliknut\u00ed (tzv. metoda \u010d\u00e1ste\u010dn\u00e9 integrace s velk\u00fdm po\u010dtem platebn\u00edch metod). Ve v\u00fdb\u011bru by se v\u017edy m\u011bly objevit ty nejv\u00edce pou\u017e\u00edvan\u00e9 metody na va\u0161em e-shopu.<\/p>\n\n\n\n <\/p>\nU 74 % nejv\u00fdkonn\u011bj\u0161\u00edch e-shop\u016f byly nejpou\u017e\u00edvan\u011bj\u0161\u00ed platby kartou. Ve 22 % n\u00e1sledovaly online p\u0159evody p\u0159es bankovn\u00ed tla\u010d\u00edtko a ve 3 % n\u00e1sledovaly mobiln\u00ed platby. <\/em><\/cite><\/blockquote>\n\n\n\n Z\u00e1kazn\u00edky m\u016f\u017eete nasm\u011brovat k n\u011bjak\u00e9 konkr\u00e9tn\u00ed platebn\u00ed metod\u011b, pokud ji d\u00e1te na za\u010d\u00e1tek seznamu a ve v\u00fdchoz\u00edm stavu ji p\u0159edvyberete. <\/p>\n\n\n\n <\/p>\n42 % e-shop\u016f p\u0159edvyb\u00edr\u00e1 platebn\u00ed metodu ve v\u00fdchoz\u00edm stavu. <\/em><\/cite><\/blockquote>\n\n\n\n Vyhn\u011bte se p\u0159ekvapen\u00edm a ud\u011blejte v\u0161e co mo\u017en\u00e1 nejjednodu\u0161\u0161\u00ed a nejsn\u00e1ze pochopiteln\u00e9.<\/p>\n\n\n\n
<\/strong>Pro koho je UX kit ur\u010den\u00fd?<\/a>
Jak s UX kitem pracovat?<\/a>
O UX kitu<\/a>
Doporu\u010den\u00ed a tipy<\/a><\/strong>
Objedn\u00e1vkov\u00fd proces<\/strong><\/a>
Objedn\u00e1vka je rozd\u011blen\u00e1 do krok\u016f<\/a>
Kroky v objedn\u00e1vce<\/a>
Navigace v procesu objedn\u00e1vky<\/a>
Jak by m\u011bla vypadat navigace v objedn\u00e1vce?<\/a>
Zvy\u0161te d\u016fv\u011bru z\u00e1kazn\u00edk\u016f ve v\u00e1\u0161 e-shop<\/a>
M\u00e1te spln\u011bno?<\/a>
N\u00e1kupn\u00ed ko\u0161\u00edk<\/strong><\/a>
Um\u00edst\u011bn\u00ed ko\u0161\u00edku v r\u00e1mci e-shopu<\/a>
Odkaz do ko\u0161\u00edku ukazuje po\u010det polo\u017eek a cenu<\/a>
Orientace a spr\u00e1va polo\u017eek v ko\u0161\u00edku<\/a>
Zv\u00fd\u0161en\u00ed hodnoty objedn\u00e1vky<\/a>
Informace o doprav\u011b zdarma<\/a>
Uji\u0161t\u011bn\u00ed z\u00e1kazn\u00edka a komunikace benefit\u016f<\/a>
M\u00e1te spln\u011bno?<\/a>
V\u00fdb\u011br dopravy a platebn\u00ed metody<\/a><\/strong>
Prezentace dopravn\u00edch metod<\/a>
Jak \u0159adit dopravn\u00ed metody?<\/a>
Prezentace platebn\u00edch metod<\/a>
Chcete detailn\u00ed n\u00e1vod?<\/a>
M\u00e1te spln\u011bno?<\/a>
Zad\u00e1v\u00e1n\u00ed kontaktn\u00edch \u00fadaj\u016f<\/a><\/strong>
Umo\u017en\u011bte n\u00e1kup bez registrace<\/a>
Ptejte se jen na to, co skute\u010dn\u011b pot\u0159ebujete<\/a>
Kontrolujte zadan\u00e9 hodnoty<\/a>
Chcete si usnadnit pr\u00e1ci?<\/a>
M\u00e1te spln\u011bno?<\/a>
Shrnut\u00ed objedn\u00e1vky<\/a><\/strong>
P\u0159ed platbou uka\u017ete z\u00e1kazn\u00edkovi shrnut\u00ed<\/a>
Potvrzen\u00ed objedn\u00e1vky e-mailem<\/a>
M\u00e1te spln\u011bno?<\/a>
P\u0159echod do platebn\u00ed br\u00e1ny a dokon\u010den\u00ed objedn\u00e1vky<\/strong><\/a>
P\u0159echod do platebn\u00ed br\u00e1ny<\/a>
P\u0159izp\u016fsoben\u00ed platebn\u00ed br\u00e1ny<\/a>
M\u00e1te spln\u011bno?
<\/a>
Nedokon\u010den\u00e9 objedn\u00e1vky<\/a><\/strong>
Ukl\u00e1d\u00e1n\u00ed obsahu ko\u0161\u00edku<\/a>
Komunikace se z\u00e1kazn\u00edky, kte\u0159\u00ed objedn\u00e1vky nedokon\u010dili<\/a>
N\u00e1vrat z platebn\u00ed br\u00e1ny zp\u00e1tky do e-shopu<\/a>
Ne\u017e\u00e1dejte o hodnocen\u00ed z\u00e1kazn\u00edky, kte\u0159\u00ed nenakoupili<\/a>
M\u00e1te spln\u011bno?<\/a>
UX Checklist<\/a><\/strong><\/p>\n\n\n\nCo je to UX kit? <\/h2>\n\n\n\n
Pro koho je UX kit ur\u010den\u00fd?<\/h3>\n\n\n\n
\n
Jak s UX kitem pracovat? <\/h3>\n\n\n\n
\n
O UX kitu<\/h3>\n\n\n\n
\n
\n
Ne v\u0161echny e-shopy, z\u00e1kazn\u00edci a situace jsou stejn\u00e9. Vyplat\u00ed se A\/B testovat.
<\/em><\/strong>
I kdy\u017e jsou v\u0161echna doporu\u010den\u00ed a tipy sestavena na z\u00e1klad\u011b dat a oborov\u00fdch best practices, v\u017edy se vyplat\u00ed sledovat, jak se konkr\u00e9tn\u00ed doporu\u010den\u00ed projev\u00ed na \u00fasp\u011b\u0161nosti va\u0161eho e-shopu. <\/em>
Vyu\u017eijte n\u011bkter\u00fd z n\u00e1stroj\u016f pro A\/B testy, abyste zjistili, jestli zam\u00fd\u0161len\u00e1 zm\u011bna skute\u010dn\u011b bude fungovat l\u00e9pe ne\u017e va\u0161e st\u00e1vaj\u00edc\u00ed \u0159e\u0161en\u00ed. <\/em><\/cite><\/blockquote>\n\n\n\nDoporu\u010den\u00ed a tipy<\/h2>\n\n\n\n
\n
Objedn\u00e1vkov\u00fd proces<\/h2>\n\n\n\n
Objedn\u00e1vka je rozd\u011blen\u00e1 do krok\u016f<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Kroky-1024x597.png\")
<\/a><\/figure>\n\n\n\nKroky v objedn\u00e1vce<\/h3>\n\n\n\n
\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Kroky-v-obj-1024x633.png\")
<\/a><\/figure>\n\n\n\nNavigace v procesu objedn\u00e1vky<\/h3>\n\n\n\n
Jak by m\u011bla vypadat navigace v objedn\u00e1vce?<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Tlacitka.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Navigace-1024x561.png\")
<\/a><\/figure>\n\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/AB-test.png\")
<\/a><\/figure>\n\n\n\nZvy\u0161te d\u016fv\u011bru z\u00e1kazn\u00edk\u016f ve v\u00e1\u0161 e-shop<\/h3>\n\n\n\n
\n
<\/strong>Dejte sv\u00fdm potenci\u00e1ln\u00edm z\u00e1kazn\u00edk\u016fm v\u011bd\u011bt, \u017ee jste snadno dostupn\u00ed. Nebojte se viditeln\u011b uv\u00e1d\u011bt na webu sv\u016fj e-mail a telefon. Sn\u00ed\u017e\u00edte tak obavu z\u00e1kazn\u00edk\u016f, \u017ee pokud se n\u011bco pokaz\u00ed, nebudou v\u00e1s moct kontaktovat. <\/li>\n<\/ul>\n\n\n\n\n
<\/strong>Fotka konkr\u00e9tn\u00edho \u010dlov\u011bka a jeho jm\u00e9no je skv\u011bl\u00fdm prvkem, jak m\u016f\u017eete rozpt\u00fdlit obavy potenci\u00e1ln\u00edch z\u00e1kazn\u00edk\u016f ohledn\u011b d\u016fv\u011bryhodnosti va\u0161eho e-shopu. <\/li>\n<\/ul>\n\n\n\n\n
<\/strong>M\u00e1te-li krom\u011b e-shopu i kamennou prodejnu, n\u00e1le\u017eit\u011b ji na webu \u201cprodejte\u201d. Nev\u00e1hejte tak\u00e9 p\u0159ipojit n\u011bkolik fotografi\u00ed toho, jak to tam vypad\u00e1, aby z\u00e1kazn\u00edci v\u011bd\u011bli, \u017ee to s podnik\u00e1n\u00edm mysl\u00edte v\u00e1\u017en\u011b a \u017ee m\u00e1te profesion\u00e1ln\u00ed z\u00e1zem\u00ed. <\/li>\n<\/ul>\n\n\n\n\n
<\/strong> U\u017e m\u00e1te p\u00e1r objedn\u00e1vek za sebou a v\u00edte, \u017ee va\u0161i z\u00e1kazn\u00edci jsou s nab\u00edzen\u00fdmi produkty spokojen\u00ed? N\u011bkolik z nich oslovte a po\u017e\u00e1dejte je o hodnocen\u00ed nebo slovn\u00ed referenci, kterou m\u016f\u017eete na web um\u00edstit. Velmi dob\u0159e funguj\u00ed tak\u00e9 nez\u00e1visl\u00e9 programy jako \u201cOv\u011b\u0159eno z\u00e1kazn\u00edky<\/a>\u201d od Heur\u00e9ky. <\/li>\n<\/ul>\n\n\n\n
<\/strong> Pokud spolupracujete s firmami, kter\u00e9 va\u0161i potenci\u00e1ln\u00ed z\u00e1kazn\u00edci znaj\u00ed, d\u016fv\u011bru m\u016f\u017eete podpo\u0159it tak\u00e9 jejich uveden\u00edm na webu (slovn\u011b nebo logem). Obl\u00edbenou praktikou vedouc\u00ed ke zv\u00fd\u0161en\u00ed d\u016fv\u011bry e-shopu m\u016f\u017ee b\u00fdt tak\u00e9 zobrazen\u00ed log platebn\u00edch spole\u010dnost\u00ed (GoPay, Visa, Mastercard,…) na viditeln\u00e9m m\u00edst\u011b e-shopu.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Infografika.png\")
<\/a><\/figure>\n\n\n\n
\n\n\n\nM\u00e1te spln\u011bno?<\/h3>\n\n\n\n
\n
\n\n\n\nN\u00e1kupn\u00ed ko\u0161\u00edk<\/h2>\n\n\n\n
Um\u00edst\u011bn\u00ed ko\u0161\u00edku v r\u00e1mci e-shopu<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Kosik-1024x646.png\")
<\/a><\/figure>\n\n\n\nOdkaz do ko\u0161\u00edku ukazuje po\u010det polo\u017eek a cenu<\/h3>\n\n\n\n
\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Kosik-1-1024x550.png\")
<\/a><\/figure>\n\n\n\nOrientace a spr\u00e1va polo\u017eek v ko\u0161\u00edku<\/h3>\n\n\n\n
\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Orientace-1024x677.png\")
<\/a><\/figure>\n\n\n\nZv\u00fd\u0161en\u00ed hodnoty objedn\u00e1vky<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Hodnota-1024x514.png\")
<\/a><\/figure>\n\n\n\nInformace o doprav\u011b zdarma<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Doprava-1024x396.png\")
<\/a><\/figure>\n\n\n\nUji\u0161t\u011bn\u00ed z\u00e1kazn\u00edka a komunikace benefit\u016f<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Infografika-2.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Komunikace-1024x380.png\")
<\/a><\/figure>\n\n\n\n
\n\n\n\nM\u00e1te spln\u011bno? <\/h3>\n\n\n\n
\n
\n\n\n\nV\u00fdb\u011br dopravy a platebn\u00ed metody<\/h2>\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Doprava-a-platba-1-1024x664.png\")
<\/a><\/figure>\n\n\n\nPrezentace dopravn\u00edch metod<\/h3>\n\n\n\n
\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Doprava-1-1024x635.png\")
<\/a><\/figure>\n\n\n\nJak \u0159adit dopravn\u00ed metody?<\/h4>\n\n\n\n
\n
Prezentace platebn\u00edch metod<\/h3>\n\n\n\n
\n
\n
\n
25 % e-shop\u016f v\u00e1m porad\u00ed s rychlost\u00ed p\u0159ips\u00e1n\u00ed pen\u011bz na \u00fa\u010det.<\/em><\/cite><\/blockquote>\n\n\n\n![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Prezentace-PM-1-1024x551.png\")
<\/a><\/figure>\n\n\n\n\n
\n
![\"\"](\"https:\/\/www.gopay.com\/blog\/wp-content\/uploads\/2023\/05\/Infografika-3.png\")
<\/a><\/figure>\n\n\n\nChcete detailn\u00ed n\u00e1vod?<\/h4>\n\n\n\n