„Design-roasting“ je část, ve které tým Mojo analyzuje rozhraní online obchodů. Pokračujeme v hledání nejen chyb, ale také doporučujeme řešení.
Minulý týden jsme vydali mobilní verzi „Aliexpress“. Mimochodem, neočekávali jsme takovou jednomyslnost v komentářích.
Rozhodli jsme se, že je třeba dávat kulturní šok, takže analýza plochy vyšla právě teď.
Zhenya Knyazev je stále s vámi a já jsem stále produktový designér, pojďme.
Hlavní stránka
Budu komentovat příběh o asijském stylu, který byl vznesen v komentáře k poslední „Prozharce“. Držím se dvou tezí:
1. Ano, v Číně existují převážně další trendy v grafice a designu rozhraní. Všechno je tam jasnější a honosnější.
2. ALE! Pokud vážně vstupujete na zahraniční trh, musíte tomu přizpůsobit svůj produkt.
Pokud se mnou nesouhlasíte, napište do komentářů.
I když nezačneme mluvit o barevných řešeních, pronásledují mě bannery na hlavní stránce. Jejich nízké rozlišení je u MacBooku ještě nápadnější.
Vedle košíku je spousta prázdného místa – je je lepší zobrazit celkové náklady na přidané položky.
Na kartě doručování můžete vybrat nejen město, ale také region. Rozevírací seznamy jsou doplněny vyhledáváním – to je dobré.
Zároveň je z nějakého důvodu polovina rozhraní v ruštině a druhá v angličtině. Každý však ví, že lokalizace je slabou stránkou AliExpressu, takže na toto téma již nebudu upozorňovat.
Horní navigace je posunut doprava – existuje riziko, že jej uživatel ztratí z dohledu. Potřebujeme ukotvit objekty kolem okrajů, aby se oko mohlo něčeho zachytit.
Jak uvedli v komentářích k poslední „Prozharce“ – rozhraní se ještě nenačetlo a vy již dostáváte kupón.
Obrázky pod kupónem malé. Bez kontextu je těžké pochopit, co je tam znázorněno. Obrázky jsou přepnuty, i když zde nejsou žádné indikátory karuselu.
První obrazovka je přetížena speciálními nabídkami, situaci zhoršuje všudypřítomná automatická animace. Po interakci s bannerem na hlavní stránce by měl přestat přepínat snímky. Tyto technologie zde nejsou poskytovány. Na obrazovku byste neměli vkládat více než jeden objekt s automatickou animací.
Zatím není jasné, co přesně bannery propagují. Na některých místech se reklamní sdělení nečte.
Tmavá vložka vpravo stále běží do slepoty banneru. V tmavém režimu vypadá jako součást prohlížeče.
Chcete-li něco přidat do oblíbených nebo přejít do historie, musíte přihlásit se. Váš nákupní košík vás o to také požádá.
Rozhraní je nestabilní. Karty, bannery, formáty tlačítek a CTA se na různých místech liší. A to je největší problém AliExpressu.
Hledat
Nejběžnější – analogicky s Google a Yandex. Nabízí podobné dotazy a nic víc. Podobné dotazy se zobrazují pod vyhledávací lištou – dobrý mechanik.
Plus: existuje vyhledávání podle kategorie – tržiště s velkým množstvím produktů bez této funkce nikde .
Je pravda, že díky nepřizpůsobenému dropduanu se vám pláče.
Hledání je statické a sleduje uživatele na domovská stránka, ale při posouvání zmizí možnost vyhledávání podle kategorie.
Katalog
Když přejdete do katalogu, kategorie se skryjí v nabídce hamburgerů. Špatné řešení pro pracovní plochu – o tom už bylo napsáno. Tlačítko lze snadno přehlédnout, vedle ikony potřebujete alespoň podpis „Katalog“. Samotný hamburger mohl být jasnější. Toto je dobrý příklad, kdy vidíme, že nejde jen o „kulturní pozadí“.
V mega-menu problémy s typografií a kontrastem – text vypadá jako jeden blok. Existují zkrácená jména. Rozložení se již nedotkneme. Není jasné, proč jsou v dolní části zvýrazněny samostatné kategorie.
Malá velikost textu: v kategoriích 13 pixelů, v megamenu – 11.
Plus: kategorie jsou doplněny ikonami – je snadnější číst informace alespoň zde.
Obrovský přínos pro samotnou kategorizaci – je tam a z větší části je to pochopitelné. Na tržišti, jako je AliExpress, si takový výkon zaslouží prémii za osobní soubory.
Produkty v kategoriích však nemusí nutně odpovídat vašemu dotazu.
Dobré filtry, ale chybí výsledky vyhledávání a popisky s vysvětlením pojmů.
Uvedení hlavních filtrů nahoru – dobrá mechanika. Bylo by skvělé, kdyby je bylo možné přizpůsobit.
Stránka produktu
Problémy jsou stejné jako u mobilního telefonu.
Nové: tlačítko Koupit je příliš daleko – na první obrazovce není viditelné.
Nelze přidat, přidejte produkt do košíku, dokud nevyberete jeho parametry.
Jaké parametry jsou potřeba a jak je vybrat nejsou uživateli informováni.
Recenze na stránce produktu mají užitečné/neužitečné hodnocení – pomáhá pochopit, které jsou skutečné.
Plus: k recenzím můžete nahrávat fotografie produktů, samotné obrázky lze překrucovat – a užitečná funkce.
Mínus: nesmyslná úspora místa.
nákupní košík
Přihlásil jsem se pomocí svého účtu Google, ahoj všichni.
V košíku není záhlaví a zápatí zjednodušené. To může uživatele odvrátit od dokončení nákupu. Pokud se však dostane do koše na AliExpressu, je nepravděpodobné, že by ho něco zastavilo.
Položku můžete smazat, ale nemůžete ji obnovit. Je to škoda – na takovém tržišti bude těžké ji znovu najít.
Nakonec se košík zeptá, jak dobrý je. Po zveřejnění jí sem pošlu odkaz na Prozharku. Zde je obzvláště atraktivní rozestup písmen na tlačítku.
Pokladna
Formuláře mají vložené ověření a rady – to je dobré.
U platebních metod se pokuste definovat loga platebních systémů.
Zjednodušené záhlaví se zápatí na přinejmenším zde – již dobré.
Závěry
Nelze nezmínit skvělé funkce a správná řešení trhu. AliExpress s největší pravděpodobností působí nějakým způsobem jako inovátor a jiné weby duplikují jejich mechaniku. Navrhují je pouze v dobré kvalitě a bez barev s roztrhanýma očima.
Největším problémem Aliexpressu je absence uceleného designového systému. Čím více stránek otevřete, tím častěji se mění navigace, ikony, formáty karet, faktory tvaru tlačítek, CTA atd.
Yura Vetrov obecně chybí „Ali“.
Do komentářů napište, který internetový obchod bude příště demontovat.
Nezapomeňte na „+1“ a přihlaste se k odběru Mojo, pokud se vám sekce líbí a chcete více 🙂
