Megosztás a következőn keresztül:


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.

Képernyőkép, amelyen egy buborék látható, amely azt jelzi, hogy a Caps Lock be van kapcsolva.

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:ballon képernyőképe: sikertelen bejelentkezés

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.
Helytelen karaktert jelző buborékot ábrázoló képernyőkép.
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.
Képernyőkép, amelyen a Caps Lock be van kapcsolva, és helytelen karaktert ad meg.
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:képernyőfelvétel két buborékról, amely egy dobozra mutat,

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:vezérlő alatt megjelenő ballon képernyőképe

Helytelen:vezérlő 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:

képernyőfelvétel egy buborékról, amely azt jelzi, hogy a sapkák zárolása

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.

képernyőfelvétel egy buborékról, amely a pin-kód korlátait jelzi

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.

helytelen bemeneti 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.

képernyőfelvétel egy buborékról, amely a karakterkorlátokat jelzi

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é.

buborék képe címmel és szövegtörzsgel

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.