Raná fáze návrhu webu – sketchboard

24. srpna 2010 | Autor: Martin | komentáře

Sketchboatd (skicování) je lo-fi technika, která umožňuje návrhářům webu zkoumat a vyhodnocovat řadu konceptů, utřídit si tok složitých myšlenek a požadavků. Je to výborná metoda používaná k podpoře spolupráce a shromažďování zpětné vazby. Jedná se o jednoduché kresby rukou.
Tuto techniku používáme dříve, než se pustíme do tvorby wireframů (drátěných modelů stránek).

Cíl skicování

Hlavním cílem skicování je zaměření návrháře a jeho pozornosti na celkový koncept řešení. Jednotlivé dílčí detaily projektu jsou záměrně potlačovány.

Výhody

• přirozenou formou umožňuje rychlé zaznamenávání vašich myšlenek, rychle načrtnout architekturu webové stránky
• předkládání nových řešení a pohledů – díky jednoduchosti změny a interakce můžeme naše řešení neustále obohacovat a rozšiřovat o nové úhly pohledu či o úplně nové návrhy řešení. Čím více nápadů prozkoumáme, tím větší je pravděpodobnost, že navrhneme opravdu přesvědčivé a funkční řešení.
• skicování potlačuje zbytečné detaily v rané fázi projektu
• obrazové zobrazení myšlenek – předložené skicy spolupracovníkům či klientovi mnohem přesněji zprostředkují vaše myšlenky oproti abstraktnímu slovnímu popisu

Nevýhody

Mnoho návrhářů se domnívá, že naskicování webu je dostačující zadávací dokumentace pro jeho úspěšnou realizaci, bohužel tomu tak není. Výsledek je většinou málo podrobný, je až přiliž povrchní a to díky tomu, že upozaďuje řešení detailů.
Po ukončení této fáze projektu se nám osvědčilo navázat klasickou tvorbou wirefremů v programech typu Axure a zde analýzu dopracovat do finální detailní podoby. Výhodou tohoto postupu je to, že při tvorbě wirefremů nemusíme již řešit koncept stránky či celého projektu, ale můžeme se plně věnovat jednotlivým detailům.

Pomůcky

Osobně nejraději používám čistý papír a tužku. Na internetu je možné najít mnoho různých předtištěných šablon a nástrojů.

Inspirující linky

http://www.behance.net/gallery/Wireframes-Pitch-for-a-municipal-website/218859
http://www.flickr.com/photos/rohdesign/sets/72157614397535202/
http://www.flickr.com/photos/jasonrobb/3751955711/
http://www.flickr.com/photos/47388015@N00/3421585220/
http://www.flickr.com/photos/b0xman/4476173030/
http://www.flickr.com/photos/b0xman/4460401116/
http://www.flickr.com/photos/isaacleon/4539241113/in/datetaken/
http://www.flickr.com/photos/soxiam/3253375395/in/pool-ilovewireframes