Nástroje pro tvorbu wireframů

Ahoj,

osobně se mi nejvíc zamlouvá Axure RP, který je podle mého pro přípravu wireframů opravdu mocným nástrojem, a navíc dokáže generovat na základě poznámek i relativně použitelnou dokumentaci. Jeho cena sice není, pravda, úplně „lidová“, ale IMHO odpovídá tomu, co za ni dostanete.

Pro rychlé „skicování“ pak rád používám také MS Visio.

Mám zkušenosti s Axure (30 denní zkušební doba) a s OpenOffice Draw. Musím ti dát za pravdu, OO Draw skoro nic neumí a za výstupy se před klientem stydím.
Naopak Axure mohu vřele doporučit. Nejvíc se mi líbí, že můžu jednotlivých prvkům přidávat komentář, udělat export např. do HTML a poslat grafikovi. Ten když najede na číselko komentáře, hned ví, co od něj očekávám. Dále mohu do wireframu přidávat reálné prvky (různé tlačítka, formulářové prvky, …). Práce s Axure je opravdu mnohem snazší. Problém je hlavně s cenou, $590 se mi hned tak na zakázkách nevrátí a proto jej stále nemám koupený a musím dělat v OO Draw.

Díky za článek, o Axure jsem přemýšlel, ale bojím se, že se mi zalíbí natolik, že ho budu „nutně“ potřebovat. A ta cena je fakt vysoká.

Zatím dělám s Pencil, který je zdarma. Funguje jako plugin do Firefoxu, jde ale spustit i samostatně. Jeho výstupy jsou celkem pěkné a prezentovatelné, ale je to velmi jednoduchý nástroj, který někde nestačí. Navíc mi občas spadne, nebo nereaguje tak jak bych si představoval. Ovšem poměr cena / výkon je v pohodě. Rozhodně doporučuji pro začátky s wireframy.

Prošel jsem postupně přes OO Draw, Visio a v současné době používám Inkscape. Ad výstupy z OO Draw – jaké si to uděláte, takové to máte, jdou v tom vytvořit slušné wireframy. Nicméně práce s Draw nebyla moc efektivní. Do Visia jsem svého času vkládal velké naděje, ale velmi mě zklamalo. Práce se stránkami a objekty vůbec je utrpením – to klasické GUI od MS mi nikdy nevyhovovalo. Inkscape mi vyhovuje na kreslení, udělám v něm velmi rychle velmi pěkné WF s dobrým exportem do PDF. Ale nic dynamického.

Jeden kolega teď používá Axure, je to jistě o level výš díky generování živých prototypů atd. Co jsem ale zatím viděl výstupy z toho, tak mě to příliš nenadchlo – HTML prototypy jsou dost děsné, od moderní aplikace bych čekal něco lepšího. Generovaná dokumentace mi nepřišla moc přehledná, taková děsně strojová. Ale nemám osobní zkušenost.

Protoshare může být zajímavé, už delší dobu si říkám, že na prototypy by šla krásně udělat elegantní čistě webová aplikace. Zatím jsem nezkoušel.

Osobně nedám na Axure dopustit.

Jen pro zajímavost, online nástroj pro tvorbu wireframes jsem si minulý semestr vybral jako práci do předmětu zabývajícího se webovými aplikacemi.

Bohužel jsem ji nakonec musel za dva dny splácat v jQuery, ale výsledek základní funkcionalitu nepostrádá.

• http://wf.dero.name/
• user: admin, pass: admin – wireframe se edituje klepnutím na jeho jméno, nikoli na tlačítko „editovat“

Původně jsem chtěl naprogramovat vlastní engine přímo pro účely webové aplikace pro tvorbu WF, bohužel se mi ale nedostávalo času. Mám ale poměrně dost poznámek k použitelnosti takové hypotetické aplikace – kdyby tedy někdo chtěl takovou aplikaci programovat, můžu přinejmenším přispět radou.

A sakra, tak jsem si zkusil 30 denní trial Axure RP Pro 5.5 a naprosto mne nadchnul. Díky za tip, jen ta cena je opravdu vysoká.

Osobne pouzivam na kresleni wireframu Balsamiq. Ano, ma trochu horsi interface a pouziti nakresu jakoby od ruky muze vypadat divne, nicmene aspon slutecne klient vidi, ze to neni graficky navrh. A ten ms sans se da v pohode zmenit. Velmi prijemna je taky webova knihovna mockupu, ktere je mozno dal pouzit. Navic jsou mockupy vlastne XML dokumenty, takze s trochou programovani by se nechal napsat soft pro generovani prototypu nebo zmenu grafiky. Bohuzel mi na linixu trochu blbne ukladani novejch navrhu, takze se musim uchylovat ke zkopirovani souboru a pak jeho editaci, vytvoreni noveho v balsamiqu a jeho ulozeni obcas prepise jiny.

Také vřele doporučuji Axure RP, používáme ho v Adapticu k plné spokojenosti. Koupili jsme pokusně ho v době, kdy byl dolar ještě nízko, a tak se nám tím zlepšily procesy vývoje grafického návrhu a komunikace s klienty, že bych do něj neváhal investovat ani dnešní cenu.

Zatím mi stačil papír a tužka. Nemám na rozhazování, pro začátek chci zkusit Pencil Project. Třeba to nakonec skončí i u Axure nebo Omnigraffle pro nakousnuté jablko. Nevím.

Dik za vyber. Prave ideme kupit do nasej company: Axure :)

A já si myslel, že v OO je to ono: „Jak si kdo ustele, tak si i lehne“. Chce to si vypiplat šablonu a pak to jde.

Jinak je to o tom jak se komu s čím pracuje.