Javaslat 05 – méhecske

Meglévőből: a 24 meglévő méhecske-képet használom (web/assets/brand/), újat nem rajzolok. A beeco méhecskét nem rajzoljuk újra (docs/meh-szerepek.md). A mérges méhecske továbbra is soha.

1. Szereposztás – melyik méhecske, mikor, milyen érzelemmel

atom: Bee · molekula: BeeMoment

Házigazda

Köszönt, bemutat. Barátságos.

belépés, első használat, üdvözlő kártya

Kalauz

Tippet ad, eligazít. Segítőkész.

súgó-buborék fejléce, „Hogyan olvasd?”, bevezető túra

Futár

Úton van, dolgozik. Lendületes.

hosszabb töltés (> 1 mp), feltöltés, import, export

Szurkoló

Örül veled. Lelkes.

sikeres mentés után a lap tetején, első kupon, első partner

Bajnok

Ünnepel. Büszke.

mérföldkő (100. partner), sorsolás nyertese – ritkán!

Pihenő

Még nincs itt semmi. Nyugodt.

üres lista, nincs teendő, lejárt munkamenet

Gondolkodó

Megakadtunk – kitaláljuk. Kíváncsi, nem szid.

nincs találat, hibás adat, sikertelen művelet

Hírvivő

Üzenetet hoz. Figyelmes.

értesítések, üzenet-előnézet, e-mail-küldés

Hálás

Megköszöni. Meleg.

jóváhagyás, visszajelzés beküldése, partner aktiválása

Kacsintó

Cinkos poén. Játékos.

visszavonás, apró meglepetés, 404-oldal

Mérges – SOHA

Nem szidunk senkit.

a DS-teszt tiltja a termékbőrben

Szomorú – csak a mi hibánk

Szerverhiba, leállás: „ez a mi hibánk”.

soha a felhasználó hibájára

A témás szerepes méhek (Beporzó, Élő kert, Körforgó, Polgármester…) az adott admin-szekció üres állapotában jelenhetnek meg, pl. Rajok → Beporzó.

2. Mennyi méhecske legyen a felületen?

szabály

A – „pillanatokban”

Javaslat

Csak ezekben: üres állapot, siker, hosszabb töltés, hiba, első használat, mérföldkő, 404.
Képernyőnként legfeljebb egy méhecske.
Munka közben (táblázat, űrlap) nincs méh – nem zavar.

B – „mindig jelen”

Élőbb, játékosabb.
Adminban hamar sok lesz: napi 100 mentésnél a taps zavaró, és helyet vesz el.

3. Mozgás – mi mozog, mennyi ideig

token + CSS + React

Meglévőből: a termékbőr időzítései (120 / 200 ms, ease-out), a játékok mozgás-készlete (ds-motion.css: drop, tick, rise, buzz) – termékre visszafogva.Szabály marad: UI-mozgás ≤ 300 ms; ünnepi pillanat legfeljebb 600 ms, egyszer; végtelen mozgás nincs (a töltő-méh 10 mp után megáll és kiírja, mi tart ennyi ideig); csökkentett mozgásnál minden azonnali.

Megjelenés + zümmögés

3 × 180 ms, amikor a méh megjelenik – aztán nyugton van.

Futár (töltés)

Csak 1 mp-nél hosszabb töltésnél; 10 mp után megáll: „Még dolgozunk rajta…”.

Szurkoló (siker)

400 ms rugózás, egyszer.

Lista beúszás

200 ms, soronként 30 ms késés, legfeljebb 6 sorig; szűrésnél nem.

Szám felpörgés

128

Statisztikánál, első megjelenéskor 600 ms; frissítésnél nem.

Mentve-pipa

A gomb: folyamatban → pipa (400 ms) → vissza.

Ha a rendszeredben be van kapcsolva a „csökkentett mozgás”, itt sem mozog semmi – ez a helyes.

Továbbiak (változat nélkül): oldalváltás (200 ms áttűnés + 8 px), ablak és oldalpanel (már megvan), törölt sor kicsúszása 200 ms + „Visszavonás”, húzott elem megemelkedik (árnyék 2 → 6 px), grafikon oszlopai egyszer felnőnek (400 ms).

4. Méhes szóviccek a szövegekben

szövegkészlet (DS-token)

A – „fűszer”

Javaslat

Csak a méhes pillanatokban (2A) – képernyőnként legfeljebb egy.
Mindig mellette a sima jelentés: „Bekaptároztuk – mentve.”
Soha: gombfeliratban, hibaüzenet teendő-részében, törlés-megerősítésben, jogi és adatkezelési szövegben, számok mellett.
Pillanatonként 3–5 változat, forgóban (ne legyen unalmas), a teszt fix változatot kér.

B – „bátran”

Gombokban és címekben is: „Bezümmögöm” (mentés), „Kirepítem” (törlés).
Mulatságos, de lassítja a megértést, és a törlésnél félreérthető – nem javaslom.

Pillanat	Méh	Szöveg (a szóvicc + a sima jelentés)
Mentés sikerült	Szurkoló	„Bekaptároztuk – mentve.” · „Zümm, megvan!” · „Mézbe mártva – elmentettük.”
Nagy siker, mérföldkő	Bajnok	„Ez igazi méhtett! 100 partner a rajban.”
Üres lista	Pihenő / szekció-méh	„Itt még nem zümmög semmi.” · „Még egy kupon se röppent ki.”
Nincs találat	Gondolkodó	„Zümm… erre nincs találat. Próbáld rövidebben, vagy ékezet nélkül!”
Hosszabb töltés	Futár	„Gyűjtjük a nektárt… (töltjük az adatokat)” · 10 mp után: „Még dolgozunk rajta – nagy a kaptár.”
Visszavonható törlés	Kacsintó	„Kirepült. Meggondoltad? Visszavonás”
Szerverhiba (a mi hibánk)	Szomorú	„Hoppá, elrepült a kapcsolat – ez a mi hibánk. Próbáld újra egy perc múlva.”
Lejárt munkamenet	Pihenő	„Elszundítottál? Lépj be újra – ott folytatod, ahol abbahagytad.”
Nincs hálózat	Gondolkodó	„Nincs térerő a kaptárban. Amint visszajön, mentjük.”
404	Kacsintó	„Ez az oldal kirepült. Irány a kezdőlap!”
Első belépés	Házigazda	„Üdv a kaptárban!” (a belépés gombja már most: „Belépés a kaptárba”)

A szövegek egy helyen, a DS-ben élnek (tokens/hangnem.json, magyarul; angolul csak kérésre), így az admin, a partner és a web ugyanazt mondja.

5. Mi kerül a DS-be (jóváhagyás után)

változat nélkül

Bee (atom): <Bee role="szurkolo" /> – szerep szerint a kép; alapból díszítő (alt="", a mondat mondja el), méretek; megjelenéskor zümmögés.
BeeMoment (molekula): méh + cím (szóvicc) + sima mondat + egy teendő – az üres, siker, töltés, hiba és 404 állapotok egységes kerete (a 02 EmptyState ezt használja).
Szövegkészlet: tokens/hangnem.json + say('mentve') – pillanatonként változatok, a szabályok gépi ellenőrzéssel.
Mozgás: bc-motion.css (beúszás, pipa, zümmögés, futár, felpörgés) + useCountUp, <Stagger>, a Button „mentve-pipa” állapota.
Ellenőrzés: a termékbőrben mérges méh nincs; szóvicc nincs hibában, gombban, törlés-megerősítésben; képernyőnként ≤ 1 méh és ≤ 1 szóvicc; végtelen mozgás nincs.
Csomagolás: a méhecske-képek bekerülnek az npm-csomagba (most csak a betűk vannak benne).

Döntés

Például: „05: 2A, 4A, szereposztás jó – jóváhagyva”, vagy írd meg, melyik méhecske kapjon más szerepet, és melyik szóvicc ne legyen (vagy milyen legyen még).