Pokud ještě nevíte, „Design-Roasting“ je část, ve které tým Mojo zkoumá rozhraní online obchodů. Stále nenacházíme jen chyby, ale také doporučujeme naše řešení.
Naposledy jsme otevřeli Pandořinu skříňku uvolněním fry na ASOS. Vzali jsme v úvahu poznámky v komentářích – tuto publikaci jsme zkrátili a minimalizovali „vkus“, ale to není jisté.
Úspěšnějším příkladem z této části je recenze redesignu “ M.Video „. Přišel k čtenářům více, podívejte se, jestli jste to ještě neviděli.
Hrdinou dnešní „Prozharky“ jsou Wildberry. Marketplace se umístila na prvním místě v top 100 online obchodech Data Insight již čtyři roky po sobě. V roce 2020 vzrostl obrat online maloobchodníka na 103,4 miliardy rublů. Jedná se o nejvyšší čtvrtletní údaj v historii společnosti.
Příjmy však z Wildberry nedělají to nejlepší na trhu. Trh je známý hromadným propouštěním a jakousi prací s kurýry. Třešnička na dortu – listopadový skandál kvůli nucenému zavedení slev před prodejem.
V Design-Fry neposkytujeme rady ohledně personální politiky a spolupráce s partnery. Naším cílem jsou firemní weby. V této oblasti Wildberry také neuspěly, proč – to řekneme níže.
Jmenuji se Zhenya Knyazev a jsem produktovým designérem ve společnosti Mojo. Tentokrát začnu s mobilní verzí, protože vy a já víme, odkud uživatelé vyhledávají hlavně produkty od. A téměř jsme dokončili sérii článků o „mobilu“ – doporučuji vám seznámit se, než si přečtete „Prozharka“.
Mobilní verze
Wildberries je jediný online obchod s horní lišta v roce 2020. Pokud jste něco takového viděli někde jinde, napište do komentářů.
Nepohodlná možnost navigace – o tom jsme již psali. Zabírá prostor na úkor obsahu a nutí uživatele k roztahování. Pokud jej přesunete dolů, bude mít další výhody.
Domů
Drsná realita uživatel je okamžitě konfrontován – bez zbytečného flirtování. Text na většině karet není čitelný, protože je velmi malý. Vaše babička tu dlouho nevydrží.
Opět moje oblíbené pomlčky místo mínusů. K tomuto problému dochází z obchodu do obchodu. Lidi, pokud potřebujete pár návodů na typografii, víte, kam jít. S tímto masovým šílenstvím je třeba něco udělat.
Plus: fotografie na kartách lze převrátit. My ve společnosti Mojo chceme, aby uživatelé měli přístup ke všem obrázkům v katalogu a na domovské stránce. Indikátory karuselu jsou na místě a s velmi silnou touhou je lze dokonce vidět na pozadí. Pokud nastavíte kontrastní ukazatele, bude to příliš dokonalé.
Okamžik vkusu: stíny na kartách a tlačítkách jsou příliš tučné a tmavé, jako například komentáře k naší minulé pečeně ASOS. Na své konferenci designérský tým Raiffeisenbank uvedl, že světlé stíny vytvářejí pocit „vzdušnosti.“
Naopak Wildberries se naopak chtěly uzemnit.
V poli s hvězdami mělo být dodáno, že jsme mluvili o počtu recenzí. Existuje riziko, že uživatel bude zaměňován s průměrným hodnocením, zejména tam, kde je několik recenzí.
Mobil má rychlý pohled, ale je těžké se do něj dostat. Souhlasíme, že se to nepočítá. Ačkoli Wildberry zveřejnil popisek s vysvětlením.
Rychlé procházení je zlo, psal jsem o tom v sérii o designu online obchodu. Uživatel dostane zmatek o struktuře webu a chyby modální pro stránku produktu. V okně rychlého zobrazení je méně informací než na samostatné stránce. Osoba nenajde potřebná data a hledá je jinde.
Chtěl bych, aby tlačítko „Přidat do košíku“ bylo jasnější – to je CTA a další – za to bych to trochu posunul dolní.
Fotografie na hlavní stránce jsou pestré, proto zde není žádný pocit jednoty a čistoty. Máte chuť vstoupit do neuspořádané školky. Možná je to způsobeno skutečností, že Wildberry jsou větší než Ozon a je pro ně obtížné zobrazit všechny produkty v jednom stylu. Existuje spousta značek a nemůžete je všechny sledovat.
Plus: zkuste odrážet šíři sortimentu na hlavní stránce. Je skvělé, že je vyhledávání při rolování skryto. Existuje tlačítko „Posunout nahoru“.
Mínus: neexistuje žádný způsob, jak přidat do oblíbených bez registrace. Lidé budou pomocí košíku ukládat položky a pokazit metriky.
Karta produktu
Fotografie na kartách jsou kvalitní, lze je přiblížit, zmenšit – vše je v pohodě.
Mínus: Podle indikátorů nelze určit, kolik obrázků produkt má. Galerie se posouvá v kruhu.
< span class = "ui_preloader__dot">
Bodováno v textu v navigaci a v navigaci. Šipka je vše, co se z produktové karty musíte vrátit na hlavní stránku. Pokud se uživatel dostane na kartu z vyhledávače, nechápe, ve které části webu se nachází. Z důvodu úspory místa si tuto šipku vůbec nemusíte všimnout.
Kategorie
Nabídka hamburgerů byla přesunuta do kategorie. Zajímavá mechanika, ale neobvyklá. Ve filtrech můžete vybrat typ katalogu. Pěkná funkce, ale dává větší smysl, když je filtrování na stejné stránce jako seznam produktů. Změny zde nebudou viditelné, dokud se nevrátíte zpět do adresáře. Zobrazí použité filtry, ale na samostatné stránce. Je lepší to udělat nad seznamem produktů – o mobilním telefonu jsme již v cyklu psali.
V křížové navigaci jsou karty malé. Řekněme, že jsem sem přišel koupit oblečení. U podobných obrázků prostě nevidím, v čem se některé džíny liší od ostatních.
Plus: existuje příležitost nahrát obsah generovaný uživateli do recenzí – velké tržiště bez této mechaniky nikde není.
U podobných a souvisejících produktů není filtrování. Kromě toho existuje milion věcí: boty, tašky, sukně, mikiny, jak je může uživatel oddělit?
/span>
V navigaci nejsou žádné ikony ani miniatury – s takovou rozmanitostí kategorií by měly být vizualizovány a formovat očekávání uživatelů od obsahu. Wildberry používá sekvenční nabídku s klikatelnými nadpisy – zábavný způsob, jak ukázat cestu.
Číselné filtry nemají žádný posuvník. Je to však pro nejlepší. Lepší chybějící posuvník než špatně navržený. Během Baymardova testování 50% subjektů narazilo na problémy s použitím posuvníků, protože byly příliš citlivé.
Plus: na filtrech zobrazuje počet produktů – od očekávání uživatelů.
Filtry obsahují vyhledávání, je to skvělé, ale pokud zadáte „stovku“ místo 100, systém je bezmocný.
Filtry nemají žádné vysvětlení. Ne každý ví, co je vlnitá taška, balíček doy, pavouk, polypropylenová taška s chapadlem. V mobilním telefonu je to dvojnásobně důležité, protože filtry nejsou aplikovány dynamicky. Nepíšou celkový počet produktů na tlačítko „Zobrazit“.
Druhy jsou klasické, to znamená nepochopitelné . Napsali jsme, že je nutné implementovat třídění podle kategorie. Jak se hodnocení liší od popularity, není jasné.
S největší pravděpodobností je to kvůli frekvenci nákupu, ale proč nenapsat – „Nejčastěji nakupované“? „Za cenu min.“ A „max.“ Je také zvláštní příběh. Je to od minima po maximum nebo naopak? Šipka by byla podle mého názoru informativnější.
Hledání kategorie nefunguje. Tuto funkci by měl určitě zvážit velký internetový obchod jako Wildberry s tolika produkty. Nepište náklady na jednotku zboží.
Registrace a nákupní košík
Registrace pomocí SMS kódu. Kód se vkládá automaticky – obvykle není špatný.
Svou historii prohlížení si můžete prohlédnout ve svém účtu. Wildberry si také pamatuje všechny produkty, které jste kdy otevřeli – je to v pohodě.
Plus: do košíku píší, když bude přibližně dodávka – správná mechanika.
Mínus: odstraněné položky nelze obnovit.
Plaťte pouze online , ale jedná se o inovace související s karanténou.
Verze pro stolní počítače
Jako obvykle minuta vlastní propagace. Máme řadu článků o designu online obchodů – existuje spousta teorie s odkazy na výzkum. A teď k práci.
Wildberry je jedním z mála ruských online obchodů, které skryjí katalog v nabídce hamburgerů na ploše. Skrytí navigace je podle mého názoru špatné řešení. Navíc nikdo nepodepsal, že se jedná o katalog. Skupina Nielsen Normann Group ve svém výzkumu ukázala, že skrytá navigace je na stránce téměř dvakrát obtížnější.
Hledat
Hledání je slabé – nepodporuje běžné vyhledávání. Zadáte „prášek“ a tam jsou chemické sloučeniny pouze k praní. Výsledky hledání nezobrazují karty produktů a kategorií. Je dobré, že odrážejí časté vyhledávací dotazy (nebo jen zastaralé produkty).
Uživatelé zadávají do vyhledávání nejen přesné dotazy, ale také své problémy, když nevědí, s jakým produktem je mají vyřešit. Žádáme „mnoho much“. Vydání nabídky ke koupi „Nová pravidla obchodní korespondence“. No, pojďme porazit mouchy s Ilyakhovem, dobře.
Je skvělé, co pro výsledky vyhledávání dělá doplnění s tematickými značkami. Je pravda, že někdy vypadají divně.
Existuje hledání fotografií – mechanika, kterou musíte mít pro velké tržiště.
Domů
Domovská stránka odráží šíři sortimentu, ale dělá to špatně. Problém mnoha velkých online obchodů spočívá v tom, že vyvíjejí tlak na uživatele, protože jsou přetíženi vším.
Na jedné straně je jasné, že chcete ukázat vše. Na druhou stranu, v tak velkém množství obsahu je těžké se orientovat, je snazší odejít.
Můžete si vyrobit větší karty, například v katalogu. Změňte formáty tak, aby nebyly stejného typu. Obecně musíte s vizuálem něco udělat, abyste ho snáze vnímali. Nyní je to jen nekonečná chaotická páska.
Titul „Nejprodávanější“ se v tomto zmatku obecně ztrácí. Nevím, jestli Wildberry používá webový prohlížeč a provádí nějaký průzkum. Zdá se mi, že nezkušený uživatel ve zdroji nenajde záhlaví.
Například „M.Video“ vytvořeno karty nejsou tak malé. Díky pořadí prvků různých velikostí vypadá domovská stránka čistší a hezčí. Díky dobré výplni nedojde ke ztrátě titulů.
Ozon má také tišší domovskou stránku. Více formátů obrázků – zajímavější je prohlížet zdroj. Navíc se snaží vyrobit produktové karty ve stejném stylu. Většinou doma, minimalistické fotografie na šedém pozadí. Karty se liší od kategorií, kategorie se liší od propagací – vše je feng-šuej a lepší než nekonzistence barev.
Hrozný: Wildberry zkracuje názvy produktů. To nemůžeš udělat. Model a výrobní série musí být zobrazeny společně. A také samostatná neúcta k vám s velkým písmenem.
Další mínus: ignorovat rychlý náhled na ploše již obtížnější, navíc – můžete na ni kliknout náhodou. Pokud jste to zmeškali, připomínám vám: rychlé procházení uživatele mátne ve struktuře webu.
Plus: ukázat značky, se kterými spolupracují. Skvělá praxe je rozdělit do kategorií.
Pokud však kliknete na „Zobrazit vše“, začne koš. Není jasné, proč existuje rolovací okno, pokud je dole abecední seznam.
Značky s textem – je lepší je umístit na „ostrovy“.
Není jasné, proč zobrazovat všechny stránky značek. Vzhledem k tomu, že ne všichni partneři Wildberry mají loga a někdo je chrlí zpod pultu. Tento někdo navíc převzal vědu designérů ASOS – jakýkoli text ve dvou řádcích musí být spojen dohromady.
Plus: hlavní stránka je přizpůsobena uživateli. Pokud jste si jednou prohlédli produkty pro děti, web vám je dále zobrazí.
Mínus: pokud se chcete dostat nahoru z konce stránky, není zde žádné tlačítko.
Horní navigace je špatná. Košík nezobrazuje počet položek v něm, dokud se nepřihlásíte. Neuvidím produkty z oblíbených a naposledy zobrazených, ale uvidím adresy míst vyzvednutí.
Mimochodem, na to může být tržiště hrdé – problémových bodů je opravdu mnoho. To se na stránky sice nevztahuje. Věnujte pozornost tomu, jak společnost Wildberries kvůli nouzi opustila rozpoznatelnou firemní barvu – časem prověřený marketingový trik.
Karta produktu
V produktu je spousta prázdného místa Kartu. Na první obrazovce je pocit, že níže není nic jiného. Právě zde musíte podat maximum možných informací, aniž byste narušili vizuální vnímání. Na pravé straně obrázku lze provést nejlepší kontrolu.
Navíc: můžete zvětšovat obrázky. Bez této funkce si ale nikdo v internetovém obchodě nenakupuje.
Z karty nemůžete do košíku přidat několik produktů – stav tlačítka se nenávratně změní. Obnovte stránku nebo změňte množství již při placení.
Wildberry používá pro fotografie vertikální karusel – uživatelé nebudou rolovat až na konec.
Plus: všechny informace o produktu na jedné stránce, nepoužívejte záložky. Psal jsem o tom v cyklu o desktopu – pokud jste skryli část obsahu, lidé si toho nevšimnou.
Katalog
Ve filtrech nemůžete vybrat hodnocení. Uživatelé hledají negativní recenze, aby si je před nákupem přečetli. Je důležité dát jim příležitost rychle se dostat k požadovanému cíli. Je dobré, že hodnocení recenzí lze upravit v řazení na stránce produktu.
Životní hack pro ty, kteří píší falešné recenze: musí být mnohostranný a negativní. Negativní hodnocení by mělo ukázat, že buď je osoba nedostatečná, nebo lze problém vyřešit ve prospěch kupujícího.
Mimochodem, Ozon umožňuje přidat do košíku několik položek a ukázat cenu položky za jednotku. UGC je navíc prominentně uveden na stránce produktu. Wildberry vás donutí udělat 3-4 svitky, abyste se dostali k recenzím.
Postranní panel s interním posouváním může způsobit problémy s touchpadem. .. Horizontální filtrování je lepší, ale u tolika produktů je jednoduše nemožné jej implementovat.
Plus: většina filtrů je doplněna interním vyhledáváním.
košík
Stejně jako v mobilním telefonu nelze odstranit položky. Tlačítko „Odstranit“ se ale zobrazí, když umístíte kurzor na produkt – dobrá funkce, snižuje vizuální zatížení.
Mínus: nemůže změnit barvu a velikost v košíku.
Wildberry lisuje sms pro již registrované uživatele – nabízí možnost vidět kód na jiném zařízení. Pokud nemáte přístup k telefonu, počkejte celou minutu. A služba se neustále snaží ukládat zasílání SMS zpráv. Toto je šedá mechanika, která zvyšuje metriku předplatného, ale naštve uživatele. To se nám na Mojo nelíbí.
Po registraci se košík otevře ve vašem osobním účtu. V horní části se zobrazí panel karet – to odvádí pozornost uživatele od objednávání. V košíku Wildberries nezjednodušuje zápatí a záhlaví. Již jsem napsal, že v této fázi nákupu musíte minimalizovat počet rozptýlení. Lepší je odstranit vše kromě loga telefonu, zásad ochrany osobních údajů nebo jiných dokumentů.
Závěry
Často Slyšel jsem a četl v komentářích, že lidé s takovým rozpočtem se nemohou mýlit a sami na to přijdou. Bohužel není.
Obrat eCommerce v pandemii poroste za jakýchkoli okolností, a to i uprostřed skandálů a sporných návrhových rozhodnutí. To neznamená, že můžete své partnery odhodit nebo uživatele odradit chaosem obsahu na hlavní stránce.
Připomínám, že účelem nadpisu není urazit nějaký internetový obchod, ale ukázat jeho chyby, které naši čtenáři nepovolili.
Tradičně nechávejte v komentářích aplikace pro další „Prozharki“. Odpovězte na otázku, setkali jste se s horní lištou někde jinde.
Nezapomeňte na „+1“ a přihlaste se k odběru Mojo, pokud se vám sekce líbí a chcete více 🙂
# jahody
