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.

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

Ozon je nejstarší ruský internetový obchod, založený již v roce 1998. Tehdy z bankovních karet vůbec nic nebylo, uživatelé si tedy na webu rezervovali zboží a šli jej do obchodu uplatnit.

Mimochodem, tržiště vypadalo jako 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 účet „a„ Objednávky “se zobrazují při najetí myší – také dobré, ale položky„ Oblíbené “a„ Košík “nemají žádné další.

Katalog je umístěn v jednom velkém tlačítku plnění, což 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 se spoustou 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ě.

Současně kombinace různých formátů obrázků vypadá domovská stránka příliš nepořádek.

Adresář

Kategorizace produktů je nejtěžší částí trhu. Ozon je v tom dobrý. V katalogu nejsou žádné abstraktní oddíly jako „potraviny“ nebo „zdravá volba“. Vše 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. Zdá se, ž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 jeho vyhledá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 srozumitelné – existuje mnoho filtrů a změnit 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 podle osvědčených postupů.

Použité 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 v tomto internetový obchod.

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

Za druhé, Ozon je schopen rozpoznat problémové požadavky. 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ě vhodné kategorie. Svou historii požadavků můžete smazat, aby vaše manželka nespálila to, za co utrácíte peníze.

Hledání má také relativně dobrý nástroj pro filtrování. Můžete vybrat kategorii, dodání, slevy, značku.

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

Ozon má spoustu malých frontendových funkcí. 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

Na kartě produktu můžete přepínat fotografie.

Když podržíte kurzor nad podobně, 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é položky jsou navrženy tak, aby se člověk s největší pravděpodobností rozhodl, že jde 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ávána.

Vlastní obsah na kartě přímo pod popisem produktu . Sociální důkaz přiměje zákazníky nakupovat. Lidé navíc budou fotit produkt ve všech variantách lépe než profesionál 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árkový, 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í podle plánu, který není nikde publikován.

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

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, stránku je téměř nemožné najít.

A ještě jedno 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 pozornost 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.

Místa vydání 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.

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“ se uživatel dostane na hlavní stránku.

Navigace zároveň není přátelská s 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 při třídění nejsou přizpůsobeny.

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

Výstup

Vypadá to, že jsem se Ozona hodně 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é.