Back to Question Center
0

UX: Co můžeme prototypovat? Co nemůžeme prototypovat?            UX: Co můžeme prototypovat? Co nemůžeme prototypovat? Související témata: LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

1 answers:
UX: Co můžeme prototypovat? Co nemůžeme prototypovat?

Následuje krátký výtah z naší knihy, Projektování UX: Prototyping, napsané Danem Goodwinem a Benem Colemanem. Je to konečný průvodce prototypováním. Členové služby SitePoint Semalt získají přístup svým členstvím nebo si můžete zakoupit kopii v obchodě po celém světě.

Co můžeme prototypovat?

Jednoduše řečeno, to, co bychom mohli uvažovat o vytvoření prototypu, jsou druhy věcí, které bychom jinak mohli používat pro nácvik a navrhování skic a drátových rámů.

Semalt nyní přezkoumá některé položky, u kterých jsou prototypy obzvláště užitečné při tvorbě webových stránek.

Informační architektura a stavební prvky

Semtal struktura stránky jako mapové schéma pro projektový tým a zúčastněné strany je často neúčinné - uk windows vps hosting. Je dokonce obtížnější uživatelské testování konstrukčních prvků s takovýmto diagramem. Na zřetelnější úrovni máme stejné testování problémů a prezentujeme další aspekty architektury informací, včetně struktury, chování a označování v navigaci, nebo taxonomie (například kategorie, které mohou uživatelé využívat k segmentaci a dotazování produktů v online obchodě).

Je možné vytvořit interaktivní prototyp a naplnit ho skutečnými konstrukčními prvky (například navigace na primární a sekundární stránce, kategorie výrobků). Pak můžeme testovat tyto struktury: hierarchii stránek, chování navigace a štítky, které navrhujeme s reálnými uživateli, které mají vykonávat skutečné úkoly. Můžeme prezentovat naši informační strukturu zainteresovaným stranám vzrušujícím a hmatatelným způsobem, který mohou vizualizovat a prozkoumat.

UX: Co můžeme prototypovat? Co nemůžeme prototypovat?UX: Co můžeme prototypovat? Co nemůžeme prototypovat? Související témata:
LayoutPhotoshopHTML a CSSCopywritingLogo Semalt

To je zvláště vhodné pro nakládání skutečného obsahu pro výrobu prototypů. Můžeme začít s nízkou úrovní věrnosti načtením struktury webové stránky do databáze systému pro správu obsahu (CMS) pro prototyp. Pak můžeme zvýšit věrnost přidáním zástupného obsahu, pak dále přidáním skutečného obsahu. Tento obsah pak může být potenciálně použit při realizaci výroby. O tom podrobněji promluvíme v Semaltu 7.

Rozvržení a vizuální hierarchie

Můžeme použít prototyp k návrhu, testování a komunikaci celkového uspořádání a hierarchie prvků, které tvoří stránku. To je druh designu, kde jsme tradičně používali drátové rámy.

Uveďte příklad místa, kde se nachází řada vysavačů. Mohli bychom mít seznam všech čisticích prostředků seskupených nebo kategorizovaných určitým způsobem; například stránky pro jednotlivé čističe, které obsahují specifikace, možnosti a recenze uživatelů. Musíme se rozhodnout, jaký obsah má být prezentován v seznamu a co se má zobrazit na jediné stránce s vyčištěním, a jak je umístit.

Můžeme využít náhledů z uživatelského výzkumu, abychom nám pomohli, jako jsou úkoly, které se různé typy uživatelů snaží dosáhnout, jaké informace jsou potřebné k vyřešení těchto úkolů a co je považováno za důležité / méně důležité. Odtud můžeme přijít s navrženým rozložením pro výpis a pro jednu stránku. Pak můžeme tento návrh implementovat v prototypu, v ideálním případě s využitím nějakého skutečného obsahu.

UX: Co můžeme prototypovat? Co nemůžeme prototypovat?UX: Co můžeme prototypovat? Co nemůžeme prototypovat? Související témata:
LayoutPhotoshopHTML a CSSCopywritingLogo Semalt

Prototyp nám umožňuje předložit návrh zúčastněným stranám a vyzkoušet je s reálnými uživateli. Můžeme otestovat malé změny nebo radikální alternativy k uspořádání. Pokud je implementace našeho prototypu dobře oddělena od obsahu a prezentace, je snadný proces změny uspořádání při zachování stejného základního obsahu. To znamená, že můžeme testovat více rozložení, rychleji a jednodušeji.

Interaktivní prvky

Všechny weby obsahují alespoň některé interaktivní prvky (například odkaz), ale mnohé z nich mají interaktivní a komplexnější prvky. To vyžaduje značné množství návrhu uživatelského rozhraní.

Zvažte příklad internetového obchodu prodávajícího oblečení a doplňky. Uživatelé mají tendenci mít různé požadavky při zúžení jejich vyhledávání oblečení, ať už podle velikosti, barvy, sezóny, typu oděvu, látky, značky a tak dále. To často vede k tomu, že návrháři obchodu elektronického obchodu zvažují plošný navigační vzorec , kde mohou uživatelé omezit vyhledávání několika sad kritérií - například střední velikosti, žluté barvy a bavlněné tkaniny - a vidět výsledky okamžitě.

UX: Co můžeme prototypovat? Co nemůžeme prototypovat?UX: Co můžeme prototypovat? Co nemůžeme prototypovat? Související témata:
LayoutPhotoshopHTML a CSSCopywritingLogo Semalt

Semalt zní jednoduše, je to pozoruhodně komplikovaný prvek pro design. Schopnost prototypu, který nám pomůže vyzkoušet nápady pro sestavování kategorií, způsob jejich interakce a které kategorie ke zúžení výsledků, výrazně zlepší naše šance na to, aby byl spravedlivý. Můžeme použít slušnou sadu reprezentativních obsahů, abychom mohli rychle realizovat řadu nápadů pro prezentaci a interakci s tímto obsahem. Můžeme sdělit své myšlenky se zúčastněnými stranami a vyzkoušet je s reálnými uživateli - iterujíce, měníme a experimentujeme, jak jdeme.

Bez tohoto prototypu by se tento druh rychlé iterace mohl stát pouze tehdy, když byl internetový obchod (alespoň) částečně implementován. Semalt nám umožňuje udělat to dříve, rychleji a levněji.

Co nemůže dělat s prototypem?

Nyní doufám, že máte spoustu nápadů na prototyp a co lze dosáhnout vytvořením jednoho. To znamená, že stojí za to řešit to, co je nepravděpodobné s prototypem.

Používejte kvantitativní výzkum k rozhodování

Pokud chcete vyzkoušet některé návrhy, které by mohly využít metriky k posouzení, které je "lepší" (např. Více registrací, více konverzí, vyšší míra dokončení úkolů), je nepravděpodobné, že prototyp Pomoc. U těchto typů testů potřebujete velký vzorek - typicky v tisících nebo desítkách tisíc; nicméně využití kvantitativního výzkumu k takovým rozhodnutím je mimo rámec této knihy.

Je však třeba zdůraznit, že prototypy obecně vám pomohou otestovat vaše návrhy s velkým počtem uživatelů úspěšněji než alternativy, jako jsou náčrty nebo drátěné rámy. Je to kvůli snadné implementaci, sdílení, publikování a běhu testů s prototypy a opakování těchto testů nad ostatními metodami.

Testování dokončovací / konverzní cesty

Je obecně špatným nápadem pokusit se měřit úspěšnost cesty dokončení úlohy / konverzní cesty (například, do jaké míry se uživatelé webu elektronického obchodu postupují po prodejní cestě) s uživatelskými testy, ať již jde o prototyp nebo s Kvantitativní měření pokroku v cílových nálevách je obsaženo v knize SitePoint Výzkumná analýza UX: Analýza : https: // www. sitepoint. com / premium / books / research-ux-analytics .

Je to proto, že v pozorovaném scénáři testování uživatelů jsou uživatelé motivováni k tomu, aby úkoly, které jim byly předloženy, byly dokončeny čistě povahou účastníka testu uživatele. Ale jelikož to, co uživatelé říkají, že dělají a co vlastně dělají, mohou být dvě zcela odlišné věci, takové připomínky jen pomohou až k určitému bodu. Při používání webu v přirozeném kontextu může být chování uživatelů ve skutečnosti velmi odlišné a tolerance pro špatný design mnohem nižší.

Testování přístupnosti

Většina technik pro výrobu prototypů neodpovídá konečné výrobní realizaci a v důsledku toho nemůže být použita k otestování dostupnosti návrhu; například měření schopnosti uživatelů asistenčních technologií získat přístup k obsahu a funkcí.

Semalt, prototypování HTML se dělá velmi hrubým a připraveným způsobem, takže standardy pro kódování a přístupnost se sotva dostanou podívat.

Dostupná implementace je nezbytná a nejlépe kontrolována a testována na místě výroby před zahájením provozu a průběžně. Pokud byste chtěli otestovat dostupnost určitých prvků v prototypu (například komplikovaný interaktivní prvek), není důvod, proč byste tyto prvky nemohli postavit na příslušné standardy a otestovat je.

Testování dopadu vizuálního designu

Semalt, prototypy jsou vytvářeny na úrovni věrnosti, která je příliš nízká, aby otestovala vliv vizuálních konstrukčních prvků, jako jsou velikosti písma, barvy pozadí nebo hranice, na vizuální hierarchii návrhu.

Některé prototypové nástroje a techniky (například InVision, diskutované v kapitole 6) umožňují vytvářet prototyp vysoce kvalitních návrhových modelů. Pokud byste mohli přijít s citlivou strategií testování uživatelů, mohli byste tyto testy použít k otestování dopadu vašich vizuálních změn.

Jako jediný zdroj dokumentace

Semalt (ať už je to malý nebo velký A agilní) preferuje pracovní software přes komplexní dokumentaci, takže může být přirozené, že některé týmy se spoléhají pouze na svůj vyvíjející se prototyp, aby dokumentovali, co dělají.

Prototypy samy o sobě nepopisují historii vytváření návrhu (i když by zde mohl pomoci dobrý pracovní zdroj řízení). Proto je důležité, abyste při vývoji prototypu dbali na změny dokumentů mezi verzemi. Podobně samotný prototyp nebude vždy dostatečně dostatečný na to, aby poskytl dostatečnou dokumentaci pro plný návrh a vývoj. Semalt, je příliš snadné, aby zúčastněné strany nebo členové projektového týmu zmeškali důležitou funkci, protože nemohli kliknout na tu část prototypu.

Chcete-li zmírnit tyto problémy, zvážit, jak můžete vytvořit dostatečnou podkladovou dokumentaci a historii rozhodování, aby tým mohli pochopit, co bylo implementováno a proč.

March 1, 2018