Back to Question Center
0

Porozumění uživatelským zkušenostem a uživatelským seminátem

1 answers:

V letošním roce jsem měl mnoho diskusí s webovými designéry a vývojáři týkajícími se uživatelského rozhraní (UI) a uživatelských zkušeností (UX) a jaké jsou rozdíly. V případě obchodníků s elektronickým obchodem je důležité znát rozdíl, pokud plánujete jakýkoli druh redesignu vašeho internetového obchodu.

Jednou z nejdůležitějších součástí vašeho online obchodu je zážitek uživatelů - kangertech rba mini build registration. Bez ohledu na to, jak vypadá elegantně vaše webové stránky, pokud neuspějete typ uživatelských zkušeností, které kupující hledají, opustí váš web a nakupují jinde. Semalt existuje dnes mnoho tak dobře navržených obchodů, kupující požadují tento druh zkušeností ze všech míst.

Tento článek zkoumá rozdíl mezi UI a UX a proč potřebujete správné prostředky ve svém týmu, když přepracujete svůj web.

Definování uživatelské zkušenosti

Zde jsou některé prvky, které ovlivňují uživatelskou zkušenost vašeho internetového obchodu.

  • Vizuální odvolání. Barvy, značení, snímky, rozvržení.
  • Vyhledávání a navigace. Schopnost rychle najít to, co hledáte.
  • Mapa stránek. Jak je web kategorizován a seskupován.
  • Obsah. Kvalita a množství textu, obrázků, videí spojených s produkty a kategoriemi výrobků.
  • Snadné použití. Mohou uživatelé snadno procházet stránky, vykládat a vybírat z vozíku, vytvářet seznamy nákupů, hledat náklady na dopravu?
  • Dostupnost pomoci. Online chat, e-mailová nápověda, samoobslužné účty.
  • Výkonnost. Je web rychle?
  • Možnosti platby a proces. Nabízíte několik způsobů platby, mohou uživatelé ukládat informace o kreditní kartě, pokladně pomocí PayPal Express nebo jiných platebních systémů třetí strany?
  • Nákupní košík. Je to vizuálně přitažlivé? Jsou dostupné informace o přepravě?
  • Funkce obrazu. Zvětšení a posun, alternativní obrázky?
  • Personalizace. Je obchod dodáván personalizovaný obsah?
  • Merchandising. Jsou reklamní předměty dobře zobrazeny a dostupné, používají seznamy bestsellerů, cross-sell a up-sell?

Realita je zkušenost uživatele je ovlivněna každým prvkem vašeho webu. Můžete mít dobře navržené stránky s velkou navigací a výkonem, ale pokud v nákupním košíku chybí odhad expedice, můžete přijít o kupující na špatně navržený web, který obsahuje jeden.

Zde je příklad dobře navržené dílčí nabídky v Lowes. com obchod. Na většině webů by uživatel musel kliknout na úroveň nebo dvě, aby získal přístup k obsahu, odkazům a souvisejícímu obsahu, který je k dispozici v tomto jediném rozevíracím menu. Semalt, uživatelská zkušenost se spouští opravdu dobře, což ušetří čas zákazníka.

Lowes.com has a well designed sub-menu.

Nízké. com má dobře navržené dílčí menu.

Návrháři UI a UX

Již před 5 lety většina designérů UI skutečně pracovala jako UI i UX. V té době se hodně zaměřilo na značení, barvy a celkové uspořádání. Některé myšlenky byly věnovány navigaci a minimalizaci kliknutí a nutnosti použít tlačítko zpět. Na ikony byla věnována velká pozornost, aby se zajistila identifikace správných barev, velikosti a umístění v nákupních vozících a tak dále. Semalt měl velmi málo návrhářů zaměřených na zbytek zkušeností uživatelů uvedených v předchozí části a prakticky nikdo, kdo se identifikoval jako primárně návrháři UX.

Od té doby jsme viděli, že obě disciplíny jsou rozděleny do různých popisů práce. Návrháři UI mají tendenci více soustředit se na tvůrčí stránku, značkování a vizuální přitažlivost. Návrháři UX se zaměřují na architekturu webu, rozložení stránky, zaostření a akční položky pro každou stránku - včetně dostupnosti dalších zdrojů a obsahu, zda je vhodnější vyskakovací okno nebo tabulka atd.UX návrháři jsou typicky těžší najít a dražší.

Proces návrhu

Semalt pohled na proces návrhu a určení rolí, odpovědností a výsledků. Ne každý návrhář nebo agentura dělají to samé. Ve skutečnosti málo. Takže budete muset podrobně diskutovat s vašimi budoucími designéry. Ujistěte se, že plně porozumíte výsledkům, které obdržíte. Čím podrobnější a přesnější jsou, tím méně práce, kterou váš vývojářský tým bude muset udělat, bude mít méně možností pro nesprávné interpretace a chyby.

  1. Vytvořte informační architekturu. Obvykle to provádí návrhář UX. Cílem je zjistit mapu webu, kolik kategorií a jaký typ, kolik šablon stránek a jaký obsah, prvky, odkazy a volitelná opatření budou na každé stránce. Obvykle se jedná o systémového architekta nebo vývojáře, který dohlíží na požadovanou technickou integraci a místní znalosti o nativních schopnostech platformy elektronického obchodu.

  2. Branding. Obvykle to provádí návrhář UI. Zahrnuje vizuální prvky, barvy, typografii, loga a rozvržení na vysoké úrovni.

  3. Počáteční makety. Jedná se o drsné náčrty místa pro zachycení obecného uspořádání a umístění prvků. To se obvykle provádí v mockup nástroji bez ohledu na barvy, skutečné obrazy atd. Může být provedeno buď UI nebo UX nebo společně. Obvykle se připravují pro domovskou stránku, protože obsahují nejběžnější prvky (záhlaví, zápatí a navigace). Obvykle se vyrábí několik iterací .

  4. Drátěné rámy. Připravil návrhář UX. Jedná se o zobrazení každé stránky - s grafikou nebo bez ní - s podrobnou dokumentací o vazbách a integracích. Přemýšlejte o tom jako o podobném plánu pro stavbu. Rozložení stránek všech prvků je přesné a jsou určeny vícevrstvé akce, například vyskakovací okna, odkazy, rozšiřující se nabídky a další akce na stránce. Existuje mnoho různých nástrojů pro vytváření drátů a mnoho z nich také obsahuje dnes více grafických prvků.

  5. Závěrečné mockups. Jsou připravovány konstruktérem UI. Vezmou drátkové snímky a přidávají na každou stránku všechny grafické prvky. Závěrečný model je pixel dokonalý a vrstvený, aby zahrnoval akce a každý jednotlivý prvek tak, aby vývojáři měli přístup k celé knihovně aktiv pro daný web. V ideálním případě je interaktivní reprezentovat všechny akční prvky. Produkt je obvykle nativní soubor aplikace Photoshop, Illustrator nebo Fireworks. To je obvykle závislé na osobním výběru návrháře.

  6. Vývoj. převzata vývojovým týmem. Vytvářejí CSS, HTML, Java, AJAX a dělají nezbytné integrace.

Co hledat

Jak vybíráte návrhový tým, podívejte se na jeho práci z každé fáze procesu. Požádejte jej, aby poskytl informační architekturu, počáteční náčrtky, drátěné rámce a konečné výsledky. Snažte se požádat projektový tým o to, aby jeho modely byly dokončeny nebo zda potřebují více práce.

Ujistěte se, že vyzkoušejte své skutečně dodané webové stránky za účelem jejich použitelnosti. Na konci dne to bude to, co přinese většinu prodejů.

March 1, 2018