A sorrend itt a történet része. Az Idővonal blokk akkor erős, ha nemcsak az számít, mi történt, hanem az is, mikor és milyen sorrendben. Cégtörténethez, projektfázisokhoz, fejlesztési mérföldkövekhez vagy egy fontos folyamat bemutatásához is jól működik.
Ha az elemek sorrendjét felcserélve sem változik a jelentés, valószínűleg nem idővonalra van szükséged.
A függőleges idővonal több történetet és hosszabb magyarázatot is elbír.
A csapat egyetlen jól körülhatárolt problémára építi fel az első ajánlatát.
Új ügyféltípusok jelennek meg, ezért a működés és a szolgáltatási folyamat is strukturáltabbá válik.
A korábbi tapasztalatokra építve a vállalkozás több országban is elkezd dolgozni.
Új termékek és szolgáltatások kerülnek fókuszba. A történet nem lezárul, hanem továbbépül.
Az idővonal nem napló. Ne minden dátumot tegyél rá. Azokat a pontokat emeld ki, amelyek valóban megváltoztatták a történetet, a folyamatot vagy a következő lépést.
Második minta
Egy folyamat vagy projekt lépéseit is gyorsan érthetővé teheted, ha a sorrend maga is fontos.
Kevés, rövid és egyenrangú lépésnél a vízszintes elrendezés gyors áttekintést ad. Ez az Oszlopok stílus.
Célok, keretek és szükséges anyagok tisztázása.
A szerkezet, vizuális irány és fő döntések kialakítása.
A jóváhagyott irány alapján elkészül a működő verzió.
Ellenőrzés, finomhangolás és a következő lépések rögzítése.
A vízszintes elrendezésben a Stílus dönti el, hogyan nézzenek ki a lépések. Mindegyik maga számozza a lépéseket, ezért a csak sorszámot ismétlő jelölés (01, 02…) nem jelenik meg kétszer.
Számozott oszlopok egy vonal alatt. Ez az alapértelmezés, a legtöbb folyamathoz illik. Ilyen a fenti projektfolyamat.
Minden lépés egy kártya, nyilakkal összekötve. Szolgáltatási folyamathoz illik, amelyen az ügyfél végigmegy.
Számozott körök egy vonalon: a klasszikus idővonal.
Lépésenként egy sávszakasz, a nagy szám az időtartam (például „1–2 hét”). Akkor jó, ha számít, mi mennyi ideig tart.
Egy lakásfelújítás menete az ügyfél szemszögéből: minden lépés egy kártya, nyilakkal összekötve.
Kimegyünk, megnézzük a lakást, és meghallgatjuk, mit szeretnél.
Tételesen, határidővel és fizetési ütemezéssel.
Hetente fotókkal számolunk be, hol tartunk.
Közös bejárás, takarítás és garanciajegy.
Egy kitalált kerámiaműhely története, a klasszikus idővonal-formában.
Egy korong és egy kemence egy bérelt pincében.
Esti csoport hat résztvevővel.
A műhely mellé kis bolt is nyílik.
A tanfolyamokra már a weboldalon lehet helyet foglalni.
Mennyi ideig tart egy bögre a műhelyben. A nagy szám itt az időtartam.
A korongozott forma lassan, egyenletesen szárad ki.
Az első égetés után a darab szilárd, de még porózus.
A mázat rétegenként visszk fel, közben száradni hagyjuk.
A magasabb hőfokú égetés és a lassú hűlés.
A mérföldkövek tartalma mellett az elrendezés és a blokk sávja is szabályozható.
Függőleges elrendezés hosszabb magyarázatokhoz, vízszintes néhány rövid, egyenrangú lépéshez (Oszlopok, Kártyák, Körök vagy Sáv stílusban). A Kanyargó vonal görgetésre kirajzolódó vonallal köti össze a lépéseket, a Cikcakk pedig kerek ikonokkal és szaggatott vonallal vezet végig egy folyamaton.
3–5 pont a legáttekinthetőbb; mindegyik saját címet és formázható leírást kap.
Minden ponthoz évszámot, dátumot vagy időtartamot írhatsz. A vízszintes stílusok maguk számozzák a lépéseket, a Sáv stílusnál pedig ez a mező lesz a nagy szám.
Minden lépés kaphat saját linket és link szöveget. A Lépések linkje beállítás dönti el, hogy szöveges link vagy kis gomb legyen.
Cikcakk elrendezésben két ikont adhatsz meg, a lépések felváltva kapják őket. Egy lépésnek saját ikont is választhatsz; ikon nélkül a lépés sorszáma látszik.
A Vonal kirajzolása görgetéskor kapcsoló, valamint a Mozgás csoport Belépés és Sorban beállítása együtt adja a lépésenkénti megjelenést.
Az idővonal fölé saját címet és rövid bevezető alcímet tehetsz.
Az idővonal az oldal hátterén, egyéni színű vagy inverz sávban is megjelenhet, a Tartalom szélessége pedig Olvasható, Széles vagy Teljes lehet.
A Térköz alatta és a Sáv belső tere a ritmust állítja, a Horgony azonosítóval pedig menüből is ide ugorhatsz.
A harmadik elrendezés a lépéseket egy görgetés közben kirajzolódó vonallal köti össze.
Görgetés közben a lépéseket összekötő vonal fokozatosan kirajzolódik, és minden lépés akkor kel életre, amikor a vonal eléri a pontját.
Széles képernyőn a lépések felváltva jobbra és balra kerülnek. Keskeny képernyőn egy oszlopba rendeződnek, a vonal pedig a bal szélen fut.
Ha a látogató az eszközén kevesebb mozgást kért, minden lépés azonnal látszik, a vonal pedig eleve teljesen ki van rajzolva.
A szerkesztő vásznán a lépések sorrendben látszanak, a váltakozó elrendezést a kész oldalon látod.
Egy kerámiabögre útja a műhelyben, a nyers agyagtól a polcig.
Az agyagot átgyúrjuk, hogy ne maradjon benne légbuborék.
A korongon formát kap a bögre teste, majd lassan szárad.
Az első égetés után a darab már szilárd, de még porózus.
A máz a második, magasabb hőfokú égetésben olvad üvegessé.
Ellenőrzés és csiszolás után a bögre a vásárlóhoz kerül.
A negyedik elrendezés folyamatokhoz készült: a lépéseken kerek ikonok és egy szaggatott vonal vezetik végig a látogatót.
A körökbe két ikont tölthetsz fel, a lépések felváltva kapják őket. Egy lépésnek saját ikont is adhatsz; ikon nélkül a lépés sorszáma áll a körben, ahogy a lenti mintában.
A köröket derékszögben forduló szaggatott vonal köti össze, amely görgetés közben kiemelő színnel telhet meg.
Minden lépés végére tehetsz linket, szöveges linkként vagy kis gombként. Ez a többi elrendezésben is működik.
Telefonon a lépések egy oszlopba, egymás alá rendeződnek.
Egy tanácsadás menete az ügyfél szemszögéből. Az első két lépés linkje a kapcsolódó blokk leírásához visz.
Az ügyfél a weboldalon választ magának szabad időpontot, telefonálgatás nélkül.
Néhány kérdés előre, hogy a találkozón már a lényegről lehessen beszélni.
Személyesen vagy online átbeszélitek a helyzetet és a lehetőségeket.
Az ügyfél írásban megkapja a javaslatokat és a következő lépéseket.
A mozgás a sorrendet erősíti: a látogató szeme a lépésekkel együtt halad. A fenti függőleges és cikcakk minta is így működik.
Függőleges és Cikcakk elrendezésben bekapcsolható a Vonal kirajzolása görgetéskor: a vonal kiemelő színnel telik meg, ahogy a látogató lefelé görget. A Kanyargó vonal elrendezés vonala magától rajzolódik ki.
A Mozgás csoportban a Belépés (Áttűnés, Áttűnés fel vagy Oldalról) a Sorban kapcsolóval a lépéseket egymás után hozza be. Cikcakknál az Oldalról belépés mindig a lépés saját oldaláról érkezik.
Ha a látogató az eszközén kevesebb mozgást kért, a lépések azonnal látszanak, a vonal pedig eleve teljesen ki van rajzolva.
Az idővonal csak akkor ad hozzá, ha a kronológia vagy a sorrend tényleg fontos.
Ha van sorrend, de nem konkrét időpontok vagy mérföldkövek adják a történet gerincét.
Ha egy fix vizuál mellett szeretnél lépésről lépésre végigvezetni egy hosszabb történetet.
Ha az elemek egyenrangúak, és a sorrendjük valójában nem változtat a jelentésen.
Mutasd meg az utat
Válassz függőleges, vízszintes (négy stílusban), kanyargó vonal vagy cikcakk elrendezést, és csak azokat a mérföldköveket tartsd meg, amelyek tényleg viszik előre a történetet.