Back to Question Center
0

Pochopenie skúseností používateľa vs. užívateľa Semalt

1 answers:

V tomto roku som mal veľa diskusií s webovými dizajnérmi a vývojármi o používateľskom rozhraní (UI) a používateľských skúsenostiach (UX) a aké sú rozdiely. Pre obchodníkov s elektronickým obchodom je dôležité vedieť rozdiel, ak plánujete nejaký druh redizajnu vášho online obchodu.

Jednou z najdôležitejších komponentov vášho online obchodu je skúsenosť používateľov - telecomando orologio. Bez ohľadu na to, ako elegantná vaša webová stránka vyzerá, ak sa vám nepodarí poskytnúť typ užívateľskej skúsenosti, ktorú kupujúci hľadajú, opustia vaše stránky a nakupujú inde. Semalt existuje toľko dobre navrhnutých obchodov dnes, nakupujúci dopyt, že typ skúseností zo všetkých stránok.

Tento článok skúma rozdiel medzi UI a UX a prečo potrebujete správne prostriedky vo svojom tíme pri prepracovaní webových stránok.

Definovanie skúseností používateľov

Tu sú niektoré prvky, ktoré ovplyvňujú používateľskú skúsenosť vášho online obchodu.

  • Vizuálne odvolanie. Farby, značenie, snímky, rozloženie.
  • Vyhľadávanie a navigácia. Schopnosť rýchlo nájsť to, čo hľadáte.
  • Mapa stránok. Ako je stránka kategorizovaná a zoskupená.
  • Obsah. Kvalita a množstvo textu, obrázkov, videí, ktoré sú spojené s produktmi a kategóriami produktov.
  • Jednoduché používanie. Môžu sa používatelia jednoducho pohybovať po stránkach, vo vozidle a von z neho, vytvárať nákupné zoznamy, nájsť náklady na dopravu?
  • Dostupnosť pomoci. Online rozhovor, e-mailová pomoc, samoobslužné účty.
  • Výkonnosť. Je miesto rýchlo?
  • Možnosti platby a proces. Ponúkate niekoľko spôsobov platby, môžu používatelia ukladať informácie o kreditných kartách, pokladne prostredníctvom PayPal Express alebo iných platobných systémov tretej strany?
  • Nákupný košík. Je to vizuálne príťažlivé? Sú dostupné informácie o doručení?
  • Funkcie obrazu. Priblížiť a posúvať, alternatívne obrázky?
  • Personalizácia. Je obchod dodávaný osobný obsah?
  • Merchandising. Sú reklamné predmety dobre zobrazené a dostupné, používajú sa zoznamy najlepších predajcov, predávajú sa a predávajú sa?

Skutočnosť je skúsenosť používateľov ovplyvnená každým prvkom vašich webových stránok. Môžete mať dobre navrhnuté miesto s vynikajúcou navigáciou a výkonom, ale ak váš nákupný košík nemá k dispozícii odhadovač lodnej dopravy, môžete stratiť kupujúcich na zle navrhnuté stránky, ktoré obsahujú jeden.

Tu je príklad dobre navrhnutého podmenu v Lowes. com obchod. Na väčšine lokalít by používateľ musel kliknúť na úroveň alebo dve úrovne, aby získal prístup k obsahu, odkazom a súvisiacemu obsahu, ktorý je k dispozícii v tomto jedinom rozbaľovacom menu. Semalt, skúsenosť používateľa sa naozaj dobre rozbehne a ušetrí čas zákazníka.

Lowes.com has a well designed sub-menu.

Lowes. com má dobre navrhnuté podmenu.

Návrhári UI a UX

V poslednej dobe, ako pred 5 rokmi, väčšina používateľov UI v skutočnosti robil aj UI a UX prácu. V tej dobe sa veľká pozornosť venovala brandingu, farbám a celkovému rozloženiu. Niektoré úvahy boli venované navigácii a minimalizácii kliknutí a potrebe použiť tlačidlo späť. Veľký dôraz sa kladie na ikony, ktoré zabezpečujú identifikáciu správnych farieb, veľkosti a umiestnenia v nákupných vozíkoch atď. Semalt mal len málo dizajnérov zameraných na zvyšok skúseností používateľov uvedených v predchádzajúcej sekcii a prakticky žiadni, ktorí sa označili za primárne dizajnérov UX.

Odvtedy sme videli obidve disciplíny vetvy do rôznych popisov práce. UI dizajnéri majú tendenciu sústrediť sa viac na kreatívnu stránku, branding a vizuálnu príťažlivosť. UX dizajnéri sa zameriavajú na architektúru lokality, rozloženie stránok, zameranie a akčné položky pre každú stránku - vrátane dostupnosti iných zdrojov a obsahu, či je vhodnejšie vyskakovacie okno alebo tabuľa a tak ďalej. UX dizajnéri sú zvyčajne ťažšie nájsť a drahšie.

Proces návrhu

Semalt pozrieť sa na proces návrhu a identifikovať úlohy, zodpovednosti a výsledky. Nie každý dizajnér alebo agentúra to robí to isté. V skutočnosti len málo. Takže budete musieť prediskutovať to podrobne s potenciálnymi návrhármi. Nezabudnite si plne porozumieť výsledkom, ktoré dostanete. Čím sú podrobnejšie a presnejšie, tým menej práce, ktorú bude musieť váš vývojový tím urobiť, ponecháva menej možností na nesprávny výklad a chyby.

  1. Vytvorte informačnú architektúru. Obvykle to robí návrhár UX. Cieľom je identifikovať mapu stránky, koľko kategórií a aký typ, koľko šablón stránok a aký obsah, prvky, odkazy a akcie s možnosťou vytočenia sa budú zobrazovať na každej stránke. Zvyčajne ide o systémového architekta alebo vývojára, ktorý bude dohliadať na požadované technické integrácie, ako aj miestne poznatky o natívnych schopnostiach platforiem elektronického obchodu.

  2. Branding. Zvyčajne to robí návrhár UI. Obsahuje vizuálne prvky, farby, typografiu, logá a rozloženie na vysokej úrovni.

  3. Počiatočné makety. Toto sú hrubé náčrty stránky, ktoré zachytia všeobecné usporiadanie a umiestňovanie prvkov. Zvyčajne sa to robí v softvérovom nástroji, bez ohľadu na farby, skutočné obrázky atď. Môže sa to robiť buď UI alebo UX, alebo spoločne. Tieto sú zvyčajne pripravené na úvodnú stránku, pretože obsahujú najbežnejšie prvky (záhlavie a päta a navigácia), zvyčajne sa vytvára niekoľko opakovaní.

  4. Drátové rámy. Pripravil návrhár UX. Toto je reprezentácia každej stránky - s grafikou alebo bez nej - s podrobnou dokumentáciou o odkazoch a integráciách. Premýšľajte o tom ako s podobným plánom budovy. Rozloženie stránok všetkých prvkov je presné a identifikujú sa viacvrstvové akcie, ako sú vyskakovacie okná, odkazy, rozbaľovacie ponuky a ďalšie akcie na stránke. Existuje veľa rôznych nástrojov na vytváranie drôtov a mnohé z nich tiež obsahujú viac grafických prvkov.

  5. Záverečné figuríny. Tie sú pripravené návrhárom UI. Zoberú drôtené rámčeky a pridajú všetky grafické prvky na každú stránku. Konečný obraz je pixel perfektný a vrstvený tak, aby obsahoval akcie a každý jednotlivý prvok, takže vývojári majú prístup k celej knižnici aktív pre danú lokalitu. V ideálnom prípade je interaktívne reprezentovať všetky akčné prvky. Produkt je zvyčajne natívny súbor Photoshop, Illustrator alebo Fireworks. To zvyčajne závisí od osobnej voľby dizajnéra.

  6. Vývoj. prevzatý vývojovým tímom. Vytvárajú CSS, HTML, Java, AJAX a robia potrebné integrácie.

Čo hľadať

Ako si vyberiete dizajnérsky tím, pozrite sa na jeho prácu z každej etapy procesu. Požiadajte ho o poskytnutie informačnej architektúry, počiatočných skíc, drôtených rámov a konečných výsledkov. Snažte sa spýtať sa dizajnérsky tím, či jeho modelky boli úplné alebo či potrebujú viac práce.

Nezabudnite otestovať svoje skutočné dodané webové stránky von z použiteľnosti. Na konci dňa to bude to, čo prinesie najviac predajov.

March 1, 2018