Ahoj všichni, jsem Zhenya. Jsem návrhář UX/UI specializující se na online obchody.
Pod nadpisem „Co je v krabici?“ Budu zkoumat online obchody a jejich aplikace.
Dnes se díváme na Androidovou aplikaci aukce a internetového obchodu Ebay.
Navigace
Aplikace nemá spodní nabídku: všechny prvky byly přesunuty do záhlaví. Jedná se o kontroverzní rozhodnutí, protože je pohodlnější, když je vše pod palcem ruky, kterou držíte telefon.
Ebay si rád připomíná v nejnepříznivější chvíli: když uživatel vstoupí do domu z postranní nabídky, objeví se tmavá obrazovka s logem. Zdá se, že se aplikace restartovala a pokrok se ztratil.
Přihlásit se
Hlavní stránka nás zve k přihlášení. Chcete-li to provést, budete muset přejít na jinou stránku. Toto je kliknutí navíc. Je lepší okamžitě zobrazit ikony s možnými způsoby autorizace na hlavní stránce.
Pokud nejste přihlášeni, pak na hlavní stránce nenajdete dříve zobrazené produkty a nebudete moci přidejte produkty do svých oblíbených položek a košíku. Nedělej to. Výzkum společnosti Baybard ukazuje, že 28% uživatelů opustí svůj nákupní košík kvůli požadavkům na registraci.
V Leroy Merlin byla provedena skvělá věc: pokud jste se nepřihlásili a nepřidali položky do košíku , poté budou všechny po autorizaci uloženy.
Domů
Blok vyhledávání dárků není v žádném případě znázorněn způsob. Bylo by efektivnější, kdyby zde byly vystaveny dary. Tím by se zkrátila cesta uživatele k produktu.
Obrázky na kartě nejsou zvětšeny, přestože je text na obrázcích malý a samotný produkt je často zobrazen jako ne velký.
Z karty nemůžete přidat produkt do oblíbených.
Upozorňujeme, že sleva je matně zvýrazněna. Možná si toho nevšimnete, ale sleva je důvodem k nákupu.
Hledat zboží
Pohodlné je, že existuje vyhledávání podle obrázku a hlasu, ale existují i nevýhody:
– Neexistuje žádné vyhledávání podle kategorie.
– Ve výsledcích hledání nejsou žádné obrázky produktů. Zřídka, kdo je ukazuje, ale obrázky pomáhají produkt rozpoznat.
adresář
Adresář je skrytý: musíte otevřít postranní nabídku, kde je tlačítko adresáře bude téměř v dolní části seznamu.
Oznámení na vc.ru Zakázat reklamy 
Významné výsledky SEO Zdvojnásobený provoz a 10krát viditelnost za šest měsíců. Zjistěte
Nejdůležitější prvky rozhraní by měly být první, které se zobrazí.
Další způsob, jak se dostat do adresáře, je najít jeho ikonu v posuvníku pod záhlavím, ale bude tomu každý věnovat pozornost?
Ebay používá kombinovaný adresář.
Hlavní kategorie jsou zobrazeny a zobrazeny v dlaždicích, zatímco podkategorie 2. až 3. úrovně jsou křížením mezi akordeonem a sekvenčními nabídkami: když je kategorie rozšířena, na obrazovce zůstanou pouze její podkategorie, zatímco ostatní kategorie jsou skryty.
Pro online obchody s malým počtem kategorií je vhodný typ katalogu s boční navigační lištou. Zde je příklad z mé poslední práce.
Filtry
Pros:
+ Rozhraní vyhledávání si můžete přizpůsobit sami: zapněte zapamatování filtrů, okamžitě rozbalte bloky filtrů.
+ Produkty můžete filtrovat podle podobnosti s nahranou fotografií.
Nevýhody:
– Po použití filtrů se jejich indikátory nezobrazí na stránce s výsledky. Pokud jste náhle zapomněli, nebudete si moci pamatovat, které filtry jste nastavili. Budete se muset znovu vrátit na stránku s filtry.
– Ne všichni uživatelé jsou technicky zdatní. Je pro ně lepší vysvětlit, co jednotlivé parametry filtrování znamenají, například „kontrastní poměr“ atd.
– Neexistuje žádný posuvník, který by změnil cenu produktu. Pouze vstup z klávesnice.
Stránka produktu
Malé fotografie a žádný náhled posuvníku
Produkt má malý obrázek. Uživatelé s větší pravděpodobností dokončí své nákupy prostřednictvím počítače také proto, že velká obrazovka jim umožňuje lépe porozumět produktu.
Produkt formálně nemá posuvník s přepínáním produktu. Sériové číslo fotografie je napsáno v pravém horním rohu. Kliknutím na toto číslo se uživateli zobrazí kompletní seznam fotografií produktů, ale jsem si jist, že ne každý uživatel uhodne, jak to udělat.
Jejich miniatury se používají jako přepínače fotografií. Je to lepší než hrnky a čísla. Tímto způsobem bude uživatel moci rychleji a snadněji otevřít fotografii svého zájmu.
Uvidíte slevu na fíky
Podívejte se na snímek obrazovky níže a zkuste najít informace o slevě.
Je tam, jen napsáno v malé velikosti a šedě.
Uživatel, který počítá každý cent, pravděpodobně přehlédne slevu a projde kolem produktu, který si koupil.
Neúplný výběr
Výběr s výběrem barvy produktu a jeho množství není ve výchozím nastavení vyplněn. I v případě, že je k dispozici pouze jedna barevná možnost, aplikace ji v poli nenahradila, aby pomohla uživateli.
Nenechávejte výběry prázdné. Pokud je telefon častěji kupován v černé barvě a 128 GB paměti, nechte tyto hodnoty vybrat ve výchozím nastavení. A naopak: pokud potřebujete stimulovat prodej dalších úprav, nahraďte je v polích.
Doporučuji přečíst si o principu „Nechte auto potit se“. Jeho podstata je následující: pokud pro nás stroj může něco udělat, aniž by nám způsobil problémy, nech to udělat.
Špatné zvýraznění tlačítek
Tlačítka Přidat do košíku a Sledovat mají stejný důraz, i když se významně liší. Méně důležitá tlačítka by měla být méně zvýrazněna.
Nelze řadit recenze
Recenze nelze filtrovat od 1 do 5. Budete nuceni prohlížet všechny recenze v náhodném pořadí. Výzkum společnosti Baymard ukazuje, že 95% uživatelů spoléhá na recenze a 53% záměrně studuje negativní recenze.
Auto.ru vám ukazuje, jak správně zobrazit blok s recenzemi. Každý parametr vozu se hodnotí samostatně, pokud má parametr negativnější hodnocení, zobrazí se jako minus auto. Recenze o každém parametru lze číst samostatně.
registrace košíku a produktu
Prázdný košík by měl vždy umožňovat přechod do katalogu nebo přidání produktů z oblíbených položek nebo dříve prohlížené produkty. Ebay vám však nabídne pouze obdiv k krátkému textu „Ve vašem košíku nejsou žádné položky.
Chcete-li zobrazit obsah košíku, budete muset vyplnit obrovský list kontaktních údajů.
Je zřejmé, že tato data jsou nezbytná, ale je lepší si je vyžádat v poslední fázi, kdy je osoba zcela připravena k objednávce. Nejprve ho nechte zkontrolovat svůj košík.
Další problém: v košíku nejsou žádné doporučené a podobné produkty. Je divné, že Ebay ignoruje zjevné způsoby, jak zvýšit průměrný šek.
Děkujeme za přečtení až do konce!
Taková kontrola trvá hodně času. Vytvoření video recenze by bylo snazší a rychlejší. Myslím, že by pro vás bylo zajímavější sledovat než číst.
Hlasujte, prosím, v jakém formátu by měla být provedena další kontrola.
V jakém formátu stojí za to dělat recenze online obchodů? Text Zobrazit
Každý, kdo se zajímá o rozhraní online obchodů obecně, vás pozývám na můj blog v telegramu: Vyznání návrháře ux/ui.
Moje chování.
Šťastný nový rok všem! Až do nových recenzí!
