Patřím k lidem, kteří po otevření jakékoliv krabice automaticky odloží uživatelské příručky a návody bokem. Manuál rovná se dokument, který nepotřebuju. Mám hlavu a poradím si s tím!
A pak si ji lámu, když to nejde. A pak znovu, když ten manuál zpětně hledám. Protože manuál je fakt potřeba. Jak z toho ven?
Kde se bere odpor k manuálům?
Z mé zkušenosti mě na manuálech nejvíce trápí, že mi berou čas. Napřed musím vyhledat jazyk, kterému rozumím. Pak hledám kapitolu, která by se mohla týkat mého problému. Listovat, hledat.
To vše bere čas. A ten nemám, chci používat. Teď.
Proto si raději myslím, že to nějak automaticky (či polopaticky?) použiju správně. Jen abych nemusel hledat a trávit čas tím, abych se ujistil, že to udělám dobře.
Někdy to klapne. Někdy ne. Chybu si leckdy člověk uvědomí až za nějaký čas, kdy něco přestane fungovat.
Konečná.
Jak to zlepšit? Zrušme už konečně manuál!
Manuál nese negativní konotace. Zkusme mu říkat grafický průvodce. Průvodce je lépe stravitelné slovo. Průvodci jsou lidé, kteří mají pečovatelského ducha a jsou parťáci. Průvodci pomáhají. Manuály přikazují.

Udělal jsem drobný průzkum, čím designeři nahrazují výraz Grafický manuál. Padaly návrhy jako Brand book a podobně.
Zvolte správnou formu
Existují tři hlavní formy grafických průvodců:
- 📓 Tištěný průvodce
- 📁 Elektronický průvodce (PDF)
- 🚀 Online grafický průvodce
Tištěný průvodce
Má účinnost podobnou, jako každý jiný manuál. Mizernou. Uživatel se v něm proto, aby poslal logo do výrobní firmy, hrabat nechce. Jediní, kdo je žerou, jsou designeři. Přiznejme si to. Hrabem se v nich, slintáme nad ochrannou zónou loga, bez které bychom byli jako bez jedné čakry.

Tento typ manuálů končí kdesi v šuplíku, práší se na něj a v tempu dnešní doby se stává neaktuálním v řádu i několika měsíců. Firmy chrlí nové produkty rychleji, než jakým tempem zasychá inkoust těchto dokumentů.
Elektronický (PDF) průvodce
Ten je na tom lépe, než tištěný dokument. Ale jen o kousek. Trpí totiž podobnými neduhami. PDF různě koluje uvnitř firmy i navenek. Lidé v něm moc listovat nechtějí, zdržuje to.

Navíc když se provede nějaká aktualizace, stává se toto PDF parazitní buňkou celé organizace, protože jejich kopie leží na mnoha počítačích a stává se, že někdo použije omylem starou verzi. Nebo prostě netuší, kde to PDF hledat.
Online grafický průvodce
Je na tom výrazně lépe, než obě předchozí formy. Ale opravdu výrazně. Vždy aktuální a přístup k němu je umožněn skrze jednu dobře zapamatovatelnou adresu. Když se to udělá dobře.
Místo častého selhání
PDF příručky, ale i samotná loga – všechno to jsou soubory, které prorůstají pevné disky po firmách jako nekonečné mycelium.
Shlukují se do složek, aby se pak e-mailem poslaly dodavateli, který je použije, jak uzná za vhodné. Setkal jsem se s tím mnohokrát. Soubor loga otevřen kdesi, uložen jako, barvy skoro… jakoby předtím. A posíláme dál.

Jedno místo pravdy
Online průvodce je jediný efektivní zdroj vizuálních prvků značky. Zaznamenává klíčové vizuální prvky společnosti. Je zdrojem aktuálních log, písem, barev a základních definic jejich používání.

Stačí jedna úprava loga, barvy, písma nebo struktury zapisování produktů nebo e-mailů a na jeden klik mají všichni zaměstnanci, dodavatelé a byznysoví partneři aktuální podklady.
Nikde se neválí neaktuální soubory. Logo se posílá jedním linkem a bez komentáře – vše potřebné je řečeno v průvodci. Příjemce nelistuje, nehledá, ale používá. Ihned.
Do 10 vteřin, nebo končíte
- Pošlete nám vaše logo v křivkách?
- Jakou používáte hlavní firemní HEX barvu?
- Dá se to tisknout v Pantone?
- Jaké písmo mám použít v prezentaci?
- Jak mám vyslovovat název vaší firmy?
- Název e-mailové schránky nese i název firmy, nebo ne?
- Kde najdu verzi loga pro razítka?
- Mám použít patkové nebo bezpatkové písmo?
- Jaký mám vybrat barevný režim loga?
- Jaký formát loga potřebuju?
- Máte i horizontální verzi loga pro malé velikosti?
Dokážete na tyto požadavky reagovat do 10 vteřin? Tady se láme chleba, zda-li váš manuál funguje, nebo ne. Každý tento dotaz zatěžuje. Můžete po člověku hodit tištěnou brožuru a říct „najdi si to tam.“ Pokud ji vůbec najdete vy. Můžete poslat PDF e-mailem, pokud víte kde ho hledat. A pokud máte aktuální verzi.
Nebo pošlete jeden odkaz, třeba znacka.cesko.digital
Hotovo. Třeba i po telefonu.
Online manuál má taky své mouchy
Testoval jsem desítky služeb. Hledal jsem, plnil jsem je po večerech obsahem, porovnával. Jen abych našel nejlepší službu za přijatelné peníze, které je ochoten klient platit. Hledal jsem cestu, jak jedním odkazem předat nejen informace o klíčových vizuálních prvcích značky, ale i dojem ze stylu značky samotné.
Všechno to jde. Ale…
Klíčové rozdíly mezi současnými službami
Porovnával jsem. Hodně.

Jen namátkou. Mám otestovány premium služby jako Frontify.Pokud byste chtěli využít ná této platformě vlastní doménu logo.vasweb.cz, připravte si 6 000 Kč – každý měsíc!
Mám detailně otestovanou českou službu OpenBrand, kde jsem několik let spravoval přes tucet grafických manuálů. Jenomže koncem roku tato služba 2019 definitivně ukončila provoz.
Mám reálně odzkoušené produkty z Design System Repo jako je Zeplin, Zeroheight, Lingo, Invision DSM a další.
Testoval jsem i český projekt BrandCloud, který vnímám nadějně, ale stále mi na něm schází mnoho věcí.
Co dělá online manuál skutečným králem?
Dobrý manuál je takový, který pošlete příjemci do 10 vteřin za každé situace. A zároveň takový, který mimo faktická pravidla, jak vizuální prvky používat, přenáší také emoce a styl vaší značky. Zvyšuje totiž důvěryhodnost a profesionální dojem vašeho projektu nebo firmy.
Nejdůležitější kritéria vhodného grafického průvodce pro malé a střední značky:
- možnost nasazení na vlastní domému
- vlastní styl manuálu v designu značky
- nízká nebo nulová cena
- snadná správa obsahu
- nízké nebo nulové riziko zániku
Vyhrnul jsem rukávy a makal
Potřeboval jsem vymyslet řešení. Řada mých kolegů designerů řeší stejný problém. Jak předat vizuální identitu tak, aby se používala jednoduše a pokud možno správně?

Tady je výsledek mého snažení – jmenuje se Visualbook. Jiní designeři mají své postupy, své nástroje, své hacky. Neříkám, že tohle je jediné možné, natož třeba nejlepší možné. Dává mi ale smysl, protože…
Visualbook je přístupný i z vaší vlastní domény
Co to znamená? To je právě ta klíčová věc, kterou služby poskytující management brand assetů dobře vědí. Pokud byste například pracovali ve firmě Whoop·de·doo, tak svou adresu whoopdedoo.love vyslovíte i o půlnoci, když na vás vyliju kýbl ledové vody. Znáte www adresu vaší firmy, že? A teď si představte, že Visualbook, kde máte vše potřebné ohledně vaší značky, nasadíte na logo.vaseznacka.cz nebo třeba brand.vaseznacka.cz, v případě Raedy tedy brand.whoopdedoo.love
Takovou adresu si snadno zapamatuje každý a bude schopen ji i rychle nadiktovat po telefonu.
Když budete potřebovat cokoliv vizuálního (název, logo, písmo, barvy a další), tak jen pošlete tento odkaz a hotovo. Vyťukáte tuto adresu do 10 vteřin a pošlete příjemci. Nehledáte soubory u sebe na disku, nepřemýšlíte, zda-li používáte Frontify, BrandCloud nebo jinou službu, kam byste se přihlásili pro data. Máte svůj vlastní obsah přímo u nosu. Respektive u www adresy, kterou znáte jako své boty.
Visualbook nese vizuální styl dané značky
K čemu je manuál vizuálního stylu, když samotný styl použitých barev a písem uživatelského prostředí manuálu nekoresponduje s vaší značkou? Opět je to vlastnost, kterou najdete v ceníku řady služeb jako prémiovku. Za prémiovou cenu.
Podívejte se na tyto Visualbooky, které jsem vytvořil pro různé značky. Rozvržení je vždy jednotné, ale styl je vždy podle dané značky:

Zpětná vazba od těchto firem říká, že posílání Visualbooku je radost a že mají fajn reakce příjemců na svižnost a přehlednost tohoto online průvodce, který působí profesionálním dojmem.

Visualbook nemá provozní náklady. Tečka.
Visualbook je postaven na open-source frameworku Bootstrap, který je celosvětové používaný a má dobře zpracovanou dokumentaci. Edituje se přes intuitivní Bootstrap Studio, takže se designeři brzy dočkají šabony grafického manuálu, kterou budou moci používat pro své klienty a vytvářet tak online grafické manuály, aniž by museli umět pracovat s kódem.
Riziko zániku Visualbooku je velmi nízké
Všechna data máte u sebe. Všechny soubory se načítají z vaší složky. Dokud jede váš web (a tedy i váš hosting), tak jede i váš Visualbook. Samotný editor Visualbooku je takovým ostrovním systémem, který není napojený na žádné předplatné. Jednou ho koupíte, používáte navždy.
Verze PRO nabízí vlastní editaci!
Dlouho očekávaná vlastnost je tady. Visualbook v edici PRO nyní obsahuje ve svých výstupech i kompletní editovatelný soubor .bssdesign, který stačí otevřít v editoru Bootstrapstudio a můžete Visualbook kompletně a neomezeně editovat!
Budete 100% spokojeni
Nebojte se Visualbook vyzkoušet. Edice Mini startuje na zajímvé ceně a pomůže vám i když děláte malý logomanuál pro začínající značku. Budu vám vždy po ruce a vy budete konečně odevzdávat grafický průvodce, který skutečně funguje.
Mrkněte na visualbook.pro a nakonfigurujte si grafický průvodce i pro vaši značku. Pomocí nové dokumentace to je hračka i pro nedesignéry.
Jirko,
opět nekompromisně perfektní a velmi inspirativní…
Díky moc!
Zdravím,
Předem musím říct, že nechápu, že jsem Vás a Váš blog objevil až teď. Už jsem samozřejmě pravidelný návštěvník. 😉
A dále musím uznat, že Váš VisualBook je absolutně ta nejlepší věc, kterou jsem za poslední roky viděl, co se týká design manuálu. Okamžitě jsem si z GitHubu stáhnul balíček souborů v domnění, že to bude jednoduchá záležitost… No, není. A vůbec nevím, jestli budu mít někdy dostatek času, abych si podobný systém vytvořil pro své klienty. Uvidíme.
Děkuji za spoustu informací, které jsem se do této chvíle od Vás dověděl.
David
P.S.: Trochu drze si dovolím upozornit na malou chybičku na VisualBooku – u CaspiaTech a Corinth, které jsou v češtině, je pod záložkou Názvy uvedeno „Marketivnogý zápis“ místo „Marketingový zápis“. 🙂