Jak by měly filtry mobilních produktů vypadat v roce 2021? Přehled konceptu

Ahoj všichni!

Jsem Evgeny Abunagimov. Navrhuji online obchody a další rozhraní, píšu o nich telegramem. Dnes vám na příkladu uvedu svůj koncept a řeknu vám, jak učinit filtry aplikací obchodu pohodlnější a užitečnější.

Proč nemůžete zacházet s mobilními filtry z nedbalosti?

Pojďme experimentovat

Podmínka: ve filtrech jste narazili na neznámý parametr. V žádném z těchto případů neexistuje ponětí, co to je. Musíte si to vygooglit.

Řešení problému na počítači: otevřete novou kartu → google → otevřete odkaz → vraťte se zpět.

Trvalo to 17 sekund.

Řešení problému na chytrém telefonu: minimalizovat aplikaci → otevřít prohlížeč → počkat na spuštění → google → číst → otevřít seznam spuštěných aplikací → vrátit se.

Trvalo to 29 sekund.

Výstup experimentu: Řešení problému na mobilním telefonu vyžaduje téměř dvakrát tolik práce, díky čemuž se zvyšuje pravděpodobnost, že se k aplikaci nevrátíte, takže by návrhářům neměly být lhostejné mobilní filtry.

Filtry jsou velmi důležité! Ale ne každý je dělá dobře

Konzultanti často pomáhají s dobrým nákupem. Ve filtrech ale nikdo nepomůže uživateli s jeho omezenými (někdy falešnými) znalostmi o produktech.

Pokud jsou filtry nepochopitelné a neobsahují výzvy, pak osoba zůstává sama se svou nevědomostí a zmatkem . Někteří odcházejí zmatení, zatímco jiní si vyberou, co nechtějí.

O mobilních filtrech jsem mluvil se dvěma designéry: dobrými a špatnými.

Je obtížné učinit mobilní filtry pohodlnými a užitečnými, protože obrazovka smartphonu je menší než notebook

Špatný návrhář

Existuje však i jiné hledisko.

Na smartphonu je celá obrazovka dána pouze filtrům. Celá obrazovka pro vytváření pohodlných a užitečných řešení rozhraní. Tam si můžete něco takového vymyslet!

Dobrý designér

Pozice dobrého designéra je mi bližší.

Problémy s mobilními filtry a jejich řešeními

Problém 1 Žádné tipy ani užitečné informace, které vám pomohou vybrat

Vedle nesrozumitelného parametru lze umístit krátký vysvětlující text. Pokud to nestačí, můžete kliknout na podrobné informace. V samostatném okně můžete zadat podrobný text, malou karikaturu nebo ilustraci.

DNS v tomto směru učinil dobrý pokus. Nad seznam produktů umístili film o tom, jak vybrat telefony, a průvodce hlavními parametry smartphonu.

Bylo by však užitečnější shromáždit všechny tyto užitečnosti přímo ve filtrech.

problémů 2. nezobrazuje se na stránce zpětné vazby.

Použili jsme tedy 10 filtrů, ale na mobilní obrazovce nevidíme, k čemu to vedlo. V nejlepším případě tlačítko řekne, že po filtrování je vám k dispozici 50 produktů. Samotný seznam produktů se ale zobrazí, až když opustíte rozhraní filtru se seznamem produktů.

To je v rozporu s důležitým atributem dobrého rozhraní: bleskurychlá zpětná vazba. Toto je napsáno v knize A. Coopera „Na rozhraní“. Článek Nielsen Norman Group také hovoří o důležitosti vystavování produktů
na stránce filtrů.

Řešení

A co když na dno umístíme skládací a roztažitelný blok s filtrovanými produkty. Veškeré zboží nemusí být zobrazeno. Možných je však 20.

Takové řešení zkrátí čas strávený filtrováním, protože v některých případech si člověk bude moci všimnout požadovaný produkt po prvním použitém filtru a bude být schopni jít na to okamžitě.

Problém 3. Žádné ilustrace složitých parametrů

Netuším, jak se džíny boyfriend liší od trubek a jeggings. Jak mohu v tomto případě provést adekvátní výběr? Ukažte mi, jak to vypadá.

Řešení

Všude tam, kde ilustrace pomáhá pochopit složité parametry a činí rozhraní zajímavějším, je třeba použít obrázky.

Je špatné, když se barva zařízení jednoduše píše textem „červená“, „modrá“ atd.

Je také špatné, když je uveden pouze barevný piktogram bez titulku. Existují uživatelé, kteří nerozlišují barvy.

Je lepší mít ikonu i podpis.

Problém 4. K použitým filtrům není rychlý přístup

Pokud jste použili mnoho filtrů, můžete na některé zapomenout. V takových případech je navíc důležitý rychlý přechod na použitý filtr. Přečtěte si o tom více v průzkumu společnosti Baymard.

Řešení

V některých aplikacích velkých obchodů je rychlý přístup k použitým filtrům implementován pomocí značek nad tlačítky.

Podporuji toto rozhodnutí a přeji si, aby k tomu brzy dospěla většina.

Problém 5. Dobré vyhledávání je vzácné.

Vyhledávání by mělo být tam, kde je více než 12 filtrů. Mělo by to být také ve filtrech se spoustou možností.

Vyhledávání by mělo být nejen sémantické, ale také sémantické. Například pokud chce uživatel najít filtr „Baterie“, měl by tuto možnost najít pomocí dotazů jako „Baterie“, „Velikost baterie“ atd.

Problém 6. Žádný režim pro figuríny

Pokud jste v produktu noví, pak může být klasické filtrování nejen zbytečné, ale také škodlivé, protože si můžete odfiltrovat nejrůznější odpadky sami pro sebe.

Jak můžeme zjednodušit výběrové řízení při vědomém rozhodování?

Řešení

Když bloudíme mezi regály v obchodě a ničemu nerozumíme, zavoláme konzultanta. Pro většinu lidí je kladení otázek nebo odpovídání na ně jednodušší, než převzít odpovědnost za výběr a dlouhodobé studium technických specifikací.

Závěr: Je nutné gamifikovat výběrové řízení – hrát s potenciálním kupujícím v otázce a odpovědi.

Jak by měl náš režim pro figuríny vypadat jako?

Stejný DNS se pokusil vytvořit režim pro figuríny. Položí uživatelům několik otázek a na konci nabídne výběr produktů.

Zde tento formulář nevypadá ' Nepracujeme pro nás:

1. Není humánní.

Pokud by Alice, Siri nebo Oleg asistent nevěděli, jak vtipkovat a lidsky reagovat na akce uživatelů, nebylo by zajímavé je používat.

Je dobré, když se rozhraní podobají člověku, a uživatel má pocit, že interaguje s něčím inteligentním.

2. Rozhraní klade složité technické otázky

Konzultanti by neměli mučit osobu s dotazy ohledně technických specifikací. Jsou navrženy tak, aby zjednodušily výběr a zmírnily stres.

3. Po zodpovězení otázek nabízí velké množství produktů

Několik desítek. To je v rozporu s logikou: konzultant v obchodě vám nikdy neukáže 40 produktů, navrhne 3 – 7 nejvhodnějších, aby se vám z hlavy nedostala hlava.

Existuje mnoho studií potvrzujících, že snižování hojnost snižuje psychický stres a zvyšuje pravděpodobnost nákupu. Přečtěte si tento článek o problémech hojnosti.

4. Konzultant nevysvětluje, proč jsou tyto smartphony vhodné pro uživatele a jak je jeden lepší než druhý.

Chvála však DNS za pokus o pohodlnější interakci .

Ideální tvar rozhraní pro mobilní zařízení, který by měl mít konzultant prodávající komplexní produkt:

a) být známý a srozumitelný;
b) být pravidelný: uživatel by měl udělat něco podobného každý den nebo téměř;
c) nebýt komplikovaný a nudný;
d) by měl být navržen i pro osobu s nulovou znalostí produktu.
e) rozhraní by mělo nabízet produkty založené na vlastnostech a cílech uživatele, nikoli na technických vlastnostech zařízení.

Chat je ideální pro náš úkol

Chaty s virtuálními konzultanty jsou již široce používány v bankovní a technické podpoře, ale v elektronickém obchodování stále vypadají exoticky. Cítím, že to nebude dlouho trvat.

Seznamte se s Goshou. Gosha ví vše o populárních smartphonech v různých cenových kategoriích. Ví, které telefony jsou vhodné pro blogery, které jsou vhodné pro děti a které jsou vhodné pro šéfa.

Tak to vypadá.

Na konci dialogu vám Gosha navrhne nejvhodnější chytré telefony.

Uživatel by měl pochopit, proč jsou tato zařízení pro něj vhodná, proto pište o% souladu každého zařízení s potřebami osoby a o tom, na kterých chytrých parametrech tato shoda závisí. Uživatel se při výběru telefonu ze všech, které navrhl konzultant, musí na něco spolehnout.

Problém 7. Nedostatek sad filtrů pro různé uživatele, důvody a úkoly

Existuje několik odborníků na složité produkty. Množství zboží, kterému nerozumíme, nás nutí trpět. Uživatel bude rád, pokud odstraníte vše zbytečné a ukážete mu, co v daném případě potřebuje.

Řešení

Seskupte filtry podle typu uživatele a důvodu nákupu. To pomůže lidem a zvýší pravděpodobnost nákupu.

Lovec bude velmi spokojen s výběrem filtrů, které mu pomohou najít odolný a odolný telefon.

Syn, který si vybral telefon pro matku, vám poděkuje za výběr filtrů pro produkty pro seniory.

Matka ocení výběr filtrů pro telefony pro děti.

Doporučuji Baymardův článek o účinných metodách třídění, který pojednává také o důležitosti tematických filtrů.

Několik důležitých podrobností

Jezdec možností je kompaktnější než vertikální seznam

vodorovný posuvník s možnostmi, na rozdíl od svislého seznamu pomáhá šetřit místo.

Vložte do posuvníku 5–7 populárních možností a kliknutím na tlačítko „Vše“ nechejte dostupné všechny ostatní možnosti.

Pokud je většina parametrů filtru zdlouhavá, je lepší klasický vertikální seznam.

Současné použití ručního zadávání, posuvníku a rozsahu

Možnosti rozsahu použijte více než jen posuvník, ale také ruční zadání. Je ještě lepší, když si můžete vybrat z navrhovaných rozsahů.

Pole pro zadání hodnoty musí mít křížek, aby bylo možné rychle smazat zadané hodnoty.

Přeneste filtry služeb na začátek seznamu

Filtry, které vám pomohou vybrat produkty podle splátek, s rychlým doručením, produkty se slevou a dalšími parametry, které filtrují produkty, které nemají vlastnosti produktu, jsou nejlépe umístěny v horní části seznamu seznam.

Přeneste oblíbené možnosti na začátek seznamu

Prohlédněte si statistiky a podívejte se, jaké filtry uživatelé používají ze všeho nejvíc a které nejčastěji vedou k nákupu.

Umístěte nejoblíbenější filtry na začátek seznamu.

Totéž proveďte s variantami. Pokud je nejoblíbenější rozlišení obrazovky 1920X1080, mělo by to být úplně první v seznamu.

V některých případech je však lepší uspořádat možnosti podle pořadí.

Například úhlopříčka obrazovky. To je vkus, menší obrazovka neznamená horší. Pokud uživatel uvidí možnosti seřazené podle popularity, může předpokládat, že požadovaná velikost jednoduše není k dispozici. Poté uživatel odejde. Proto bude lepší rozmístit rozměry úhlopříčky ve vzestupném pořadí.

Závěry

1. Mobilní filtry by měly být vyřazeny stejně jako filtry pro stolní počítače. Řešení problémů s rozhraním na mobilním telefonu stojí uživatele a podnik dvakrát tolik než na PC.

2. Obrazovka pro mobilní zařízení vám poskytuje více možností pro vytvoření pohodlného a užitečného rozhraní protože vše bude dáno pouze filtrům.

3. Udělejte rozhraní informativnějším: Nechte nápovědu ke komplexním parametrům, přidejte ilustrace, obrázky a videa. Nenechávejte uživatele osamoceně.

4. Rychlá zpětná vazba: zobrazit filtrované produkty na stránce s filtry, ale ponechejte uživateli možnost je skrýt.

5. Poskytněte režim pro figuríny. Ideální forma je chat s robotem, protože chatujeme každý den, jsme zvyklí. Bot by měl být humánní a neměl by nabízet mnoho možností. Mělo by také poskytnout informace pro rozhodování.

6. Poskytněte uživateli rychlý přístup k použitým filtrům, jinak může zapomenout, co použil.

7. Vyhledávání by mělo být tam, kde je mnoho filtrů. Mělo by to být chytré a najít filtry pro různé možné dotazy.

8. Nabídněte výběr filtrů , které vám pomohou najít produkty pro konkrétní úkoly, lidi, události.

9. Nabídněte uživateli nejkratší cestu k cíli: Nejoblíbenější filtry a možnosti pro ně by měly být na začátku seznamu filtrů.

Děkujeme za přečtení až do konce! Napište do komentářů, jak můžete vylepšit mobilní filtry.

Ve svém telegramu píšu o online nakupování, špatných a dobrých rozhraních, designu a spotřebitelském myšlení. Podpořte mě prosím přihlášením, lajkem nebo přeposláním. To mi dá více důvodů k častějšímu psaní.

Přeji hezký týden!