Design proti smažení: jaké vlastnosti by měly být převzaty z Ozonu

„Design-roasting“ je část, ve které tým Mojo zkoumá rozhraní online obchodů. Obvykle najdeme chyby a doporučujeme řešení. Tentokrát jsme dospěli k závěru, že každý může kritizovat, ale najít pozitivní – musíte to zkusit.

Jmenuji se Zhenya Knyazev a já jsem produktový designér. S mojí účastí tam byly vydány „Prozharki“ „M.Video“, ASOS a Wildberries.

Ve společnosti Mojo reagujeme na komentáře společně a často používáme jako příklad Ozon, proč si to přečtěte níže.

Ozon je nejstarší ruský internetový obchod, založený v roce 1998. Tehdy po bankovních kartách vůbec nic nebylo, takže si uživatelé na tomto webu zarezervovali zboží a šli jej do obchodu uplatnit.

Mimochodem, takto vypadalo tržiště v roce 2017. Je dobré, že i po 20 letech napodobování Amazonu si to kluci stále rozmysleli.

Domů

Debriefing tradičně začínáme na ploše.

Ozon podepisuje ikony. Vše podle kánonů přístupného designu, aby i nezkušený uživatel pochopil, co je co.

Obsah „Osobního účtu“ a „Objednávky“ je zobrazen při najetí myší – také dobré, ale „Oblíbené“ a „Košík“ nemají žádné další položky.

Katalog je umístěn v jedné velké úvodní stránce tlačítko, které je těžké přehlédnout. Skrytou navigaci najdete na stránce téměř dvakrát tak obtížně.

Autorizace pomocí telefonního čísla bez registrace s hromadou polí.

Domov zvládá své úkoly: informuje návštěvníka o šíři sortimentu, inzeruje sponzorované produkty a služby samotného tržiště.

Domovská stránka zároveň díky kombinaci různých formátů obrázků nevypadá příliš přeplněně.

adresář

Třídit zboží je nejtěžší částí trhů. Ozon je v tom dobrý. V katalogu nejsou žádné abstraktní oddíly jako „potraviny“ nebo „zdravá volba“. Všechno je psáno v lidské řeči.

Ikony usnadňují skenování, ale cílem je zvýraznit další produkty společnosti Ozon.

Zvláštní je kategorie „Automobily a mototechnika“. Návrhář nemyslel a kluci, kteří vyplňovali také sekce. Vypadá to, že je prázdný, ale pokud se posunete nahoru, existují kategorie.

Dobré filtrování:

• pro každý filtr je zobrazeno několik možností – umožňuje vám pochopit, co je uvnitř;
• šetří místo – většina položek je skryta pod tlačítkem „Zobrazit vše“. Pokud jej rozbalíte, zobrazí se vyhledávání pro snadnou navigaci.
• na samotném tlačítku je přízvuk;
• nezapomněl případně sbalit filtr zpět;

< li> velké množství možností je doplněno hledáním;

• kromě vyhledávání existuje abecední rozdělení – pro uživatele je snazší vnímat informace rozdělené na části.

Řešení s postranním panelem je jasné – existuje mnoho filtrů, které se mění v závislosti na kategorii. Horizontální filtrování je nepostradatelné, i když bude často efektivnější.

Jezdec je doplněn vstupními poli a nereaguje na náhodná kliknutí uprostřed. Cenu můžete filtrovat pouze pomocí posuvníků – vše je v souladu s osvědčenými postupy.

Aplikované filtry se zobrazují nad seznamem produktů – lze je snadno upravit. Kontext vyhledávání je těžké ztratit a nelze jej zapomenout.

Hledat

Moje oblíbená část o tomto online obchodu.

Nejprve je třeba vyhledat kategorii. Další možností je přidání do mobilního telefonu – a bylo by to příliš dobré.

Zadruhé, Ozon dokáže rozpoznat požadavky na problémy. Zadáme „Mnoho much“ a zobrazí se prostředky pro ovládání hmyzu.

Chyby v dotazech jsou také rozpoznány a opraveny, slovem buzz.

Při vyplňování pole zobrazí tržiště příslušné kategorie. Svou historii dotazů můžete smazat, aby vaše žena nespálila to, za co utrácíte peníze.

Vyhledávání má také relativně dobrý nástroj pro filtrování. Můžete si vybrat kategorii, doručení, slevy, značku.

Pokud vyhledávání automaticky identifikovalo kategorii produktu, filtry zobrazují jeho charakteristické vlastnosti.

Uvnitř Ozonu je mnoho malých funkcí rozhraní. . Například kvůli velkému počtu oznámení je osobní účet jako e-mailová služba. Můžete například označit všechna upozornění jako přečtená. Cítíte se opatrní.

karta produktu

Fotografie můžete přepínat na kartě produktu.

Oznámení ve vc. en Zakázat reklamy Marketing 2 100 prodejů v internetovém obchodě s nábytkem. Případ „Stolplit“ Jak přepnout z propagace obrázků na prodej, uskutečnit více než 2 100 prodejů pouze v internetovém obchodě a přesto …

Když podržíte kurzor nad podobným modelem, zobrazí se popis s vysvětlením akce. I váš děda pochopí, co to znamená.

Zároveň se Ozonu podařilo docela dobře inzerovat přímo na kartě. Říkají, že máme sklady a dodávky, lidi, buďme přáteli.

Trh funguje dobře. Je toho hodně, ale netlačí. Sponzorované produkty jsou navrženy tak, aby se člověk s největší pravděpodobností rozhodl, že se jedná o nejoblíbenější produkty v této kategorii.

Mínus: některé prvky vypadají klikatelně, ale nejsou. Například vzorníky barev a velikosti.

Více položek můžete přidat přímo z karty, aniž byste museli přejít do košíku. U produktů, jako jsou čipy, je to funkce, která je zanedbávaná.

Vlastní obsah na kartě přímo pod popisem produktu . Sociální důkaz přiměje zákazníky nakupovat. Lidé navíc pořizují fotografie produktu ve všech variantách lépe než profesionálně na základě zadání.

Produktová karta vypovídá o slevách: kolik, jak jsou uplatněny a jaké výhody kupující získá.

Nápady na implementaci – produkt může být dárek, můžete zkontrolovat snížení ceny.

Vlastnosti v popisu produktu jsou roztříděny a dobře navrženy.

Nahoře je opraven blok s informacemi o tom, jaký produkt studujete. Pokud chcete přidat do košíku, nemusíte rolovat. Škoda, že zde není cena.

Statistiky recenzí existují, ale nelze na ně kliknout – nelze je odfiltrovat přesné hodnocení, které mě zajímá. Existuje ale třídění recenzí.

Tam, kde je více než tisíc recenzí, si Ozon data sama organizuje.

U prémiových produktů jsou k dispozici zvukové a obrazové konzultace. Je pravda, že konzultanti pracují na plánu, který není nikde publikován.

Karta obsahuje příklad „užitečného“ FOMO (strach ze ztráty – strach chybí). Neříkají: „Nakupujte, protože tento produkt si prohlédlo dalších 10 tisíc lidí“, ale informujte o zbytcích.

Pro srovnání můžete vybrat klíčové vlastnosti – jsou zobrazeny nahoře. Můžete dokonce porovnávat produkty napříč kategoriemi. Porovnání pouze pro různé vlastnosti je již hygienickým minimem.

Mínus: při přidání do srovnání , zobrazí se popis. Pokud nemáte čas kliknout, pak je stránka téměř nemožné najít.

A další minus : v části „Oblíbené“ si můžete vytvořit vlastní seznamy, ale pouze pro oprávněné uživatele. Uvnitř není žádné vyhledávání a filtrování, alespoň podle kategorie. To je pro tržiště špatné, protože v oblíbených může být spousta produktů.

V košíku má počet produktů rozevírací seznamy. Pokud existuje mnoho možností, musíte dlouho procházet. Řešení s „+“ a „-“ by bylo pohodlnější.

Je možné zadat požadované množství, ale pouze pokud je k dispozici více než 10 pozic. Ani v tomto případě neexistují žádné alternativy, pouze vstup.

Je skvělé, že píšou, kolik z produktu zbývá.

Pole propagačního kódu je v pokladně skryté – neodvádí tak uživatele od nákupu. Pokud je důraz na pole příliš silný, pak lidé google a nemusí dokončit design.

Zjednodušené záhlaví a zápatí – dobré také, ale je lepší to zjednodušit i ve fázi nákupního košíku.

Mobilní

Začnu kladnými body, které se nepřekrývají s desktopem:

Oblíbené položky ve formě palubní desky jsou vynikajícím řešením pro smartphone. Nakonec můžete do srovnání snadno spadnout. S notebookem se mi to sotva podařilo.

Sběrná místa můžete filtrovat podle typu, služby a způsobu doručení.

Špatné: Křížové tlačítko fab neumožňuje efektivní navigaci na této stránce. Chci zavřít okno a došlo ke konfliktu.

Data ze SMS se načítají automaticky. Můžete zadat autorizační kód jedním kliknutím.

Skvělé přihlášení. Alespoň v mobilním telefonu bude jasné, kde bylo srovnání skryto.

Nyní k nevýhodám.

< p> Nejprve nás potká na hlavní stránce – kolotoč se sotva znatelnými ukazateli. Je dobré, že žádná automatická animace.

Sekvenční nabídka v adresáři vám brání v návratu do kategorií. Stisknutím fyzického tlačítka „Zpět“ přejdete uživatele na hlavní stránku.

Navigace zároveň není přátelská k Safari vůbec – tlačítko „Zobrazit“ není vidět. Lišta karet je také v konfliktu s iOS.

V mobilním košíku nejsou žádné rozevírací seznamy, ale není dostatek znaků „+“ a „-“. Toto řešení je pohodlnější než rozbalovací nabídka nebo ruční zadání až pro 6–7 produktů.

Rozbalovací seznamy v různých typech nejsou přizpůsobeno.

A to neplatí, když aplikace funguje lépe než mobilní verze – tam je všechno stejné.

Výstup

Vypadá to, že jsem se Ozona moc snažil pochválit, ale moc to nevyšlo. Musíme upřímně přiznat, že když se začnete na něco dívat podrobně, nevýhody jsou stále zarážející.

Obecně neexistují žádné ideální internetové obchody. Ozonu jasně záleží na poskytování kvalitního uživatelského zážitku, což je chvályhodné.

Napište do komentářů, na kterých webech se vám UX líbí. Možná společně můžeme do této sekce přidat několik pozitivních příkladů 🙂

Přihlaste se k odběru Mojo a nezapomeňte na „+1“, pokud to bylo užitečné.