High-Fidelity & low-Fidelity Prototyping: co, jak a proč?

Ve skutečnosti, podmínky, „high fidelity“ a „low fidelity“, byl nejprve použit v rockové hudbě popisovat zvuk a herní dovednosti z rock and roll na konci roku 1980. Jak roky plynou, jsou také použity v web/app design odkazovat na různé úrovně podrobnosti a funkce zabudované do prototyp.

jaké jsou však skutečné rozdíly mezi nimi, jak a proč bychom měli zvolit prototyp s vysokou nebo nízkou věrností pro lepší design nebo uživatelský výzkum?

V následující, budu vás provede základy a rozdíly leží v high fidelity a nízká věrnost, a vysvětlit, proč a jak si vybrat je, aby se vynikající prototypy pro lepší design nebo uživatelského výzkumu.

obsah:

• První, co je prototyp
• Co je low fidelity prototyp
• Co je high fidelity prototyp
• Rozdíl mezi high fidelity a low fidelity prototyp
• Jak a proč si vybrat hi-fi nebo low-fi prototyp pro lepší design
• Nejlepší prototyping nástroj pro váš web/app design

První, Co Je Prototyp?

“ prototyp je časný vzorek, model nebo vydání produktu vytvořeného pro testování konceptu nebo procesu. Je to termín používaný v různých kontextech, včetně sémantiky, designu, elektroniky a programování softwaru.“- – – – z Wikipedie.

pokud jde o design UI/UX, prototyp pomáhá návrhářům překládat jejich nápady do digitálního a hmatatelného modelu. Mohou direclty testovací části nebo všechny UIs, interakce a UX toky zjistit, zda jsou proveditelné a vyjímatelné.

kromě toho, protože potřeby týmů se liší, dělají také prototyp s nízkou věrností nebo prototyp s vysokou věrností, aby otestovali své nápady pro různé účely.

co je prototyp s nízkou věrností?

low-fidelity prototyp – známý jako low-tech, low-fi nebo lo-fi prototyp, je semi-hotový prototyp, který se zaměřuje na funkce, struktura, proces, a poskytuje nejjednodušší rámce a prvky webu/aplikace. Často se používá k překladu návrhových nápadů do testovatelných a hmatatelných artefaktů pro sběr a analýzu požadavků uživatelů v rané fázi.

co je tedy prototyp s vysokou věrností?

high-fidelity prototyp – známý jako high-tech, high-fi nebo hi-fi prototyp, je komplexní a interaktivní prototyp, který je docela blízko k finální výrobky se spoustou funkcí, interakcí a detaily. Často se používá při pozdějším hodnocení použitelnosti k odhalení potenciálních problémů, které může design webu/aplikace stále existovat.

Rozdíl Mezi High Fidelity a Low Fidelity Prototyp

Stále nevím, rozdíly mezi low-fidelity a high-fidelity prototypy? Neboj se! Zde jsou 3 skutečné příklady prototypů s nízkou věrností, které vám pomohou dozvědět se více o prototypech s nízkou fi:

1. Low Fidelity Pohybu Prototyp Příklad

Tento low-fi prototyp ukazuje, druhé menu pohyby jasně, aniž by příliš zaměřuje na jeho UI detaily.

2. Low Fidelity UX Prototyp Příklad pro webové Stránky Stavitel

Tento low fidelity UX prototyp představuje rozložení stránky, navigační systémy a uživatelská toků interakcí jasně, aniž by příliš mnoho UI detaily. Pomáhá návrhářům testovat předpoklady a rychle najít neviditelné problémy s UX.

3.Lo-fi Prototyp Příklad Řízení

Tohle je další dobrý příklad (vytvořený v Mockplus, jednodušší, rychlejší a chytřejší prototypování nástroj) ukázat hlavní rozvržení a prvek umístění z aplikace. I bez detailů prvků pomáhá návrhářům odhalit a řešit potenciální problémy v dřívější fázi.

vidíte to? I bez detailů uživatelského rozhraní pomáhá prototyp low-fi zprostředkovat nápady na design a snadno zobrazit hlavní funkce, struktury, toky a interakce webu/aplikace. Přináší návrhářům mnoho výhod.

výhody prototypů s nízkou věrností:

• nízké náklady. Náklady na prototyp s nízkou věrností jsou extrémně nízké.
• rychle. Aniž by se zaměřili na každý detail rozhraní, mohou designéři sledovat své nápady a během několika minut vytvořit jednoduchý a testovatelný prototyp.
• snadno demonstrovat, spolupracovat a iterovat. Bez příliš mnoha detailů uživatelského rozhraní prototyp low-fi nevyžaduje mnoho odborných dovedností. A více lidí se může připojit a spolupracovat na stejném projektu. Pro designéry je také snadné provádět změny a iterovat prototyp během spolupráce.
• snadné získat zpětnou vazbu. Od low-fidelity prototypu je snadno přenášet a prokázat, návrháři mohou také přímo sdílet je s ostatními lidmi (včetně členů týmu a zainteresovaných stran) sbírat design zpětnou vazbu.
• snadno odhalit a řešit potenciální problémy. Prototyp s nízkou věrností také umožňuje návrhářům snadno testovat toky uživatelů, interakce a navigační nabídky webu/aplikace. Je dobré, aby návrháři rychle odhalili a vyřešili potenciální problémy UI / UX.

nevýhody prototypů s nízkou věrností:

• omezené detaily UI / animace / interakce. Pro rychlé předávání nápadů je často vytvořen prototyp s nízkou věrností s omezenými detaily uživatelského rozhraní, funkcemi,animacemi a interakcemi atd. Není tedy dobré, aby ostatní návrháři nebo členové týmu plně porozuměli designu webu / aplikace.
• výsledky testování jsou omezené a nepřesné. Bez dostatečných konstrukčních detailů nemůže prototyp s nízkou věrností do jisté míry přesně simulovat skutečné uživatelské scénáře. Výsledky testování jsou také nevyhnutelně ovlivněny a nepřesné. Zbytečně řečeno, když se prototyp dramaticky upraví v pozdější fázi, výsledky testování mohou být úplně jiné.

Takže, pokud jste jen získat nějaké nápady, chci jim představit jednoduchý prototyp, diskutovat a spolupracovat s ostatními návrháři nebo členové týmu, než kopání v, low fidelity prototypu je ideální pro vás.

A pak, tady jsou 3 skutečný high-fidelity prototyp příkladů, které vám pomohou dozvědět se více o high-fi prototypy:

1. Job List High Fidelity Prototype Example

tento prototyp high fidelity nejen zobrazuje detaily uživatelského rozhraní, ale také jasně zobrazuje uživatelské toky a interakce. Návrháři mohou snadno zkontrolovat a otestovat velmi malé detaily, aby zjistili, zda stále existují nějaké problémy UI / UX.

2. Příklad Prototypu S Vysokou Věrností

3. Produkt Design High Fidelity Prototyp Příklad

high-fidelity prototyp umožňuje zprostředkovat nápady s bohatými barvami, tlačítka, fotografie, ikony, animace, interakce a další podrobnosti.

výhody vysoce věrných prototypů:

• bohaté konstrukční detaily. Prototypy s vysokou věrností jsou postaveny s více HQ fotografiemi, barvami, animacemi, ikonami, tlačítky a dalšími prvky. Každý prvek je navržen přesně tak, jako by byl ve skutečném webu / aplikaci.
• lepší vizuální efekt. S velkou barevné schéma, živé animace, rozvržení a více, high-fidelity prototyp také často mají lepší vizuální efekty než low-fidelity prototypu.
• přesnější výsledky testování. S bohatými detaily vypadá prototyp s vysokou věrností jako skutečný web / aplikace. Pro designéry je snadné simulovat skutečné uživatelské scénáře a testovat produkt ze všech možných aspektů, včetně interakcí, uživatelských toků, efektů prvků a barevných schémat i UX. Výsledky testování jsou také mnohem přesnější.
• efektivnější zpětná vazba. Samozřejmě, po sdílení s dalšími designéry a členy týmu je přijatá zpětná vazba také účinnější při řešení stávajících problémů.
• atraktivnější pro klienty a zúčastněné strany. Je také dobré, aby designéři jasně představili, jak má finální web / aplikace fungovat, a pomohli přilákat více klientů, zúčastněných stran a investorů.

nevýhody vysoce věrných prototypů:

• vyšší náklady. Vysoce věrný prototyp musí být často vytvořen pomocí profesionálního prototypovacího nástroje. Ve srovnání s prototypem s nízkou věrností jsou náklady na něj jistě mnohem vyšší.
• těžko měnit a iterovat. Když jsou provedeny některé změny, je třeba současně upravit řadu stránek nebo prvků ve vysoce věrném prototypu. To může být obtížné a časově náročné.

Takže, high-fidelity prototypu je vysoce funkční a interaktivní pro vás a váš tým najít a řešit některé drobné UI/UX problémy, stejně jako stále více akcionářů a klientů na velmi konec fázi návrhu.

jak a proč zvolit hi-fi nebo Low-fi prototyp pro lepší Design?

Jak jsme již bylo uvedeno výše, vzhledem k high fidelity a nízká věrnost hrát velmi odlišnou roli ve vytváření úspěšné vzory, raději je použít také pro různé nákupy, nebo v různých fázích návrhu:

1.Proč je pro vás prototyp s nízkou věrností lepší v rané fázi návrhu?

Samozřejmě, low fidelity prototyp se zaměřuje více na vysoké úrovni, koncepty konečných produktů a pomoci odhalit potenciální problémy, stejně jako dostat je vyřešen ve velmi rané fázi.

pomáhá zajistit, že vy a váš tým jste si vybrali a následovali správné téma a směr návrhu,než začnete kopat.

Takže, v rané fázi návrhu, když vy a váš tým jsou zaměřené na rychle překládat myšlenky do zobrazil prototypy, zkrácení iterací a sbírání zpětné vazby od uživatelů, low fidelity prototypu je mnohem lepší volba.

Stručně řečeno, kdy je správný čas použít prototyp s nízkým fi?

• Když design nápad bliká ve vaší mysli a chcete ji převést do hmatatelné model rychle
• Když chcete diskutovat o své nápady s partnery co nejdříve
• Když chcete vyzkoušet, zda nápady jsou uskutečnitelné a splňují potřeby uživatelů
• Když chcete získat zpětnou vazbu od ostatních členů týmu

Proč je high fidelity prototyping pro vás lepší na velmi konec fázi návrhu?

A pak, protože high fidelity prototyp často věnuje velkou pozornost na detaily a funkce webu/aplikace, je často lepší pro designéry k testování proveditelnosti web/app návrhy a přilákat více uživatelů a zúčastněných stran na velmi konec fázi návrhu.

Stručně řečeno, kdy je nejlepší čas použít prototyp high-fi?

• Když vizuální design vašeho výrobku bylo provedeno
• Když si chcete vyzkoušet váš web/app údaje, jako je uživatelské ROZHRANÍ prvky, barevná schémata a stránka kopie, atd.
• Když chcete testovat interakce, workflow, uživatelských toku, přechodové animace, vizuální efekty nebo jako designové nápady s plnou UI detaily
• Když chcete znát zpětnou vazbu od ostatních designérů a uživatelů

Jak si Vybrat Správné Prototypování Nástroj pro Lepší Design?

Bez ohledu na to, zda si vyberete high fidelity nebo low fidelity prototyp, jediným účelem je prezentovat své fantastické nápady živěji a vybudovat vynikající web/app prototypy, ne? Pokud je vaše odpověď „Ano“, dalším krokem je výběr správného prototypovacího nástroje.

ale stále nevíte jak? Zde je několik tipů pro vaše reference:

• Price. Cena je vždy nejdůležitějším faktorem pro výběr prototypového nástroje s nízkým nebo vysokým rozlišením. Není to však jediný faktor, který byste měli vzít v úvahu. Levná nebo drahá cena nic nenaznačuje. To, co potřebujete, je pouze ten, který vám nejlépe vyhovuje.
• křivka učení. Jak dlouho trvá, než se vy a váš tým naučíte nový nástroj, vždy záleží při výběru správného prototypovacího nástroje. Pokud tedy nechcete ztrácet čas zkoumáním nových funkcí nástroje, je nejlepší, abyste si vybrali jednodušší.
• použití. V dnešní době existuje spousta prototypových nástrojů, které poskytují zcela odlišné funkce. Chcete-li vybrat ten nejvhodnější pro vás a váš tým, je nejlepší vědět, jaké funkce budete přesně potřebovat v procesu návrhu produktu. Je tedy nutné, abyste předem zjistili skutečné potřeby členů vašeho týmu z různých oddělení.
• týmová práce. Diskutovat o nápady a získat zpětnou vazbu od ostatních členů týmu včas, většina návrháři/design týmy dávají přednost vybrat prototypování nástroj, který podporuje týmovou práci. Potřebujete to také? Pokud tak učiníte, nástroj, který vám a vašemu týmu umožňuje volně komunikovat a spolupracovat online, je lepší volbou.
• věrnost. Při výběru prototypového nástroje je také nutné vzít v úvahu věrnost.
• integrace. Dalším faktorem, který byste měli zvážit, je zjistit, jak dobře prototypovací nástroj vyhovuje vašemu procesu návrhu. V těchto dnech, v případě, že uživatelé mají přejít na nástroje často při navrhování, mnoho prototypů nástroje jsou integrované s dalšími nástroji, jako je Skica, PS, Facebook, Slack a další.

celkově doufám, že vám tyto tipy pomohou vybrat správný nástroj.

3 Nejlepší Low Fidelity prototypu Nástroje

Zde jsou 3 nejlepší low fidelity prototypu nástroje pro vaše odkazy:

Papír a pera

S nejrychlejší a jednoduchý nástroj, pera a papír vám pomohou nakreslit své nápady snadno a rychle, a také usnadnit interní diskusi mezi členy týmu. I když někdy potřebuji k kreslení použít prototypový software, obvykle raději používám pera a papír, abych nejprve objasnil své nápady.

Pros:

• Zcela zdarma
• Rychle
• Snadné začít

Nevýhody:

• Žádný inteligentní interakce a animace
• nemůžete ukázat všechny své myšlenky jasně
• nelze diskutovat, a testovat každý detail

Mockplus

Mockplus je silný low-fidelity prototypování nástroj, který dostane hodně pozornosti v posledních letech. To vám umožní překládat nápady do interaktivních prototypů, testovat, sdílet a iterovat je s lehkostí. Jeho týmová spolupráce a funkce řízení také pomáhá bez námahy zlepšit efektivitu práce.

Pros:

• Poskytují Více než 200 předpřipravených komponent a 3000 pre-navržený ikony
• Vytvořit interakce s jednoduchým drag-and-drop
• Poskytují mnoho možností pro export stránek a prototypy
• Poskytují četné vzorky a projekty
• Poskytují mnoho způsobů, jak sdílet a testovat prototyp, on-line nebo na mobil
• Komunikovat, komentář a spolupracovat prototyp on-line
• Integrovat s Sketch

Nevýhody:

• zcela zdarma

Balsamiq mockups

Basamiq je jednoduchý low-fidelity prototypování nástroj, který vám umožní načrtnout své nápady na tabuli přímo. Je to opravdu užitečné, když se soustředíte pouze na struktury a celkovou koncepci vašeho návrhu.

Nevýhody:

• Poskytnout vestavěný ručně malované UI library
• Export vzorů do PNG/PDF obrázky přímo

Nevýhody:

• Nedostatek základní interakce při prototypování designů

2 Nejlepší High Fidelity Prototyping Tools

Marvel Aplikace

Marvel app je výkonný high-fidelity prototypování nástroj, který podporuje vytváření drátových modelů, prototypů a maket spolupracovat on-line. Umožňuje přímo nahrávat obrázky (včetně JPF, GIF a PSD) a přidávat animace pro rychlé vytváření interaktivních prototypů.

Mockplus Cloud

Mockplus Cloud je profesionální online design nástroj pro spolupráci, který umožňuje produktoví manažeři, návrháři a vývojáři spolupracovat on-line s automatickým specifikace, aktiv a fragmenty kódu.

používá se také jako vysoce věrný prototypovací nástroj all-in-one. Můžete snadno nahrát vzory s aktivy a spec podrobnosti z Skici/PS/Adobe XD, a přidat bohaté interakce příkazy vytvořit interaktivní a high-fidelity prototypy.

pro produktový tým lze nově vytvořený prototyp také sdílet s jedním odkazem a získat zpětnou vazbu v reálném čase.

Stručně řečeno, v těchto dnech, aby přilákali mnohem více uživatelů, je vytvořeno mnoho prototypových nástrojů, které uspokojí potřeby uživatelů co nejvíce. Zdá se, že neexistuje žádná jasná hranice mezi low-fi a high-fi prototypování nástroj.

Chcete-li tedy vybrat správný nástroj pro prototypování, je nejlepší, abyste vy a váš tým využili více možností nástrojů pro testování.

Zabalit

Bez ohledu na to, jaké rozdíly low fidelity a high-fidelity prototyping, jak a proč budete volit nízké nebo high fidelity fidelity prototypu pro lepší design nebo uživatelský výzkum, dobrý prototypování nástroj, jako je jednodušší a rychlejší, Mockplus, často znamená hodně pro vás vytvořit vynikající web/aplikace, s krásným rozhraní a dobré uživatelské zkušenosti. Doufám, že vás tento článek může inspirovat.

mohlo by se vám také líbit:

jaké Prototypovací nástroje potřebujete pro návrh UX?

jaké jsou výhody prototypování? Jak z toho vytěžit maximum?

týmová spolupráce prototypových nástrojů: Axure VS Mockplus

Wireframe vs maketa vs Prototype & výběr prototypových nástrojů