Ako dizajnérovi webových stránok vám prototypovanie môže nielen ušetriť obrovské množstvo času, ale aj zabezpečiť, aby bol celý tím na rovnakej stránke. V tomto článku vám poskytnem návod na rýchle prototypovanie a ako ho možno implementovať pre WordPress.
Úvod do rýchleho prototypovania
Rýchle prototypovanie je proces opakovaného navrhovania rýchlych prototypov webovej stránky v snahe overiť ich v tíme zainteresovaných strán zapojených do projektu. Tento proces dizajnéri a vývojári často prehliadajú, hoci je z dlhodobého hľadiska nesmierne výhodný.
Pomocou rýchleho prototypovania môžu dizajnéri získať spätnú väzbu o aktuálnom stave webovej stránky a včas vykonať potrebné zmeny. Úplné vynechanie procesu prototypovania by znamenalo, že webový dizajnér by musel po doručení klientovi urobiť na webe rozsiahle zmeny.
Smutnou pravdou je, že zmeny dizajnu sú nevyhnutné – bez ohľadu na to, ako dôsledne webový dizajnér dodržiava požiadavky.
Samotný proces rýchleho prototypovania pozostáva z troch jednoduchých krokov, ktoré je potrebné opakovane opakovať, až kým nebude finálny produkt doručený klientovi. Tieto kroky sú:
- Vytvorenie prototypu
- Kontrola dizajnu
- Dolaďovanie prototypu na základe spätnej väzby
- V tomto bode vás pravdepodobne zaujíma, aké podrobné by mali byť prototypy, ako by ste ich vytvorili a aké nástroje by ste mali použiť. Teraz, keď sme prebrali čo, poďme na to, ako.
Spektrum vernosti
Ústrednou myšlienkou rýchleho prototypovania je, že prototypy by mali byť navrhnuté, zaslané a spracované čo najskôr. Vzhľadom na to existujú tri všeobecné postupy, ktoré odborníci používajú na implementáciu rýchleho prototypovania vo webových projektoch.
Nízka vernosť. Najjednoduchšou (a najrýchlejšou) metódou vytvárania prototypov pre akýkoľvek druh projektu je ísť staromódnym spôsobom – pero a papier. Dizajnéri sú náchylní načrtnúť návrh na papier v počiatočných fázach projektu, aby získali spätnú väzbu od klientov. Výhodou prístupu nízkej vernosti je, že všetci sú na rovnakej stránke, pokiaľ ide o používateľské rozhranie. Používatelia však nemôžu získať reálnu predstavu o funkcionalite systému ani o praktických skúsenostiach.
Stredná vernosť. Zaujatie prístupu strednej vernosti je ďalším logickým krokom a často sa používa vtedy, keď to náčrtky jednoducho nezvládnu. Pomocou tejto techniky dizajnéri vytvárajú drôtové modely, testovacie prípady a pracovné postupy na počítačových návrhových nástrojoch. The Paretov princíp Pri prototypovaní sa často uvádza „20 % funkcií, ktoré sa budú využívať 80 % času“. Najväčšou výhodou prístupu so strednou vernosťou je, že používatelia získajú praktickú skúsenosť so systémom.
Vysoká vernosť. Vysoko verné prototypy sú tie, ktoré sú z hľadiska dizajnu aj funkčnosti najbližšie k finálnemu produktu. Tieto prototypy by mali zachytávať podstatu konečného produktu a ak sú navrhnuté iteračne, mali by dostávať čo najmenej agresívnu spätnú väzbu.
Nástroje na implementáciu rýchleho prototypovania vo WordPress
Existuje niekoľko nástrojov, ktoré vám pomôžu na základe prístupu, ktorý sa rozhodnete prijať v rôznych fázach vášho webového projektu. Pokiaľ máte pero a papier, ste pripravení na prototypovanie s nízkou vernosťou, preto vám navrhneme niektoré z najlepších nástrojov, ktoré môžete použiť na prototypovanie so strednou a vysokou vernosťou.
Makety Balsamiq
Makety Balsamiq je populárny nástroj, ktorý používateľom umožňuje implementovať stredne presné rýchle prototypovanie. Dodáva sa s knižnicou používateľského rozhrania s množstvom funkcií, ktorá je nabitá množstvom prvkov používateľského rozhrania na vytváranie interaktívnych prototypov, pričom sa zameriava na obsah a interakciu.
Wireframe.cc
Wireframe.cc je vynikajúci nástroj na vytváranie stredne verných prototypov v prehliadači. Pri návšteve ich stránky vás privíta prázdna mriežka, aby ste mohli bez zbytočného odkladu začať s maketami. Najlepšie zo všetkého je, že aplikácia vám umožňuje prepínať medzi rôznymi zariadeniami. Túto funkciu možno využiť pre webové projekty, ktoré vyžadujú responzívny dizajn.
Skokový graf
Skokový graf je komplexný nástroj, ktorý umožňuje používateľom vytvárať (uhádli ste!) prototypy vysokej kvality. Výnimočnou vlastnosťou tohto nástroja je, že umožňuje celému tímu spolupracovať a prezentovať svoj dizajn na jednej platforme. A to na tom nie je ani to najlepšie. Export skokových grafov priamo do WordPress!
Prekurzorová aplikácia
The Prekurzorová aplikáciaWebová stránka hovorí za všetko: „Prototypovanie a tímová spolupráca by mali byť jednoduché. Preto sme vytvorili Prekurzor. Tento vysoko verný dizajnový nástroj má všetky správne funkcie, aby bolo vaše prototypovanie čo najhladšie a bezbolestné.
Zabaliť to
Rýchle prototypovanie nebolo nikdy jednoduchšie ako dnes. Existuje niekoľko nástrojov, ktoré vám pomôžu začať s procesom, zvýšiť produktivitu a poskytnúť celému tímu platformu na získanie cennej spätnej väzby.
Či už navrhujete webovú stránku pre klienta alebo navrhujete nápady na novú webovú aplikáciu, prototypovanie vám pomôže preniesť vaše nápady efektívne, efektívne a bez problémov.
Aké nástroje a zdroje používate na rýchle prototypovanie? Chceli by ste nejaké pridať do nášho zoznamu? Dajte nám vedieť v sekcii komentárov nižšie!
