Léggömbök
Jegyzet
Ez a tervezési útmutató a Windows 7-hez készült, és nem frissült a Windows újabb verzióihoz. Az útmutató nagy része továbbra is elvben érvényes, de a bemutató és a példák nem tükrözik jelenlegi tervezési útmutatónkat.
A buborék egy kis előugró ablak, amely tájékoztatja a felhasználókat egy nem kritikus problémáról vagy egy vezérlő különleges állapotáról.
Egy tipikus ballon.
A buborékok ikonnal, címmel és szövegtörzsekkel rendelkeznek, amelyek mindegyike nem kötelező. Az elemleírásoktól és az információs tippektől eltérően a buborékoknak is van egy olyan farkuk, amely azonosítja a forrásukat. Általában a forrás egy vezérlőelem, ha igen, akkor a tulajdonosi vezérlőneknevezik.
Bár a buborékok tájékoztatják a felhasználókat a nem kritikus problémákról, nem akadályozzák meg a problémákat, bár a tulajdonosi vezérlés lehetséges. A nem kezelt problémákat a tulajdonos felhasználói felületének (UI) kell kezelnie, amikor a felhasználók véglegesíteni próbálják a műveletet.
A buborékokat általában szövegdobozokkal vagy olyan vezérlőkkel használják, amelyek szövegmezőket használnak az értékek módosításához, például kombinált listákat, listanézeteket és fanézeteket. Más típusú vezérlők megfelelően korlátozottak, és nincs szükség a további visszajelzési ballonok megengedhetik maguknak. Továbbá, ha más típusú vezérlőkkel van probléma, az gyakran inkonzisztenciat jelent több vezérlő között olyan helyzetben, amelyre a ballonok nem alkalmasak. Csak a szövegbeviteli vezérlők nincsenek korlátozva, és egypontos hibák gyakori forrása.
Az értesítés egy adott típusú buborék, amelyet egy értesítési terület ikon jelenít meg.
megjegyzés:értesítésekre, elemleírásokra és információs tippekre, valamint hibaüzenetekre vonatkozó irányelvek külön cikkekben jelennek meg.
Ez a megfelelő vezérlő?
A döntéshez fontolja meg az alábbi kérdéseket:
- Az információk egy problémát vagy különleges feltételt írnak le? Ha nem, használjon másik vezérlőt. Ne használjon buborékokat a vezérlők kiegészítő információinak megjelenítéséhez; fontolja meg statikus szöveg,információs tippek, fokozatos közzétételihasználatát, vagy ehelyett kéri.
- A probléma vagy a speciális feltétel azonnal észlelhető bemeneten, vagy ha a tulajdonosvezérlő elveszíti a bemeneti fókuszt? Ha nem, használjon egy hibaüzenetet, amely egy feladat párbeszédpanelen jelenik meg, vagy üzenetmezőben.
- Problémák esetén kritikus a probléma? Ha igen, használjon egy hibaüzenetet, amely egy feladat párbeszédpanelen vagy üzenetmezőben jelenik meg. Az ilyen hibaüzenetek interakciót igényelnek (ami kritikus hibákra alkalmas), míg a buborékok nem.
- Különleges feltételek esetén a feltétel érvényes, de valószínűleg nem szándékos? Ha igen, a ballonok megfelelőek. A feltételek nem érvényesek, jobb, ha megakadályozzák őket az első helyen. A várható feltételekhez nincs szükség semmire.
- A probléma vagy a különleges állapot tömören kifejezhető? Ha nem, használjon másik vezérlőt. A buborékok nem tartalmazhatnak részletes magyarázatot, és nem adhatnak kiegészítő információkat.
- Az információk azt írják le, hogy a vezérlő jelenleg fölé van-e húzva? Ha igen, használjon inkább egy tippet, hacsak a felhasználóknak nem kell használniuk az üzenetet.
- A felhasználó aktuális tevékenységéhez kapcsolódó információk? Ha nem, érdemes inkább értesítési vagy párbeszédpanelt használni. A felhasználók valószínűleg figyelmen kívül hagyják az aktuális tevékenységen kívüli buborékokat, és alapértelmezés szerint a ballonok 10 másodperc után időtúllépést jeleznek.
- Az információk egyetlen, meghatározott forrásból származnak? Ha egy probléma vagy feltétel több forrásból vagy egyetlen forrásból sem áll fenn, használjon helyette egy helyben megjelenő üzenetet vagy párbeszédpanelt.
Helytelen:
Ebben a példában a probléma a felhasználónévvel vagy a jelszóval lehet, de a ballonos probléma jelentésével vizuálisan arra utal, hogy csak a jelszó a probléma. Következésképpen a helytelen felhasználónév megadásáról kapott visszajelzés félrevezető.
A buborékok az információs tippek, a párbeszédpanelek és a helyben megjelenő üzenetek alternatívái. Az elemleírásokkal és az információs tippekkel ellentétben:
- A buborékok az aktuális mutató helyétől függetlenül is megjeleníthetők, így a buborékok a forrásukat jelző farokkal rendelkeznek.
- A buborékok címe, szövegtörzse és ikonja van.
- A ballonok interaktívak lehetnek, míg a tippre nem lehet kattintani.
A modális párbeszédpanelekkel ellentétben:
- A buborékok nem lopják el a bemeneti fókuszt, és nem igényelnek interakciót.
- A buborékok egyetlen, adott forrást azonosítanak. A modális párbeszédpaneleken több forrás is lehet, vagy egyáltalán nincs konkrét forrás.
A helyben megjelenő üzenetekkel ellentétben:
- A ballonok észrevehetőbbek.
- A buborékok nem igényelnek szabad képernyőteret vagy a helyben megjelenő üzenetek megjelenítéséhez szükséges dinamikus elrendezést.
- A buborékok időtúllépés után automatikusan eltávolítják magukat.
használati minták
A buborékok használati mintái a következők:
Használat | Példa |
---|---|
Beviteli probléma Egy nem kritikus felhasználói beviteli probléma, amely egyetlen tulajdonosvezérlőből, általában egy szövegmezőből származik. |
A buborékok hibaüzenetekhez való használata nem lopja el a bemeneti fókuszt, mégis nagyon észrevehető, ha a tulajdonosvezérlő bemeneti fókuszt használ. a probléma megoldásához előfordulhat, hogy a felhasználónak módosítania vagy újra kell adnia a bemenetet; de ha a tulajdonosvezérlő figyelmen kívül hagyja a helytelen bemenetet, előfordulhat, hogy a felhasználónak egyáltalán nem kell módosításokat végeznie. mivel a probléma nem kritikus, nincs szükség hibaikonra. ![]() Nem kritikus felhasználói beviteli probléma jelentésére használt ballon. |
Speciális feltétel A tulajdonosvezérlő olyan állapotban van, amely hatással van a bemenetre. Ez az állapot valószínűleg nem szándékos, és előfordulhat, hogy a felhasználó nem veszi észre, hogy a bemenet érintett. |
buborékok használatával megelőzheti a frusztrációt, ha azonnal figyelmezteti a felhasználókat a speciális feltételekre (például a maximális bemeneti méret túllépése vagy a kupakok véletlenül zárolt beállítása). fontos, hogy az ilyen visszajelzéseket a bemeneti fókusz ellopása vagy az interakció kényszerítése nélkül adja meg, mert ezek a feltételek szándékosak lehetnek. ezek a buborékok különösen fontosak a jelszó és a pin-boxok esetében, ahol a felhasználók egyébként minimális visszajelzéssel dolgoznak. ezek a buborékok egy figyelmeztető ikonnal. ![]() Egy speciális feltétel jelentéséhez használt ballon. |
irányelvek
Mikor jelenjen meg
-
Jelenítse meg a ballont, amint észleli a problémát vagy a különleges állapotot, még akkor is, ha ismételten, észrevehető késleltetés nélkül.
- Az egyes karaktereket vagy a maximális bemeneti méretet érintő problémák esetén azonnal jelenítse meg a buborékot a bemeneten.
- A bemeneti értékkel kapcsolatos problémák esetén (beleértve a nem üres érték megadását is) jelenítse meg a ballont, amikor a tulajdonosvezérlő elveszíti a bemeneti fókuszt. Ellenkező esetben a buborékok megjelenítése, miközben a felhasználók potenciálisan érvényes bemenetet adnak meg, zavaró és bosszantó lehet.
- Egyszerre csak egy buborékot jeleníthet meg. Több ballon megjelenítése túlterhelt lehet. Ha egyetlen esemény több problémát is eredményez, vagy egyszerre jelenik meg az összes probléma, vagy csak a legfontosabb problémát jelenti.
Helytelen:
Ebben a példában két probléma helytelenül jelenik meg egyszerre.
Mennyi ideig jelenjen meg
-
Buborék eltávolítása a következő esetekben:
- A probléma megoldódott, vagy a speciális feltétel el lett távolítva.
- A felhasználó érvényes adatokat ad meg (bemeneti problémák esetén).
- A ballon túllépi az időkorlátot. Alapértelmezés szerint a buborékok 10 másodperc után eltávolítják magukat, bár a felhasználók ezt módosíthatják a SPI_MESSAGEDURATION rendszerparaméter módosításával.
- Távolítsa el az időtúllépést, ha a felhasználók nem folytathatják a problémát. Fejlesztők: Win32-ben beállíthatja a megjelenítési időt a TTM_SETDELAYTIME üzenettel.
megjelenítése
- Buborékok megjelenítése a tulajdonos vezérlője alatt. Ezzel lehetővé teszi a felhasználók számára a környezet megtekintését, beleértve a tulajdonosi vezérlőt és annak címkéjét. A Microsoft Windows automatikusan beállítja a ballonhelyzeteket, hogy teljesen a képernyőn legyenek. Az alapértelmezett viselkedés egy buborék megjelenítése a tulajdonos vezérlője fölött, az értesítésekhez hasonlóan.
Helyes:
Helytelen: felett megjelenített ballon képernyőképe
A helytelen példában a ballon kínosan jelenik meg a tulajdonosvezérlő felett.
Jelszó és PIN-kód szövegmezők
- Buborék használatával jelezheti, hogy a Caps Lockvan, a következő példában szereplő szöveg használatával:
Ebben a példában egy buborék azt jelzi, hogy a Caps Lock be van kapcsolva egy PIN-kód szövegmezőben.
- Buborék használatával jelezheti, hogy a felhasználók mikor próbálják meg túllépni a maximális bemeneti méretet. A maximális bemeneti méret elérése sokkal kevésbé nyilvánvaló a jelszó- és PIN-kódmezőkben, mint a hagyományos szövegdobozok.
Ebben a példában egy buborék azt jelzi, hogy a felhasználó megkísérli túllépni a maximális bemeneti méretet.
- Buborék használatával jelezheti, hogy a felhasználók mikor adnak meg helytelen karaktereket. Azonban jobb, ha nem rendelkeznek ilyen korlátozásokkal, mert csökkentik a jelszó vagy a PIN-kód biztonságát. Az információk felfedésének megakadályozása érdekében a buboréknak csak az érvényes jelszavakra vagy PIN-kódokra vonatkozó dokumentált tényeket kell megemlítenie.
jelző ballon képernyőképe
Ebben a példában egy buborék azt jelzi, hogy a PIN-kódhoz számokra van szükség.
Egyéb szövegmezők
- Fontolja meg egy ballon használatát annak jelzésére, hogy a felhasználók mikor próbálják meg túllépni a kezdő felhasználók számára szánt kritikus, rövid szövegdobozok maximális bemeneti méretét. Ilyenek például a felhasználónevek és a fióknevek. A szövegdobozok akkor hangjelzést adnak, ha a felhasználók megkísérlik túllépni a maximális bemenetet, de előfordulhat, hogy a kezdő felhasználók nem értik a hangjelzés jelentését.
Ebben a példában egy buborék azt jelzi, hogy a felhasználó megpróbálta túllépni a maximális bemeneti méretet.
interakciós
- Amikor a felhasználók egy ballonra kattintanak, egyszerűen zárja be a ballont anélkül, hogy bármilyen más felhasználói felületet jelenítenék meg, vagy bármilyen más mellékhatást tapasztalnak. Az értesítésektől eltérően a buborékoknak nem szabad bezáró gombokkal rendelkezniük.
ikonok
Válassza ki az ikont a használati minta alapján:
Minta Ikon Bemeneti probléma Nincs ikon. Ha nem használ hibaikont, itt az Windows-hang irányelvei összhangban állnak. Speciális feltétel A szabványos 16x16 képpontos figyelmeztető ikon.
kisegítő lehetőségek
Megfelelő használat esetén a buborékok javítják az akadálymentességet. A ballonok akadálymentesítése:
- Csak a felhasználó aktuális tevékenységéhez kapcsolódó buborékok megjelenítése.
- Tartsa tömören a buborék szövegét. Ezzel megkönnyíti a ballon szövegének olvasását a gyengén látó felhasználók számára, és minimalizálja a képernyőolvasók általi olvasás megszakítását.
- A ballon visszajátszása, amikor a probléma vagy a feltétel újra jelentkezik.
Szöveg
Címszöveg
- Használjon címszöveget, amely röviden összefoglalja a bemeneti problémát vagy a speciális feltételt világos, egyszerű, tömör, konkrét nyelven. A felhasználóknak gyorsan és minimális erőfeszítéssel meg kell tudniuk érteni a ballon célját.
- Szövegtöredékek vagy teljes mondatok használata írásjelek befejezése nélkül.
- Használjon mondatstílusú nagybetűs megjelenítést. További információ: szószedet.
- A honosításhoz legfeljebb 48 karaktert használjon (angol nyelven). A cím legfeljebb 63 karakter hosszúságú lehet, és a honosításhoz legalább 30%-kal kell tudnia kiterjeszteni.
szövegtörzs
- A szövegtörzs első mondatával a felhasználó számára egyértelműen releváns módon adja meg a problémát vagy a feltételt. Ne ismételje meg a címben szereplő információkat. Hagyja ki ezt, ha nincs több hozzáfűzendő.
- A második mondatban adja meg, hogy a felhasználó mit tehet a probléma megoldásához vagy az állapot visszaállításához. A Stílus és hang irányelveknek megfelelően nem szükséges a Please szót használni ebben az utasításban. Helyezzen két sortörést az első és a második mondat közé.
Ez a példa a szabványos buborékszöveg-elrendezést mutatja be.
-
Elmagyarázza, hogyan oldhatja meg a problémát, vagy visszaállíthatja az állapotot még akkor is, ha ez a magyarázat nyilvánvaló, de hagyja ki a redundanciát a problémakimutatás és a megoldás között.
kivételek:
- Hagyja ki az állásfoglalást, ha nem fejezhető ki tömören vagy jelentős redundancia nélkül.
- Hagyja ki a felbontást, ha a felhasználónak nincs teendője, például ha a helytelen karaktereket figyelmen kívül hagyja.
- Teljes mondatok használata írásjelekkel.
- Mondatstílusú nagybetűk használata.
- A honosításhoz legfeljebb 200 karaktert használjon (angol nyelven). A szövegtörzs legfeljebb 255 karakter hosszúságú lehet, és a honosításhoz legalább 30%-kal kell tudnia kibontani.
dokumentációs
Ballonokra való hivatkozáskor:
- Használja a cím pontos szövegét, beleértve a nagybetűsítést is.
- Tekintse meg az összetevőt buborékként, nem értesítésként vagy riasztásként.
- Ha lehetséges, formázza a címszöveget félkövér szöveg használatával. Ellenkező esetben a címet csak akkor tegye idézőjelek közé, ha az a félreértések elkerülése érdekében szükséges.