A jó szám egy pillanat alatt elmond valami fontosat. A Számok blokk néhány kiemelt értéket tesz könnyen átfuthatóvá. Akkor működik igazán jól, ha a szám önmagában is érdekes, a címke pedig rögtön elmondja, mire vonatkozik.
Használhatod eredményekhez, tapasztalathoz, kapacitáshoz vagy akár olyan feltételekhez is, amelyek fontosak a döntéshez.
Demóadatok a blokk működésének bemutatására — éles oldalon mindig valódi, ellenőrizhető számokat használj.
12+
év tapasztalat
Röviden mutatja a szakmai múltat.
480+
lezárt projekt
A ténylegesen teljesített munkák száma.
9
ország
Azok a piacok, ahol a csapat valóban dolgozott.
24h
átlagos válaszidő
Csak akkor használd, ha mérhető és rendszeresen frissíted.
A szám mellé mindig kell jelentés. A „480+” önmagában kevés; a „480+ lezárt projekt” már érthető. Ha az adat könnyen félreérthető, adj hozzá rövid magyarázatot is.
A számláló animáció opcionális. Ami nem egyetlen szám (például 24/7, 2020–2024 vagy 4,9/5), azt a blokk pontosan úgy mutatja, ahogy beírtad, és nem számolja fel. A mértékegységes szám (például 120 m2) viszont továbbra is felpörög, az elő- és utótag (például „+” vagy „ óra”) pedig változatlan marad.
Nem a minél nagyobb szám a cél, hanem hogy gyorsan érthető és hihető legyen.
Egy pontos érték többet mond, mint az, hogy „sok”, „gyors” vagy „rengeteg”.
A címke azonnal tegye világossá, mire vonatkozik a szám.
Az idővel változó adatokat frissítsd, különben gyorsan elvesztik a hitelüket.
Legyen mögötte valós mérés, nyilvántartás vagy más egyértelmű forrás.
A szám, a magyarázat és a vizuális kapaszkodó külön-külön finomhangolható.
Minden mutató külön értéket, rövid címkét és opcionális magyarázatot kap.
Egy mutatóhoz ikon vagy kép is adható; a kép mérete (kicsi, közepes, teljes szélesség) és aránya a blokkon állítható, és saját ALT szöveget kap. Ha mindkettő meg van adva, a kép jelenik meg.
Be- és kikapcsolható. A szám részt animálja, az elő- és utótagot (például „+” vagy „ óra”) változatlanul hagyja. A nem egyetlen számot jelentő érték (24/7, 2020–2024) úgy jelenik meg, ahogy beírtad.
Az oszlopszám az elemszámhoz igazodik; 3–4 rövid mutató általában könnyen áttekinthető.
A blokk saját főcímet és rövid magyarázó alcímet is kaphat.
A háttér, a szélesség és a térköz a környező oldalhoz igazítható.
Ugyanazok a számok tízféleképpen jelenhetnek meg. Lent mindegyikre van egy minta. Az elrendezés saját beállításai a blokkon maradnak, ha elrendezést váltasz.
A számok úgy jelennek meg, ahogy beírtad őket. Ha a számláló animáció be van kapcsolva, egyszer felszámolnak. Telefonon a nagybetűs feliratok kisebbek, így nem törnek sok sorba.
Minden számjegy a helyére pörög, amikor a blokk a képbe ér, és újra, valahányszor visszatér. Díszes címbetűvel is csak a helyén álló számjegy látszik az ablakban, a szomszédja nem lóg be.
Minden szám egy gyűrűt tölt meg, annál jobban, minél közelebb van a teli gyűrű értékéhez. A számhoz tapadó mértékegység (például „350+”) a szám sorában marad.
Nem kötelező. Üresen a %-os szám 100-ból számít; minden más számnak nincs egésze, így a Gyűrűk elrendezésben kitöltött korongban jelenik meg, a Kártyák és a Sávdiagram elrendezésben pedig nem kap sávot.
Nagy számok, a mértékegység kiemelőszínnel, vékony elválasztókkal. Világos és sötét sávon is olvasható.
Minden szám külön kártyán az ikonjával. A %-os vagy teli értékkel megadott szám vékony sávot is kap.
A számok egy színes sávon, vékony elválasztókkal. Számok: Balra / Középre. A Sáv színe (kiemelőszín, sötét vagy egyéni) és a Sáv szövege a Színek csoportban választható.
Egy szám nagyon nagyban, a többi listában mellette. A Nagy szám listában választod ki, melyik legyen (alapból az első), és hogy balra vagy jobbra álljon; telefonon mindig felül van.
Minden szám egy sávot tölt meg az arányáig: a %-os szám 100-ból, a többi a Teli gyűrű ennél értékéből. Egész nélküli szám nem kap sávot. Sávok: Vékony / Vastag.
Az első szám nagyban a képén, a többi csempékként mellette. Csempék: Színezett / Keretes. Az első adatnak adj képet; kép nélkül kiemelőszínű lapon áll.
Minden szám a saját képén. Kép formája: Álló / Négyzet. Az Ikon vagy kép csoportban adj képet minden számnak; kép nélkül az adat színezett kártyán jelenik meg.
Egy kerámia- és faipari műhely egy éve számokban. Demóadatok, éles oldalon mindig valódi számokat használj.
elkészült bögre
Korongozva, mázazva, kétszer égetve.
egyedi vágódeszka
Hazai dió- és bükkfából.
tanfolyami résztvevő
Hétvégi és esti csoportokban.
év a korong mellett
A műhely alapítása óta.
Egy kerámia- és faipari műhely arányai. Demóadatok, éles oldalon mindig valódi számokat használj.
visszatérő résztvevő
A százalékos érték 100-ból tölti meg a gyűrűt.
foglalt hely a szombati tanfolyamon
A teli gyűrű itt 24 helyet jelent.
újrahasznosított agyag
A levágott agyag nagy része visszakerül a korongra.
Sötét sávon. A 24/7 és a 4,9/5 úgy jelenik meg, ahogy beírtuk, a 120 m2 viszont felszámol. Demóadatok.
műhelyterület
4,9/5
átlagos értékelés a tanfolyamokra
24/7
online foglalás
Ugyanannak a műhelynek néhány adata ikonokkal. A %-os és a teli értékkel megadott szám sávot is kap, a többi nem. Demóadatok.
visszatérő résztvevő
A sáv 100-ból számol.
foglalt hely szombaton
A teli sáv itt 24 helyet jelent.
műhely a városban
Egész nélkül nem kap sávot.
Ugyanaz a műhely egy kiemelőszínű sávon, balra igazított számokkal. Demóadatok.
elkészült bögre
egyedi vágódeszka
tanfolyami résztvevő
év a korong mellett
A kiemelt szám itt nem az első, hanem a harmadik adat, balra. Demóadatok.
tanfolyami résztvevő
Hétvégi és esti csoportokban.
elkészült bögre
egyedi vágódeszka
év a korong mellett
A műhely arányai Vastag sávokkal. A %-os szám 100-ból, a 18 a megadott 24-ből számol, a 2-nek nincs egésze, így nem kap sávot. Demóadatok.
visszatérő résztvevő
foglalt hely a szombati tanfolyamon
újrahasznosított agyag
műhely a városban
Ugyanaz a szálláshely: az első adat nagyban a képén, a többi Színezett csempéken. Demóadatok.
szoba
Különböző méretű és elrendezésű szobák.
medence
Beltéri és kültéri lehetőségek.
a parttól
Rövid sétára a vízparttól.
8:00–10:30
reggeli
Mindennap a szállás éttermében.
Egy szálláshely, minden adat a saját képén, Álló képformával. Demóadatok.
szoba
Különböző méretű és elrendezésű szobák.
medence
Beltéri és kültéri lehetőségek.
a parttól
Rövid sétára a vízparttól.
Más típusú bizalmi elem jobb választás lehet attól függően, mit szeretnél alátámasztani.
Második minta
Garancia, szállítás, kapacitás vagy más fontos feltétel is gyorsan áttekinthetővé válhat, ha a szám valóban segíti a döntést.
Itt a számok nem eredményeket, hanem fontos információkat emelnek ki. A példa demonstrációs adatokat használ.
30
nap visszaküldés
A ténylegesen vállalt visszaküldési időszak.
2–4
munkanap szállítás
A szokásos kézbesítési idő.
3
fizetési mód
Az oldalon valóban elérhető fizetési lehetőségek.
12
hónap garancia
Az adott termékkörre ténylegesen érvényes garancia.
Az ikonok akkor segítenek, ha gyors vizuális kapaszkodót adnak a számokhoz.
28
fős csapat
A teljes, aktív csapat létszáma.
3
iroda
Azok a helyszínek, ahol a csapat rendszeresen dolgozik.
11
ország
Azok a piacok, ahol aktív ügyfélkapcsolat van.
24h
válaszidő
A ténylegesen vállalt átlagos reakcióidő.
A teljes szélességű képek hangulatot adnak a számok mellé, de a lényeg továbbra is az érték és a címke marad.
24
szoba
Különböző méretű és elrendezésű szobák.
3
medence
Beltéri és kültéri lehetőségek.
150 m
a parttól
Rövid sétára a vízparttól.
8:00–10:30
reggeli
Mindennap a szállás éttermében.
A számnak legyen oka
Válassz néhány valóban fontos adatot, adj hozzájuk tiszta címkét, és válaszd ki a tíz elrendezés közül azt, amelyik a legjobban mutatja őket.