Časové osi: Ako prezentovať udalosti a fázy v poradí

Časová os je usporiadaný záznam udalostí, míľnikov alebo pomenovaných fáz, v ktorom pozícia komunikuje, kedy sa niečo stalo alebo ako sa daná téma vyvíjala. Čitateľ pozoruje postupnosť; nie je inštruovaný, aby ju reprodukoval.

1. 1
   Marec 2025 – Výskum schválený

   Tím fixol kohortu, otázky a porovnávaciu metódu pred začatím zberu.
2. 2
   Apríl–Máj 2025 – Baseline zozbieraná

   Rovnaké merania boli zaznamenané u každého účastníka počas definovaného obdobia zberu.
3. 3
   Jún 2025 – Zistenia publikované

   Správa zverejnila svoje výsledky s metódami, obmedzeniami a dátumom ďalšieho preskúmania.

Tento vykreslený príklad opisuje dokončenú výskumnú postupnosť. Jej poradie vysvetľuje vzťah medzi schválením, zberom a publikovaním, ale žiadna z jej položiek čitateľovi neprikazuje vykonať tieto akcie.

Prečo na tomto prvku záleží

Ľudia rekonštruujú zmenu kladením troch otázok: čo sa stalo, kedy sa to stalo a čo to spôsobilo alebo umožnilo? Časová os odpovedá na tieto otázky v jednom opakujúcom sa vzore. Dátum alebo značka fázy vytvára orientáciu, názov udalosti dáva zmene meno a opis vysvetľuje význam. Čitatelia môžu skenovať známy míľnik, porovnávať medzery medzi udalosťami alebo pochopiť, prečo súčasný stav nemohol existovať skôr.

Tento vizuálny rytmus tiež znižuje záťaž na pamäť. V bežnej próze môžu byť dátumy oddelené od udalostí, ku ktorým patria, a čitateľ si musí v mysli udržať niekoľko viet, kým zostaví chronológiu. Ohraničená časová os udržiava každú značku pripojenú k svojej udalosti a robí viditeľnými vynechania alebo nevysvetlené skoky. Je užitočná najmä vtedy, keď tvrdenie textu závisí od postupnosti: výsledok pozorovaný po intervencii znamená niečo iné ako výsledok zozbieraný pred ňou.

Strojová extrahovateľnosť je schopnosť crawlera, vyhľadávača, systému AI odpovedí alebo publikačného adaptéra izolovať každý záznam bez straty jeho poradia alebo polí. Sémantický zoradený zoznam s konzistentnými oblasťami dátumu, názvu a opisu poskytuje strojom silnejšiu štruktúru ako dátumy roztrúsené po odsekoch. Systém dokáže identifikovať tretiu udalosť ako tretiu udalosť, zachovať vzťah medzi „Jún 2025" a „Zistenia publikované" a citovať opis bez toho, aby ho omylom priradil k aprílu.

Použite pravidlá písania prvkov ako pravidlo priority. Ak je účelom textu zaznamenať zmenu v čase, použite typovanú časovú os, aj keď by nadpis a niekoľko odsekov mohli vyzerať podobne. Ak je jeho účelom inštrukcia, porovnanie alebo nezávislé overenie, príslušný prvok má prednosť bez ohľadu na to, či by dizajnér mohol nakresliť zvislú čiaru vedľa neho.

Kedy ho použiť

Použite časovú os, keď je zoradenie súčasťou tvrdenia a každá položka predstavuje udalosť, míľnik, zmenu stavu alebo zdokumentovanú fázu. Vhodné témy zahŕňajú históriu spoločnosti, vydania produktu, dátumy prijatia a presadzovania nariadenia, fázy dokončenej prípadovej štúdie alebo fázy zberu a publikovania za správou.

Pred výberom aplikujte dva testy:

1. Test zámeny: vymeňte dve susedné položky. Ak sa záznam stane historicky nepravdivým, kauzálne zavádzajúcim alebo časovo mätúcim, poradie nesie význam.
2. Test pozorovateľa: opýtajte sa, či sa čitateľ dozvedá, čo sa stalo, alebo či sa mu hovorí, čo má urobiť. Pozorovanie indikuje časovú os; vykonanie indikuje zoznam krokov .

Témery, ktoré sa podobajú, ale vyžadujú inú štruktúru:

• Postup: „Exportujte dáta, vyčistite ich, potom ich nahrajte" inštruuje čitateľa. Potrebuje akcie, signály úspechu a postupy obnovy, nie opisy historických udalostí.
• Kontrolný zoznam: „Potvrďte vlastníka, dátum, zdroj a stav" obsahuje nezávislé overovacie brány. Ich poradie nevytvára význam.
• Zoznam funkcií: „Spustili sme reportovanie, integrácie a upozornenia" môže jednoducho vymenúvať schopnosti. Stáva sa časovou osou len vtedy, keď záleží na datovaných vydaniach a ich dôsledkoch.
• Tvrdenie typu pred a po: dva stavy sú zvyčajne jasnejšie ako priame porovnanie. Nepridávajte dekoratívny stredný bod na dosiahnutie minimálneho počtu položiek.
• Projektový plán: plánované dátumy môžu použiť časovú os len vtedy, keď sú jasne označené ako naplánované alebo predpokladané. Neprezentujte zámer ako dokončenú históriu.
• Prehľad procesu: pomenované fázy môžu použiť časovú os, keď stránka opisuje, ako je proces organizovaný. Ak čitateľ musí tieto fázy vykonať, použite namiesto toho zoznam krokov alebo kontrolný zoznam.

Samotná prítomnosť dátumov nestačí. Zoznam nesúvisiacich dátumov konferencií je kalendár alebo zoznam. Časová os vyžaduje jednu tému a súvislú líniu vývoja.

Kam ju umiestniť

Umiestnite časovú os hneď po krátkej vete, ktorá pomenúva jej tému, rozsah a smer. „Míľniky nižšie siahajú od založenia po súčasný produkt" je dostatočné. Čitatelia by nikdy nemali musieť hádať, či je prvá položka najstaršia, najnovšia, dokončená alebo plánovaná.

Presná poloha závisí od jej úlohy:

• Historickú časovú os umiestnite po definícii témy alebo súhrne súčasného stavu a pred analýzu toho, prečo história záleží.
• Časovú os prípadovej štúdie umiestnite po východiskovej situácii a rozsahu, ale pred podrobné výsledky, aby čitatelia mohli rozlíšiť baseline, intervenciu a meranie.
• Časovú os vydaní umiestnite po súhrne aktuálneho vydania. Použite poradie od najnovšieho, keď je primárnou úlohou objavenie najnovšej zmeny, a označte tento smer.
• Časovú os implementácie alebo politiky umiestnite po rozsahu pravidla a pred súčasné povinnosti. Dátumy účinnosti musia zostať viditeľné mimo akéhokoľvek skrytého rozhrania.
• Časovú os výskumu umiestnite po zhrnutí metódy a pred zistenia, keď načasovanie zberu ovplyvňuje interpretáciu.

Časová os nesmie stáť priamo vedľa zoznamu krokov o rovnakej téme bez prechodu, ktorý hovorí, ktorý blok zaznamenáva históriu a ktorý blok inštruuje činnosť. Nesmie byť vložená medzi tvrdenie a jeho podporný zdroj, medzi varovanie a jeho dôsledok ani vo vnútri porovnávacej bunky. Neumiestňujte dve časové osi vedľa seba; skombinujte ich, keď zdieľajú tému a mierku, alebo ich oddeľte analýzou, ktorá vysvetľuje, prečo je druhá postupnosť odlišná.

Vyhnite sa propagačnej výzve na akciu medzi udalosťami. Narúša chronologický tok aj sémantiku zoradeného zoznamu. Propagáciu umiestnite po kompletnej časovej osi a jej interpretácii.

Anatómia

Označená anatómia obsahuje sedem častí:

1. Nadpis rozsahu: pomenúva tému a časové obdobie reprezentované kolekciou.
2. Indikátor smeru: uvádza od najstaršieho po najnovšie alebo od najnovšieho po najstaršie, keď to okolitý kontext nespôsobuje nezameniteľným.
3. Zoradená dráha: vizuálne spája záznamy, zatiaľ čo základné <ol> zachováva poradie bez štylovania.
4. Značka dátumu alebo fázy: identifikuje, kedy sa udalosť stala, s najpoctivejšou dostupnou presnosťou.
5. Názov udalosti: uvádza zmenu alebo míľnik v kompaktnej fráze v minulom alebo prítomnom čase.
6. Opis: vysvetľuje, čo sa zmenilo a prečo táto udalosť patrí do postupnosti.
7. Stav: voliteľne rozlišuje dokončené, aktuálne, naplánované, oneskorené alebo zrušené udalosti slovami, nie len farbou.

Čiara, bodky a ikony sú dekorácia. Dátumy, názvy, opisy, poradie a stavy sú obsah a musia zostať dostupné v texte, tlači a výstupe bez CSS.

Príklady dizajnu

Každá podporovaná varianta zachováva jeden zoradený zoznam a rovnaké polia položiek. Varianty menia hustotu alebo dôraz, nie význam.

Štandardná zvislá

Použite predvolenú verziu pre tri až osem udalostí s jedno- alebo dvojvetnými opismi. Poskytuje textu s premenlivou dĺžkou priestor na zalamovanie a spoľahlivo funguje na úzkych obrazovkách.

Kompaktný changelog

Použite kompaktné rozloženie pre krátke, časté záznamy, ako sú vydania. Názvy vedú; opisy zostávajú na jednej vete. Poradie od najnovšieho je povolené len vtedy, keď to nadpis alebo indikátor smeru uvádza.

Dôraz na míľniky

Použite dôraz na míľniky, keď dva až šesť zlomových bodov záleží viac ako intervaly medzi nimi. Zvýraznený aktuálny míľnik musí obsahovať viditeľné slovo „Aktuálny"; samotná veľkosť alebo farba nestačí.

Fázová časová os

Použite pomenované fázy, keď presné dátumy nie sú k dispozícii alebo sú menej užitočné ako pozícia v životnom cykle. Značky fáz musia byť navzájom odlišné a konzistentne granulárne: „Objavovanie," „Zber" a „Publikovanie," nie „Objavovanie," „12. máj" a „Neskôr."

Horizontálna na širokých obrazovkách

Použite horizontálne zobrazenie len pre tri až päť stručných míľnikov a len vtedy, keď sa na malých obrazovkách zmení na zvislý zoradený zoznam bez zmeny poradia zdroja. Nikdy nevyžadujte horizontálne posúvanie na objavenie udalosti.

Cestovná mapa so zmiešaným stavom

Použite túto variantu pre skutočnú cestovnú mapu obsahujúcu dokončené aj plánované udalosti. Každá položka potrebuje textový stav a neisté dátumy používajú poctivé rozsahy, ako napríklad „Q4 2026," nie vymyslené dni.

Parametre

Kontrakt oddeľuje nastavenia kolekcie od opakujúcich sa záznamov udalostí. Prvý nadradený nadpis poskytuje názov kolekcie; prvý nadpis každej položky poskytuje názov jej udalosti.

marker je viditeľný a môže obsahovať dátum s presnosťou, ktorú čitatelia pochopia, napríklad „Máj 2025" alebo „Q3 2026." date poskytnite len vtedy, keď zdroj podporuje strojovo čitateľný kalendárny dátum. Marker ako „Jar 2025" sa nesmie konvertovať na vymyslený ISO dátum. Vo fázovej variante marker obsahuje názov fázy a date sa bežne vynecháva.

Syntax a príklady kódu

Všetky tri nižšie uvedené formy kódujú rovnakú dokončenú chronológiu. Prenosná direktíva je kanonická autorská štruktúra; adaptéry platforiem musia zachovať poradie, polia a viditeľné znenie.

Prenosná Markdown direktíva

:::timeline{variant=vertical direction=ascending}
## Časová os výskumu a publikácie

::item{marker="Marec 2025" date="2025-03-01" status=completed id="research-approved"}
### Výskum schválený

Tím fixol kohortu, otázky a porovnávaciu metódu pred začatím zberu.
::

::item{marker="Apríl–Máj 2025" status=completed id="baseline-collected"}
### Baseline zozbieraná

Rovnaké merania boli zaznamenané u každého účastníka počas definovaného obdobia.
::

::item{marker="Jún 2025" date="2025-06-18" status=completed id="findings-published"}
### Zistenia publikované

Správa zverejnila svoje výsledky s metódami, obmedzeniami a dátumom preskúmania.
::
:::

Rozsah „Apríl–Máj 2025" nemá atribút date, pretože jeden ISO dátum by nesprávne reprezentoval viacmesačnú udalosť.

Hugo shortcode

{{< timeline_with_icon >}}
[
  {"title":"Marec 2025 – Výskum schválený","description":"Tím fixol kohortu, otázky a porovnávaciu metódu pred začatím zberu."},
  {"title":"Apríl–Máj 2025 – Baseline zozbieraná","description":"Rovnaké merania boli zaznamenané u každého účastníka počas definovaného obdobia."},
  {"title":"Jún 2025 – Zistenia publikované","description":"Správa zverejnila svoje výsledky s metódami, obmedzeniami a dátumom preskúmania."}
]
{{< /timeline_with_icon >}}

Existujúci Hugo renderer akceptuje JSON pole s title a voliteľným description poľom a vykresľuje záznamy v poradí zdroja. Kombinovanie markera a názvu v title je jeho aktuálne mapovanie adaptéra; bohatší renderer môže tieto viditeľné oblasti oddeliť bez zmeny kanonického obsahu.

WordPress blok

<!-- wp:amicited/timeline {"variant":"vertical","direction":"ascending"} -->
<!-- wp:amicited/timeline-item {"marker":"Marec 2025","date":"2025-03-01","status":"completed","id":"research-approved"} -->
<h3>Výskum schválený</h3>
<p>Tím fixol kohortu, otázky a porovnávaciu metódu pred začatím zberu.</p>
<!-- /wp:amicited/timeline-item -->
<!-- wp:amicited/timeline-item {"marker":"Apríl–Máj 2025","status":"completed","id":"baseline-collected"} -->
<h3>Baseline zozbieraná</h3>
<p>Rovnaké merania boli zaznamenané u každého účastníka počas definovaného obdobia.</p>
<!-- /wp:amicited/timeline-item -->
<!-- wp:amicited/timeline-item {"marker":"Jún 2025","date":"2025-06-18","status":"completed","id":"findings-published"} -->
<h3>Zistenia publikované</h3>
<p>Správa zverejnila svoje výsledky s metódami, obmedzeniami a dátumom preskúmania.</p>
<!-- /wp:amicited/timeline-item -->
<!-- /wp:amicited/timeline -->

WordPress musí ukladať záznamy ako jeden zoradený nadradený blok s podriadenými položkami, nie ako nesúvisiace vizuálne karty, ktorých poradie sa môže počas úprav posúvať.

Príklady

Dobrý: história implementácie nariadenia

Január 2024 – Pravidlo zverejnené. Regulátor vydal konečné znenie a potvrdil organizácie v rozsahu.

Júl 2024 – Prechodné obdobie začalo. Dotknuté organizácie mohli používať formát vykazovania, zatiaľ čo predchádzajúci formát zostal akceptovaný.

Január 2025 – Požiadavky nadobudli účinnosť. Nové podania museli používať zverejnený formát; možnosť prechodu skončila.

Apríl 2025 – Usmernenie vyjasnené. Regulátor vysvetlil, ako by upravené podania mali identifikovať pôvodné vykazované obdobie.

Toto je dobrá časová os, pretože každá položka opisuje zdokumentovanú udalosť, presnosť je konzistentná a poradie vysvetľuje posun od zverejnenia k prechodu, presadzovaniu a vyjasneniu. Čitateľ môže pochopiť súčasné povinnosti bez toho, aby si pomýlil budúci termín s minulou udalosťou.

Zlý: časová os optimalizácie článku

1 – Pridajte príklady. Zahrňte užitočné príklady do článku.

2 – Skontrolujte nadpisy. Uistite sa, že nadpisy opisujú každú sekciu.

3 – Pridajte interné odkazy. Odkazujte na súvisiaci obsah.

Toto je zlé, pretože to nie je ani chronológia, ani správny postup. Čísla nemajú žiadne dátumy ani fázy a akcie možno vykonať v inom poradí bez zmeny výsledku. Nazývať to časovou osou dekoruje nezávislé kontroly falošnou postupnosťou. Použite kontrolný zoznam pre nezávislé overovacie brány; použite zoznam krokov len vtedy, ak závislosti vyžadujú poradie vykonania.

Schema markup a prístupnosť

Schema.org nemá všeobecný typ Timeline. Nevydávajte vymyslené vlastnosti ani nepridávajte ItemList len preto, aby blok vyzeral štruktúrovane. Časová os môže poskytnúť viditeľné fakty štruktúrovaným údajom na úrovni stránky, ak už existuje vhodný slovník – napríklad dátum zverejnenia vydania na stránke týkajúcej sa softvéru – ale toto mapovanie sa riadi zmluvou o schéme stránky, nie vizuálnym komponentom. Štruktúrované údaje nesmú nikdy obsahovať udalosti, dátumy alebo stavy vynechané z viditeľnej časovej osi.

Spoľahlivým strojovo čitateľným základom je sémantické HTML: jeden <ol> v zamýšľanom poradí čítania a jeden <li> na udalosť. Použite <time datetime="2025-06-18">Jún 2025</time> len vtedy, keď je strojový dátum podporený zdrojom. Ak je viditeľný marker štvrťrok, sezóna, rozsah alebo pomenovaná fáza, obyčajný text je pravdivejší ako vyrobená hodnota datetime.

Prístupnosť závisí od zachovania postupnosti bez spoliehania sa na grafickú dráhu. Nadpis pomenúva tému a smer; zoradený zoznam poskytuje počet a pozíciu; každá udalosť udržiava svoj marker, názov, opis a stav pohromade. Dekoratívne čiary, bodky a ikony používajú prázdne alternatívy alebo sú skryté pred asistenčnými technológiami. Stav je napísaný ako text, nie prenášaný len zelenou, oranžovou alebo vyplneným krúžkom.

Interakcia klávesnicou by sa nemala vyžadovať na čítanie časovej osi. Ak jednotlivé udalosti odkazujú na dôkazy alebo podrobnosti, použite bežné popisné odkazy a viditeľný stav fokusu. Horizontálne rozloženia sa musia preusporiadať, aby neuväzli používateľov klávesnice alebo dotyku v bočnom posúvači. Zväčšenie na 200 %, zobrazenie na úzkom viewporte, tlačový výstup a výstup bez CSS musia zachovať rovnaké poradie.

Pravidlá písania

Použite tri až dvanásť udalostí v jednej časovej osi. Menej ako tri – bežná próza alebo priame porovnanie pred a po je prehľadnejšie. Viac ako dvanásť – čitatelia strácajú celkový tvar; zoskupte udalosti do pomenovaných období alebo vytvorte samostatné časové osi s nezávislými rozsahmi.

Každý názov udalosti napíšte v dvoch až desiatich slovách a jej opis v 12–60 slovách. Začnite názvy zmenou, nie výplňou: „Požiadavky nadobudli účinnosť" je silnejšie ako „Dôležitá nová etapa." Opisy odpovedajú na to, čo sa zmenilo a prečo na udalosti záleží. Použite minulý čas pre dokončené udalosti, prítomný čas pre aktuálny stav a budúci alebo naplánovaný jazyk pre plánované udalosti.

Presnosť dátumu musí nasledovať dôkazy. Ak zdroj podporuje len rok, uverejnite rok. Ak podporuje štvrťrok, nevymýšľajte prvý deň štvrťroka pre zobrazenie alebo metadáta. Použite jeden štýl dátumu v rámci časovej osi: „18. jún 2025" nesmie stáť vedľa „06/20/25" a číselné dátumy by sa mali vyhýbať, keď je regionálna interpretácia nejednoznačná.

Udržujte konzistentnú granularitu. Časová os, ktorá kombinuje „Spoločnosť založená," šesť menších týždenných opráv a „Dosiahli sme medzinárodnú distribúciu," dáva rutinným zmenám väčšiu vizuálnu váhu ako strategickým míľnikom. Buď zaznamenávajte vydania konzistentne, alebo vyberajte míľniky konzistentne a uveďte pravidlo výberu.

Nikdy nedávajte dovnútra udalosti:

• viackrokovú inštrukciu, ktorú musí čitateľ vykonať;
• nesúvisiacu propagačnú výzvu na akciu;
• svedectvo použité ako dôkaz udalosti;
• nevyhnutné varovanie skryté za rozbaľovaním;
• niekoľko nezávislých udalostí spojených na zníženie počtu položiek;
• dátum alebo stav, ktorý zdroj nepodporuje.

Tón by mal byť faktografický, kompaktný a konkrétny. Vyhnite sa oslavnému jazyku, ako napríklad „prevratný míľnik," pokiaľ ho stránka nepripisuje ako citát a neposkytuje kontext. Časová os buduje dôveryhodnosť prostredníctvom overiteľnej postupnosti, nie nadšenia.

Typy príspevkov, ktoré ju používajú

Riadky nižšie sú riadené frontmatter postTypes a používajú iba registrované slugy typov príspevkov.

Nepridávajte časovú os len na splnenie šablóny typu príspevku, keď stránka nemá zmysluplnú chronológiu. Frontmatter vyjadruje podporované vzťahy, nie požiadavku, že každá inštancia musí obsahovať prvok.

Kontrolný zoznam QA

Pred publikovaním overte všetky nasledujúce body:

• Každá položka zaznamenáva udalosť, míľnik, stav alebo fázu, nie inštrukciu pre čitateľa.
• Výmena susedných udalostí by spôsobila, že by bol záznam nepravdivý, zavádzajúci alebo ťažšie pochopiteľný.
• Úvod pomenúva tému, rozsah a chronologický smer.
• Časová os obsahuje 3–12 položiek alebo dokumentuje jasné rozhodnutie o zoskupení.
• Presnosť dátumu a stav sú podporené zdrojom; nebol vymyslený žiadny presný dátum.
• Názvy obsahujú 2–10 slov a opisy zvyčajne 12–60 slov.
• Udalosti používajú konzistentnú úroveň granularity a jeden štýl dátumu.
• Dokončené, aktuálne, plánované, oneskorené a zrušené záznamy sú rozlíšené vo viditeľnom texte.
• Zdrojom je zoradená kolekcia a výstup používa jeden <ol> s jedným <li> na udalosť.
• Markery, názvy, opisy a stavy zostávajú spolu v tlači, výstupe bez CSS a na úzkych obrazovkách.
• Dekoratívne čiary, ikony a farby nenesú žiadnu informáciu, ktorá by chýbala v texte.
• Akékoľvek štruktúrované údaje sa presne zhodujú s viditeľnými udalosťami a používajú len slovník vhodný pre danú stránku.
• Mapovania pre prenosný Markdown, Hugo a WordPress zachovávajú rovnaké poradie a význam.
• Umiestnenie neprerušuje dôkazy, varovania, inštrukcie ani konečnú interpretáciu.

FAQ

Aký je rozdiel medzi časovou osou a zoznamom krokov? Časová os zaznamenáva, čo sa stalo; zoznam krokov hovorí čitateľovi, čo má urobiť. Test pozorovateľa rozhodne o výbere.

Potrebuje každá položka časovej osi presný dátum? Nie. Použite najpresnejší marker, ktorý dôkazy podporujú, vrátane mesiaca, štvrťroka, roka alebo pomenovanej fázy.

Koľko udalostí by mala obsahovať časová os? Použite tri až dvanásť. Dlhšie histórie zoskupte do pomenovaných období alebo samostatných postupností.

Má časová os vlastný typ Schema.org? Nie. Použite sémantické HTML zoradeného zoznamu a len štruktúrované údaje na úrovni stránky, ktoré pravdivo zodpovedajú vhodnému slovníku.

Môže byť časová os zoradená od najnovšej po najstaršiu? Áno, keď je objavovanie najnovšieho primárnou úlohou čitateľa. Označte smer a dodržujte ho konzistentne.