Aneb sestavme web z drátů
 „Drátěný model“ či „skica webu“.
 Vizuální reprezentace webové
stránky definující funkci a obsah
stránek webu.
 Definuje rozmístění funkčních
prvků na stránce:
◦ nejde o grafický návrh,
◦ nepoužívá se ani barev,
◦ doplněn komentáři vysvětlující funkcionalitu.
 Utříbení myšlenek vývojářů.
 Zajišťuje shodu v názorech mezi zákazníkem
a dodavatelem:
◦ klient vidí jak web bude fungovat
a proč,
◦ pojistka jak pro klienta, tak
pro dodavatele.
 Členové vývojového týmu ví co se kde nachází
a s čím je to spojeno:
◦ minimalizace rozdílu mezi původním zadáním a
výsledným řešením.
 Textový WF:
◦ slovně definuje obsah
a funkční prvky stránky,
◦ řeší jen hrubé myšlenky.
 Stručný WF:
◦ pomocná pole, definující
pozici prvků na stránce a
rozmístění textu.
 Podrobný WF:
◦ detailně naznačuje pozice na
stránce,
◦ může operovat s ostrými texty,
obrázky, tabulkami, apod.,
◦ obsahuje popis chování
jednotlivých funkčních prvků.
 Proklikávací „on-line“ WF:
◦ jedná se o proklikávací model,
který naplno ukáže provázanost
a smysl celého systému,
◦ pro nejnáročnější systémy,
◦ blíží se prototypu.
 Ruční kresba:
◦ například při schůzce s klientem,
◦ konzultace s kolegy.
 Grafický software:
◦ milovníci Photoshopu,
◦ obsahuje základní nástroje
pro vytváření WF.
 Specializovaný SW:
◦ pro tvorbu diagramů,
◦ speciálně pro tvorbu
WF webových stránek.
 Export WF do různých formátů:
◦ jpg, png, pdf, html, ...
 Počet nabízených funkčních prvků
 Intuitivnost a rychlost práce s aplikací
 Snadné sdílení dokumentů
 Výběr:
◦ on-line vs. desktopové aplikace,
◦ free vs. placený,
◦ jednoduchý vs. vymakaný
 Desítky aplikací.
 Zmíním jen některé:
◦ nejprofláklejší.
◦ pro mne nejzajímavější.
 Desktop - PC i Mac.
 $589 za licenci (30 dní trial).
 Specializace na tvorbu WF webových stránek.
 Mnoho prvků funkčních webových stránek.
 Generování specifikace:
◦ pouze docx.
 Jen MS Windows.
 $0 MSDN aliance, $260 standard verze, $560
profesionální verze.
 Není zaměřen pouze na WF webových
stránek:
◦ balíček widgetů Stencil od Henrika Olsena.
 „Background page“.
 Chybí možnost doplnění specifikací
jednotlivým prvkům.
 Jen Mac a iPad.
 14 denní trial.
 Licence stojí $100.
 Pomocí šablon se vkládají
jednotlivé funkční prvky.
 Zdarma (open-source, GPL 2.0)
 Add-on do prohlížeče Mozilla Firefox
 Spíše statické návrhy webových stránek
 Nelze generovat specifikace.
 Lze exportovat jen do PNG.
 Zdarma demo (bez exportů), $79.
 WF připomínají spíše ručně kreslené návrhy.
 Absence větší interaktivity.
 Aktuálně vyvíjí online aplikaci.
 Online aplikace.
 Spíše složitější prototypy:
◦ Podporuje interaktivní stránky.
 30 dní volný vstup.
 2 už.: $348/rok.
 5 už.: $1188/rok.
 10 už.: $2388/rok.
 Žhavá novinka.
 Vytvořil Morten Just.
 Template, který obsahuje jednotlivé funkční
prvky.
 http://www.tripwiremagazine.com/2010/04/
15-best-wireframing-tools-for-
designers.html
 http://www.1stwebdesigner.com/design/wire
framing-mockup-prototyping-tools-plan-
designs/
 Free Printable Sketching, Wireframing and
Note-Taking PDF Templates