Ak ste už počuli pojem "drôtový model" ale ste trochu zmätení v tom, čo to vlastne je, na čo to je alebo prečo je to užitočné, tento článok by mal vyriešiť vaše pochybnosti.
Čo je drôtový model?
Drôtený model je niečo ako kresba architekta. Teda návrh vizuálna reprezentácia používateľského rozhrania Vaša webová stránka alebo aplikácia. Pomocou drôtových modelov môžete komunikovať štyri veci:
- Štruktúra - navigačná a informačná architektúra
- Rozvrh – napr. hierarchia stránok, ako aj umiestnenie prvkov na obrazovke
- Obsah - nápad ako obsahu aby ladili s dizajnom
- Funkčnosť – popis toho, ako bude produkt fungovať a ako ho ľudia budú používať
Toto je nepostrádateľný nástroj pre každého dizajnéra UX a je užitočný v mnohých rôznych situáciách. Môžete vytvárať drôtové modely na rôznych úrovniach vernosti (ang. vernosť) a práve preto sú tak mocným nástrojom.
Nízka vernosť (nižšia úroveň vernosti) zahŕňa ručne kreslené náčrty, ktoré sú skvelé na konkretizáciu počiatočných nápadov, či už pre seba alebo na prezentáciu svojmu tímu. Teda rýchly spôsob vytvárať, upravovať a zdokonaľovať svoje nápady a nezáleží na tom, ako dobrí ste v skicovaní. Každý, kto vie nakresliť jednoduchý kruh, štvorec a trojuholník, je dokonale schopný urobiť náčrt tohto druhu.
Teraz prejdeme k tomu, čo si väčšina odborníkov predstaví ako prvé, keď sa povie „drôtový model“. Existujú stovky rôznych nástrojov, ktoré môžete použiť na ich vytvorenie. Figma, Balsamic, OmniGraffle, Illustrator a UXPin sú len niektoré z nich. Drôtené modely tohto typu sú cestou k oznámiť svoj nápad svojmu tímu, klientom alebo klientom. Je to skvelý spôsob, ako vysvetliť svoj produkt a presne to, čo vyrábate.
Zapnuté vysoká vernosť (high fidelity) časť spektra, klikací prototyp umožňuje navrhovať interakcie a ich tok. Klikacie prototypy sú dobrou voľbou, keď testujete použiteľnosť. Môžete použiť Axure, Keynote alebo dokonca vytvárať drôtové modely priamo v prehliadači pomocou HTML.
Niekedy stačí rýchly hrubý náčrt a niekedy je vhodnejší drôtený model s podrobnými poznámkami, čo by kde malo byť, ako by to malo vyzerať a na čo to slúži. Naozaj to závisí od projektu a fázy, v ktorej sa nachádzate.
Autor fotografie Federica Galliová on Unsplash
Váš drôtový model by mal vykazovať úroveň detailov, ktorá je správna, nič viac. Takže tu je niekoľko praktických rád:
- Nech je to jednoduché. – rýchlosť a jednoduchosť sú kľúčové pre wireframing. Vo väčšine prípadov drôtený model na konci vyhodíme alebo zmažeme, len čo doslúži. Preto nemusí byť dokonale lemovaný, ani každý prvok presne umiestnený v pixeli.
- Použite súradnicovú mriežku (angl. (mriežka) – Mriežka vám pomôže vytvoriť štruktúru a jednoduchosť vášho rozloženia. Podľa tohto princípu je dnes postavená každá slušná stránka, preto ju odporúčam používať aj vám.
- Používajte krátke a presné poznámky - Členovia tímu si prečítajú váš wireframe, takže im nezabudnite zanechať primerané poznámky, ktoré jasne a presne vyjadrujú pointu toho, čo ste načrtli. Nepreháňajte, len vyjadrite pointu.
- Podporujte spätnú väzbu. – Ukážte wireframe svojim kolegom a spýtajte sa ich na názor. To je istý spôsob, ako to zlepšiť. Pokojne ho zaveste na najbližšiu stenu a povzbuďte celý tím k spätnej väzbe.
Ako vidíte, vytváranie drôtových modelov môže byť relatívne jednoduché, aj keď samozrejme vyžaduje určité skúsenosti, aby ste pochopili, ako ich čo najlepšie využiť pre svoje ciele.
Ak máte záujem o odbornú pomoc v oblasti UX dizajnu alebo iných IT služieb, prečítajte si o nás viac.
Zdroj: youtube.com/uxmastery
