====== Návod k FlowMapp ======
Držte si klobouky, začínáme **tvořit web**. V nástroji FlowMapp totiž vzniká jeho nejdůležitější stavební kámen – **site-mapa & obsahová mapa**.
===== Site-mapa =====
Po otevření odkazu spatříte site-mapu. Každá z kartiček před vámi reprezentuje **jednu stránku** vašeho budoucího webu. V návrhu se můžete **volně pohybovat** anebo si jej třeba **přiblížit**.
{{ :klientska:navody:flowmapp_navigace.mp4 |}}
===== Obsahová mapa =====
Pokračujeme **dvojklikem na kartičku**, kde se vám objeví **obsahová mapa**. Ta nám již v textové formě říká, jaký **obsah na stránce** budete mít i **v jakém pořadí** půjde za sebou.
==== Záložka Wireframe ====
Pro názornost obsahy vkládáme rovnou do wireframe, který jste řešili v rámci předešlé fáze.
{{ :klientska:navody:flowmapp_obsahova_mapa.mp4 |}}
==== Záložka Content ====
Zde naleznete případná doplňující informace, pro které nezbyl prostor na záložce wireframe.
{{ :klientska:flowmapp_content_tab.mp4 |}}
===== Komentování =====
Funkce, bez které se **neobejdeme**. Přes komentáře nám doplníte nejen **obsahová data**, ale také vaši **zpětnou vazbu**, abychom nemuseli složitě komunikovat v e-mailu.
==== Přidání nového komentáře ====
Nejjednodušší cesta pro předání zpětné vazby je skrze komentáře. Na jakýkoliv blok obsahové mapy nám můžete připnout vaše připomínky.
{{ :klientska:flowmapp_novy_koment.mp4 |}}
==== Reakce na existující komentář ====
Zároveň je potřeba vědět, jak nám zareagovat na naše doplňující dotazy či vysvětlivky.
{{ :klientska:flowmapp_koment_odpovedet.mp4 |}}
===== Štítky =====
Přehlednost nade vše. Každá z kartiček v návrhu má **barevně odlišené štítky**. Ty vám pomohou se **zorientovat**, kde je ještě potřeba vaše zpětná vazba, kde naopak **máme hotovo** anebo třeba to, jaké stránky budete mít v hlavním menu. Stačí si **vyfiltrovat štítek**, který vás **právě zajímá**. \\
\\
**Nejčastěji budete pracovat se štítkem „Dodání klientem”, který vám ukáže, kam přesně máte obsahová data vložit a „Check od klienta”, kam nám budete psát zpětnou vazbu.** \\
{{ :klientska:navody:flowmapp_label_filter.mp4 |}}