„Design-roasting“ je část, ve které tým Mojo zkoumá rozhraní online obchodů. Nehledáme jen chyby, ale také doporučujeme, jak je opravit.
V předchozích verzích jsme již spravovali:
- Pochopte výhody a nevýhody redesignu M.Video
- Kritizujte vizuály ASOS
- Nechte se rozladit nejasným hledáním Wildberry
- Chvála a uvést příklad Ozon
Pojďme se podívat na gigantu eCommerce – AliExpress. V roce 2020 společnost zdvojnásobila průměrný šek a stala se lídrem v zasílání balíků v Rusku. Dobrý důvod pochopit UX/UI webu.
Toto je Zhenya Knyazev, produktový designér společnosti Mojo. O problémech AliExpressu můžete mluvit dlouho, pro pohodlí rozdělím materiál na dvě části.
V první se zaměřme na mobilní verzi tržiště, protože provoz v mCommerce roste a uživatelé si s větší pravděpodobností vybírají produkty ze svých mobilních telefonů.
Domů
Barevnost rozhraní je okamžitě zřejmá. Celý svět směřuje k minimalismu, ale Čína tvrdohlavo ignoruje trendy a vytváří jasné bloky. Kvůli nepokojům barev se hledání v záhlaví ztratí.
„Příliš malý“ je popis, který se hodí téměř každou stránku na webu. Nečitelné nápisy a prázdné mezery k nám narazí více než jednou. Kategorie je obtížné identifikovat podle jejich ikon. Jména jsou malá, slova jsou odříznuta. Hravé elipsy skrývající konec fráze … ponechejte prostor pro představivost uživatelů.
Ikony se snaží ladit se stylem, ale harmonii kazí Tmail s animovaným logem. Takový přízvuk by mohl fungovat, kdyby byl celkový design minimální, ale zatím to vypadá vrtkavě. Tlačítko „Zobrazit vše“ také vyčnívá ze zbytku a duplikuje funkci panelu karet.
Můžeme propagační karty vyrobit ještě menší? Myslím, že ano, ale výsledek se nezmění. Dárkové předměty jsou ztraceny na barevném pozadí bez podpisů. AliExpress však označuje datum ukončení prodeje, což uměle podporuje vzrušení.
Slevy a kupóny se používají k vytvoření většiny logiky AliExpress. Je vidět, že je propagují, a není na tom nic špatného.
Dojem však kazí nízká kvalita obrázků a malé tlakové zóny. Pomlčky místo mínusů na štítcích slev jsou častými hosty v našem Prozharki. K tomuto problému dochází v každém druhém internetovém obchodě, v některých písmech není vůbec žádný znak „-“.
Plus: správně použijte ikonu šipky k označení akordeonu. Je to tento indikátor, který uživatelům objasňuje, že kliknutím se otevře podnabídka a nebude se přesměrovat na jinou stránku.
Adresář
Většina uživatelů AliExpress se obrací na stránky, aby ušetřili peníze nebo nakupovali za cenu „z Číny“. Hledají konkrétní produkty nebo kategorie, které se snadněji zadávají do vyhledávacího pole. V tomto scénáři hlavní stránka přechází do pozadí, což nijak nezhoršuje její problémy.
Používáte kategorie na AliExpress? Ano Ne Nepoužívání webu < span class = "quiz__panel__button__label"> Hlasovat
Kupodivu je stránka kategorie sama čistě stylizovaná. K dispozici jsou miniatury textových symbolů – tímto způsobem uživatelé skenují informace rychleji. Klikatelné oblasti jsou přijatelné.
Doporučení
Nevím, čím se algoritmus řídí ve výběru zboží – v seznamu obsahuje různé kategorie. Karty se načítají nekonečně dlouho. Čím dále, tím horší je doporučení.
V určitém okamžiku se ztratíte v nekonečném zdroji, chcete se vrátit na hlavní stránku, ale neexistuje žádná šipka pro rychlé posouvání nahoru. Nekonečná lineární stránka produktů uživatelům ztěžuje hledání produktů.
Plus: AliExpress zdůrazňuje počet produktů prodaných na kartě produktu. Na obřím webu s 20 miliony aktivních uživatelů je důležité ukázat uživateli integritu prodejce. Návrháři se pilně vyhýbají horizontální dynamice – obrázky na kartě produktu nelze posouvat. Podle mého názoru by byl v souladu kolotoč s ilustracemi v katalogu.
Minus: návrháři ušetřili místo a dali nadpisu jeden řádek. Zkratky ztěžují identifikaci produktu mimo kontext. Je dobré, že se prodejci přizpůsobili webu a přenesli informace na fotografii produktu, čímž posunuli vzpouru barev na novou úroveň.
Hledat
Vyhledávání nabízí automatické doplňování, ale není vždy správné uhodnout možnosti. Vzhledem k velkému počtu produktů je stěží lepší volba. AliExpress mohl inzerentům prodat bezplatný prostor pro vyhledávání.
Plus: produkty ve výsledcích vyhledávání lze filtrovat podle různých kritérií. Samotné filtry jsou skryty v oponě a dynamicky se mění v závislosti na kategorii produktu.
Jediné, co chybí, jsou popisy složitých technických charakteristik a řádek s počtem produktů nalezených zadanými filtry. – stojí za to formovat očekávání od počtu návštěvníků.
Mínus: není žádná možnost pro výběr filtrů z jedné kategorie pro zobrazení všech možností.
Chyby v rozvržení již dávno přestaly vypadat jako něco neobvyklého, ale dynamické filtry dokázaly překvapit svou nadměrnou dynamikou.
Samostatně bych chtěl zdůraznit AliExpress Plus. Po kliknutí na logo jsem byl nejprve přesunut na prázdnou stránku a poté do služby třetí strany s jiným designem. AliExpress ví, jak překvapit.
karta produktu
Web neváhá neustále měnit navigaci. Na hlavní byl jeden panel karet a na kartě produktu již druhá. A nejedná se o ojedinělý případ, rozhraní se často mění při přechodu do jiné sekce. Dejte nám vědět v komentářích, jak cílíte na AliExpress.
Při výběru regionu nemůžete zadat polohu, a proto musíte dlouho posouvat na požadovaný řádek. Nabídka hamburgeru obsahuje osobní účet a krátké nastavení relace. Ikony měn a jazyků jsou zmatené.
Chci procházet textem v popisu. Je dobře, že prodejci tento problém znají a informace o nápovědě vkládají do samotné galerie.
Uzávěry jsou dobré, ale jsou skryty pod šipkami, což znamená přechod na jinou stránku. Neustálé používání podobných značek pro různé mechaniky uživatele ještě více mate.
fotografie. Samotné recenze bohužel trpí malými písmy a nedostatkem rozložení.
Pokud tomu dobře rozumím, každý prodejce vyplňuje popis sám. Ne každý má bohužel smysl pro krásu, díky čemuž stránky vypadají jako patchworkové deky.
Při pokusu o kontrolu informací o prodejci AliExpress ochotně mě přenesl na samostatnou kartu bez možnosti návratu.
Opět problémy s rozvržením, ale je zbytečné o tom mluvit. Nemyslím si, že je stránka populární, ale vystačíte si s oponou.
Jsem rád, že se stránka automaticky přizpůsobuje OS telefonu a nabízí pohodlnou možnost zadání vašeho osobního účtu.
Je však lepší povinnou registraci úplně odmítnout. Už jsme diskutovali, proč je to pro eCommerce špatné řešení. Výzkum společnosti Baymard uvádí, že za to může 28% okamžitých opuštění.
Nákupní košík
Nákupní košík není povolené vyhledávání nebo mazání produktů. Špatné řešení pro obchod se spoustou podobných produktů.
Kulatá zaškrtávací políčka v nákupním košíku jsou zlo, které si v poznámkách dovoluje pouze Apple.
Plus: sumar se pohodlně vyrábí jako opona.
Závěry
Během pečení neopouštěl pocit, že web byl iteračně vytvořen různými designéry. Na některých místech jsou skvělé funkce a správná řešení, ale zároveň obyčejná místa vypadají neohrabaně a neohrabaně. Russifikace způsobuje samostatnou bolest.
V roce 2020 oslavil AliExpress výročí na ruském trhu, ale po dobu deseti let problém s automatickým překladem nevyřešili. A pokud jsou podivná jména nebo popisy vysvětleny negramotností prodejců, pak nedostatek lokalizace v položkách nabídky způsobí jen zmatek.
Zdá se, že to opravdu nepotřebují.
V další části si povíme o desktopové verzi. Nezapomeňte „+1“ a přihlaste se k odběru Mojo, pokud se vám tato sekce líbí a chcete více 🙂
