Wireframing - prototypování webu

06. října 2010 | Autor: Richard | komentáře

"Krásná grafika, moc se nám líbí" plesal zákazník, když jsme mu zaslali připravený grafický návrh. "Jenom jsme si s kolegyní říkali, že bude lepší když toto dáme doleva, tamto zleva dolů a ten text o firmě dáme semka."

Grafický návrh jsme vyhodili z okna a mohli začít nanovo. Jediné co z původního návrhu zůstalo byly barvy a logo.

Svého času jsme se trápili jak z toho ven. Jak předejít věčnému předělávání struktury webu až v "hotovém" grafickém návrhu. To nejjednoduší, tužku a papír, jsme tenkrát zaslepeně přeskočili a hledali program, pomocí kterého by nástin funkčnosti a struktury webových stránek dokázal vytvořit i NEgrafik.

Hledání vhodného programu

Začínali jsme u Excelu, který se ale záhy ukázal jako velmi primitivní a neohrabaný.
I další program, který jsme používali byl z dílny MS. Bylo to Visio s knihovnou "wireframe stencil", pomocí kterého jsme vyrobili pěknou řádku prototypů. Visio je však příliš univerzální a trpí nedostatkem potřebných funkcí.
Nakonec jsme narazili na AXURE, které dokonale vyhovovalo a stále vyhovuje našim potřebám. Navíc od začátku tohoto roku je dostupná i verze pro Mac OSX. Jeho síla je v jednostraném zaměření pouze na tvorbu wireframů pro webové stránky.

Ukázky využití AXURE v praxi

www.realspektrum.cz

www.posvitime.cz

Výhody prototypování v AXURE

• možnost importu dalších, velmi kvalitních rozšíření - widget libraries
  
• export "díla" do funkčního prototypu webových stránek
• export do formátu MS Word nebo PDF včetně kompletní specifikace
• možnost uploadu hotového prototypu na web pomocí http://share.axure.com/ (bohužel jsme narazili na problémy s češtinou)
• možost uživatelského testování na prototypech již v rané fázi vývoje webu
• grafik nemusí přemýšlet nad strukturou webových stránek a má více času na kreativitu
• možnost zdokumentování funkčnosti hluboce zanořených stránek webu, pro které již není potřeba dělat grafický návrh

Poměr cena/výkon

I přes poměrně vysokou cenu $589 (11.500,- Kč) je AXURE jedním z nejlepších programů na tvorbu prototypů nejen webových stránek a neměl by chybět nikde, kde to s vývojem webových stránek myslí vážně. AXURE nabízí mnoho zajímavých rozšíření, které zefektivní vaši práci a oslní vás i vaše klienty svým výsledkem. Ale hlavně, výroba prototypu vám v pozdějších fázích projektu ušetří čas i peníze.

Epilog

Existují i jiné způsoby prototypování webových stránek a aplikací. Jeden z nich představil Ryan Singer, Lead UI Designer, 37signals na konferenci WebExpo2010. Můžete se podívat na slidy z jeho kouzelné přednášky.