Jak transformovat uživatelskou zkušenost do návrhu UX
Testování použitelnosti nemusí být komplikované. Existuje desítky možností pro návrhový tým, který chce vzdáleně otestovat své řešení. Abychom to dokázali, jsme přepracovali Yelp , pomocí testů vzdálené použitelnosti.
Provedli jsme testy vzdálené použitelnosti, protože jsou rychlé a cenově dostupné. Všechny tyto testy byly nemoderované, což znamená, že uživatelé je provozovali v pohodlí svých domovů. Zatímco to nám dává menší kontrolu, poskytuje přírodní výsledky. Protože byly zaznamenány jejich reakce, povzbuzovali jsme je, aby nahlas promyslila.
Je nezbytné pochopit, že neexistuje jediný magický přístup. Existuje široký výběr taktiků od laboratorních studií použitelnosti až po jednoduché e-mailové průzkumy a všichni mají svůj čas a místo. Šli jsme s dálkovým testem použitelnosti, protože dosahuje pěkné rovnováhy mezi rychlostí, přesností a náklady.
V tomto článku budeme vysvětlovat, proč kvalitativní výzkum záleží, vysvětlit náhled a ukázat, jak byly zabudovány do nového designu.
Jak přistupovat k kvalitativní analýze
Pokud jde o kvalitativní analýzu, nemůžete jen požádat uživatele o jejich zkušenosti.
Jak Jakob Nielsen, partner ve skupině Nielsen Norman, poukazuje na to , nikdy byste neměli poslouchat pouze to, co říkají uživatelé. Špatným přístupem by bylo vytvoření několika návrhů a poté požádání uživatelů, kteří se jim líbí nejvíce - uživatelé nezkoušeli design, takže mohou jen komentovat to, co vidí na povrchu.
Správný přístup je sledování toho, co uživatelé dělají, a pak se jich zeptá na minimum Jednoduchá otázka , který je: "Jak snadné nebo obtížné bylo to úkol?" To pomáhá snížit předpojatost a dostává se do dolní čáry analýzy UX: jak uživatelé plnili své úkoly a jak snadné nebo obtížné bylo to? Nahrávání na obrazovce také zachytilo zvuk (protože jsme povzbuzovali lidi, aby moudře přemýšleli), protože jinak je snadné si ujít, proč k určitému chování došlo.
Jak jsme analyzovali uživatelská videa
Ve videích interakcí uživatelů s webem Yelp se objevily odlišné vzory. Není překvapením, že jsme se dozvěděli, že vyhledávací panel je jedním z nejdůležitějších a snadno použitelných. Samozřejmě, to dává smysl, protože Yelp je v podstatě vyhledávač s určitými přidanými sociálními funkcemi. Jiné funkce však nebyly tak intuitivní, jak uvidíte níže.
Lekce 1: vyhledávací lišta byla preferovaným výchozím bodem
Všichni pět účastníků testu se těžce spoléhalo na vyhledávací pole, a to dokonce i pro úkoly, které lze snadno provést procházením kategorií (jako například najít hezkou restauraci nebo bar bez konkrétních kritérií). Ve skutečnosti čtyři z pěti účastníků šli přímo do vyhledávacího pruhu a našli restauraci. Pouze jeden uživatel začal procházet kategorií, a ona rychle zjistila, že jsou "ohromující" a nakonec se vrátili zpět do vyhledávacího panelu.
Je důležité zmínit, že v našich zkušebních pokynech jsme požádali uživatele, aby "našli" restauraci a ne "vyhledali" restauraci, protože jsme chtěli sledovat, jak by tuto úlohu přirozeně dokončili, aniž by je přiměli k určité funkci.
Zajímavé je, že když uživatelé dostali konkrétní parametry (například rozpočet, atmosféru a typ restaurace nebo název konkrétní firmy), téměř vždy ignorovali vše na domovské stránce kromě vyhledávacího panelu. V našem redesignu jsme se ujistili, že vyhledávací lišta je nejdůležitější vizuální vlastností.
Lekce 2: Události nejsou příliš nápadné
V jednom úkolu jsme požádali dva uživatele bez účtů Yelp, aby našli zajímavou událost v jejich oblasti tento víkend. Chtěli jsme se dozvědět, zda použijí kartu událostí v horní části stránky.
Překvapivě nikdo nepoužil kartu událostí . Když jste o víkendu požádali o nalezení zajímavé události ve své oblasti, jeden účastník testu použil vyhledávací panel a druhý navigoval v kategorii umění a zábava v nejlepším sekci Yelp .
Vzhledem k tomu, že holdingové události jsou důležitou součástí podnikání firmy Yelp, náš redesign by vytáhl sekci událostí z bočního panelu a stal by se součástí primárního svitek.
Lekce 3: Záložky byly matoucí a nikdo nepoužíval seznamy
Byli jsme zvědaví, jak se uživatelé rozhodnou uložit místa pro pozdější referenci. Ve službě Yelp existují dva způsoby, jak to udělat: uživatelé s existujícími účty mohou buď záložku umístění, nebo vytvořit seznam. Jednoduše jsme požádali skupinu 1 (tři uživatelé s účty Yelp), aby "ukládali" několik míst, na něž se bude dívat později, aby naše znění nezmínilo žádné funkce, které by mohly ovlivnit jejich činnost.
Ze tří uživatelů, kteří dostali tento úkol:
- Jeden podnik uložil záložky, ale stěžoval si, že tento proces trval dlouho
- Jeden začal ukládat firmy pomocí záložek, ale vzdal se, protože to trvalo příliš dlouho
- Jeden nebyl schopen zjistit, jak zachránit firmy a vzdal se tohoto úkolu
Dva uživatelé, kteří používali záložky jak poznamenal že by bylo hezké, kdybyste si mohli ze stránky s výsledky vyhledávání záloľit o záloľku, neľ byste museli navątívit stránku jednotlivých firem.
Bylo by hezké umožnit uživatelům snadnější a intuitivnější způsob, jak ukládat firmám, aby se k nim později vrátili, a tak jsme přidali do redesignu funkci ukládání jedním kliknutím. Tato nová funkce vám umožní uložit firmu přímo z stránky s výsledky bez potápění hlouběji.
Lekce 4: Je to rychlé a snadné vyhledávání konkrétního místa
Všem pět uživatelům dostal úkol najít konkrétní podnik a zjistit, zda je v určitém čase otevřen. Všichni úspěšně dokončili tento úkol a hodnotili úkol jako "velmi snadné". Jak již bylo zmíněno výše, všech pět využívalo vyhledávací lištu k provedení tohoto úkolu.
Vzhledem k tomu, že vyhledávání konkrétního podniku funguje tak dobře, rozhodli jsme se, že funkce se nepotřebuje měnit.
Lekce 5: Fotografie jsou nejlepší volbou pro stanovení atmosféry
Když byl požádán, aby našel restauraci s určitou atmosférou, žádný z pěti uživatelů se nepokusil použít vyhledávací panel. Místo toho tři uživatelé prohlédli fotografie restaurace Yelp, navštívili webové stránky restaurace a poslední uvedla, že symboly cen ($, $$, $$$, $$$$) stačily na to, aby ukazovaly, zda restaurace má správnou atmosféru.
To vyvolalo dva pohledy:
- Fotografie jsou zásadní součástí zkušenosti Yelp a jsou pro uživatele rozhodující pro výběr podniku.
- Abyste zabránili zablokování rozhraní, řešení by mohlo být stejně snadné jako zvětšení fotografií, když se dostanete na stránku s výsledky vyhledávání.
Lekce 6: Uživatelé spoléhali na filtry, ale je třeba je upravovat
Všem pět uživatelům bylo požádáno, aby našli restauraci pro skupinu 15, tři z pěti účastníků používali filtr pro filtrování dobrých skupin , zatímco jeden z nich použil funkci rezervace a posouval se, dokud nenalezla restauraci, která by mohla posadit skupinu.
V jiném bodě, pokusil se jeden uživatel vybrat dvě kategorie, aby filtroval jeho výsledky, ale jedna z jeho možností zmizela, když klikl na druhou.
Zatímco filtry jsou důležité, dozvěděli jsme se, že je lze výrazně zlepšit. Chcete-li hlouběji kopat, rozhodli jsme se spustit třídění karet na všech možných filtroch Yelp, abyste zjistili, které z nich jsou pro uživatele užitečné.
Pro redesign jsme se rozhodli, že kategorizujeme filtry ve čtyřech skupinách na základě toho, jak je uživatelé upřednostňovali. Například jsme se dozvěděli, že některé z nejdůležitějších filtrů jsou "Otevřít nyní" a "Přijmout kreditní karty", ale jejich přístup k nim může trvat několik kliknutí.
Lekce 7: Cenové kategorie nebyly jasné
Když uživatelé hledali restauraci se specifickými parametry, jedním z požadavků bylo najít restauraci v rozmezí 20 USD / osoba. Dva z pěti uživatelů byli zaměňováni tím, zda jejich rozpočet na restauraci 20 dolarů spadá do kategorie $, $$ nebo $$$. Jeden uživatel uvedl, že nevěděl, co znamenají symboly, a jiný kliknul na nesprávnou kategorii. Ostatní tři správně zvolily kategorii $$.
Definice symbolů se nezobrazuje, když uživatelé vybírají filtry; zobrazuje se pouze tehdy, když uživatel naviguje na stránku konkrétní restaurace. Vzhledem k tomu, že cenové očekávání jsou vysoce subjektivní, nebylo pro uživatele jasné, jakou kategorii by si měli vybrat.
Při redesignu jsme to vyřešili tím, že v závorce vedle symbolu umístíme přesné hodnoty. To je obzvláště užitečné, když se pohybujete mezi kategoriemi, protože $$ má jiný význam, pokud vybíráte mechaniku nebo hamburger.
Návrh je řízen vnímáním použitelnosti
Jakmile byl čas navrhnout, postupovali jsme podle několika posledních kroků Návrh Google Ventures proces. Generální ředitel společnosti UXPin Marcin Treder začal s četnými neformálními náčrty, než rozhodování týmu pomohlo vyřadit ho do horních 2-3 skic. Aby Marcin nedokázal navrhnout výbor, mělo konečné slovo, co se týče náčrtu, který by se rozvinul do wireframingu a prototypování.
Vytvořili jsme drátěný rám, který zahrnoval většinu návrhových změn, přidali některé interakce a animace, aby se změnili v prototyp s nízkou věrností. Jakmile byly animace vyladěny, přidali jsme podrobnosti o vysoce věrném prototypu.
Prototypy s nízkou věrností
Vysoko přesné prototypy
Určení všech rozměrů použitelnosti
Co říkají uživatelé a co dělají uživatelé, měli by být při testování uživatelů sloužit jako kontroly a zůstatky. Zatímco v průběhu testu nemusí být nutně přítomen, audiovizuální záznam je povinný, jinak byste mohli upustit od kontextu akcí. Když kombinujete kvalitativní analýzu s kvantitativní analýzou, získáte ještě jasnější představu o tom, proč a jak problém vyřešit, stejně jako kolik problémů s použitelností vašeho návrhu potřebuje vyřešit.