Preskočiť na hlavný obsah

Blok Časová os

Načo slúži Časová os?

Poradie je súčasťou príbehu. Časová os ukazuje nielen čo sa stalo, ale aj kedy a v akom slede. Hodí sa na históriu firmy, fázy projektu, vývojové míľniky alebo jednotlivé kroky procesu.

Ak zmena poradia nijako nemení význam, pravdepodobne vám viac poslúži iný blok.

Ukážka: vývoj fiktívnej firmy

Zvislá časová os poskytuje priestor aj na dlhšie vysvetlenia.

  1. Začíname s prvou službou

    Tím pripravuje prvú ponuku na konkrétnu potrebu zákazníkov.

  2. Prvý výrazný rast

    Prichádzajú noví zákazníci a proces spolupráce je lepšie zorganizovaný.

  3. Vstup na nové trhy

    Fiktívna firma začína spolupracovať s klientmi vo viacerých krajinách.

  4. Ďalšia kapitola

    Do popredia prichádzajú nové produkty a služby. Príbeh pokračuje.

Časová os nie je denník. Nepridávajte každý dátum. Vyberte udalosti, ktoré skutočne zmenili príbeh, pracovný postup alebo nasledujúce rozhodnutie.

Druhá ukážka

Chronologicky možno predstaviť aj budúcnosť

Aj kroky projektu sa ľahšie chápu, ak je ich poradie dôležité.

Ukážka: etapy projektu

Štyri krátke fázy v horizontálnom štýle Stĺpce.

  1. Zadanie

    Ujasníme si ciele, obmedzenia a potrebné podklady.

  2. Plánovanie

    Stanovíme štruktúru, vizuálny smer a najdôležitejšie rozhodnutia.

  3. Realizácia

    Podľa schváleného smerovania pripravíme funkčnú prvú verziu.

  4. Odovzdanie

    Všetko preveríme, doladíme a naplánujeme ďalšie kroky.

Štyri štýly vodorovnej časovej osi

Štýl mení vzhľad krokov. Automatické číslovanie sa neopakuje s ručnými štítkami.

Stĺpce

Očíslované stĺpce pod spojnicou, predvolený vzhľad pre mnohé postupy.

Karty

Každá etapa má vlastnú kartu spojenú so susednou šípkou.

Kruhy

Číslované kruhy na jednej línii v klasickom vzhľade časovej osi.

Pás

Každý krok má úsek, pri ktorom možno výrazne zobraziť trvanie, napríklad „1–2 týždne“.

Ukážka: štýl Karty

Fiktívna rekonštrukcia bytu z pohľadu zákazníka.

  1. Obhliadka

    Navštívime byt a vypočujeme si predstavy zákazníka.

  2. Ponuka

    Podrobný odhad s termínom a etapami platieb.

  3. Realizácia

    Každý týždeň pošleme fotografie postupu prác.

  4. Odovzdanie

    Záverečná obhliadka, upratanie a odovzdanie záručného dokladu.

Ukážka: štýl Kruhy

Fiktívna história keramickej dielne.

  1. Otvárame dielňu

    Hrnčiarsky kruh a pec v prenajatom suteréne.

  2. Prvý kurz

    Večerná skupina so šiestimi účastníkmi.

  3. Vlastný priestor

    Vedľa dielne sa otvára malý obchodík.

  4. Online rezervácie

    Kurzy sa už dajú rezervovať priamo na webe.

Ukážka: štýl Pás

Ilustračné trvanie jednotlivých etáp výroby keramického hrnčeka.

  1. Sušenie

    Výrobok schne pomaly a rovnomerne.

  2. Prvý výpal

    Po vypálení je pevný, ale stále pórovitý.

  3. Glazovanie

    Glazúra sa nanáša vo vrstvách s prestávkami na schnutie.

  4. Výpal glazúry

    Vyššia teplota a následné pomalé chladnutie.

Čo sa dá pri Časovej osi nastaviť?

Obsah etáp, rozloženie a správanie pri posúvaní.

Rozloženie

Zvislé, vodorovné (Stĺpce, Karty, Kruhy, Pás), kľukatá či cikcaková čiara.

Etapy

Tri až päť míľnikov sa sleduje ľahko; každý môže mať nadpis a formátovaný opis.

Dátum alebo trvanie

Jednotlivé kroky môžu mať rok, dátum či trvanie; vo variante Pás sa zobrazí výrazne.

Odkaz pri etape

Pridajte cieľ a popis ako odkaz alebo malé tlačidlo.

Ikony

Pri cikcakovej osi môžete striedať dve ikony alebo zvoliť vlastnú pri konkrétnom kroku.

Animácia

Čiara sa môže vykresľovať pri posúvaní a míľniky prichádzať postupne.

Nadpis a úvod

Krátky názov a opis nad časovou osou.

Pozadie a šírka →

Bežné, vlastné alebo kontrastné pozadie, užšia, široká či plná šírka.

Rozostupy a kotva →

Odstupy medzi sekciami a identifikátor na priamy odkaz.

Zobrazenie: Kľukatá čiara

Čiara sa postupne vykresľuje a prepája míľniky.

Kreslenie pri posúvaní

Etapy sa objavujú, keď k nim čiara postupne dôjde.

Striedanie strán

Na počítači sa kroky striedajú vľavo a vpravo, na telefóne tvoria jeden stĺpec.

Obmedzenie pohybu

Ak si zariadenie vyžaduje menej animácie, čiara aj etapy sa zobrazia okamžite.

V editore

Prvky sú zoradené pre pohodlné úpravy; striedanie vidno na verejnej stránke.

Ukážka: kľukatá čiara

Cesta fiktívneho hrnčeka od hliny až do predajne.

  1. Príprava hliny

    Hlina sa prehnetie, aby v nej nezostali vzduchové bubliny.

  2. Tvarovanie na kruhu

    Hrnček získa svoj tvar a následne pomaly schne.

  3. Prvý výpal

    Výrobok spevnie, ale stále zostáva pórovitý.

  4. Glazovanie a výpal

    Pri druhom výpale vo vysokej teplote glazúra získa lesk.

  5. Na policu

    Po kontrole a dokončení je hrnček pripravený pre kupujúceho.

Cikcakové rozloženie

Bodkovaná spojovacia čiara a okrúhle ikony vedú od jednej etapy k ďalšej.

Dve striedajúce sa ikony

Môžete striedať dva symboly alebo zadať ikonu pre každý krok. Bez ikony sa zobrazí číslo.

Bodkovaná spojnica

Čiara sa môže pri posúvaní postupne vyfarbovať.

Odkaz pri každom kroku

Každá etapa môže mať vlastný odkaz alebo tlačidlo aj v ostatných štýloch.

Na mobile

Všetky kroky sa zoradia do zvislého stĺpca.

Ukážka: cikcak

Fiktívna konzultácia z pohľadu zákazníka. Prvé dva kroky obsahujú odkazy.

  1. Online rezervácia

    Zákazník si priamo na webe vyberie voľný termín.

    Ďalšie návody
  2. Úvodný dotazník

    Niekoľko otázok pomôže pripraviť stretnutie.

    Ďalšie návody
  3. Konzultácia

    O možnostiach sa porozprávame online alebo osobne.

  4. Zhrnutie

    Zákazník dostane písomné odporúčania a návrh ďalšieho postupu.

Animácia časovej osi

Pohyb môže sledovať poradie etáp bez zbytočného rozptyľovania.

Kreslenie čiary

Pri zvislej a cikcakovej osi sa čiara vyfarbuje pri posúvaní, pri kľukatej automaticky.

Krok po kroku

Jednotlivé položky sa môžu jemne objavovať či prichádzať zboku.

Menej pohybu

Zariadenie s preferenciou obmedzeného pohybu dostane kroky aj čiaru ihneď.

UKÁŽTE CELOK AJ JEDNOTLIVÉ KROKY

Dobrá časová os ukazuje, odkiaľ ste prišli a čo nasleduje.

Vyberte vhodný tvar a ponechajte míľniky, ktoré príbeh skutočne posúvajú.