Nuta
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować się zalogować lub zmienić katalog.
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować zmienić katalogi.
Nuta
Ten przewodnik projektowania został utworzony dla systemu Windows 7 i nie został zaktualizowany dla nowszych wersji systemu Windows. Większość wskazówek nadal ma zastosowanie w zasadzie, ale prezentacja i przykłady nie odzwierciedlają naszych bieżących wskazówek dotyczących projektowania.
Balon to małe okno podręczne, które informuje użytkowników o niekrytycznym problemie lub specjalnym stanie w kontrolce.
Typowy balon.
Balony mają ikonę, tytuł i tekst treści, z których wszystkie są opcjonalne. W przeciwieństwie do etykietek narzędzi i etykietek informacji dymki mają również ogon, który identyfikuje ich źródło. Zwykle źródło jest kontrolką, jeśli tak, jest określane jako kontrola właściciela.
Podczas gdy balony informują użytkowników o niekrytycznych problemach, nie zapobiegają problemom, chociaż kontrola właściciela może. Wszelkie nieobsługiwane problemy muszą być obsługiwane przez interfejs użytkownika właściciela, gdy użytkownicy próbują zatwierdzić akcję.
Balony są zwykle używane z polami tekstowymi lub kontrolkami, które używają pól tekstowych do zmieniania wartości, takich jak pola kombi, widoki listy i widoki drzewa. Inne rodzaje kontrolek są wystarczająco dobrze ograniczone i nie potrzebują dodatkowych dymków opinii. Ponadto, jeśli występuje problem z innymi typami kontrolek, często wiąże się to z niespójnością między wieloma kontrolkami sytuacją, w której balony nie są odpowiednie. Tylko kontrolki wprowadzania tekstu nie są ograniczone i typowym źródłem błędów pojedynczych punktów.
Powiadomienie jest określonym typem dymka wyświetlanego przez obszarze powiadomień ikona.
Uwaga: wytyczne dotyczące powiadomień , etykietek narzędzi i etykietek informacji oraz komunikatów o błędach są prezentowane w oddzielnych artykułach.
Czy jest to właściwa kontrola?
Aby zdecydować, rozważ następujące pytania:
- Czy informacje opisują problem lub warunek specjalny? Jeśli nie, użyj innej kontrolki. Nie używaj dymków do wyświetlania dodatkowych informacji dotyczących kontrolki; rozważ użycie statycznego tekstu,etykietek informacji, postępowego ujawnianialub monitów.
- Czy problem lub warunek specjalny można wykryć natychmiast na danych wejściowych lub gdy kontrolka właściciela traci fokus wejściowy? Jeśli nie, użyj komunikatu o błędzie wyświetlanego w oknie dialogowym zadania lub okno komunikatu.
- W przypadku problemów problem ma kluczowe znaczenie? Jeśli tak, użyj komunikatu o błędzie wyświetlanego w oknie dialogowym lub oknie komunikatu zadania. Takie komunikaty o błędach wymagają interakcji (która jest odpowiednia dla błędów krytycznych), natomiast balony nie.
- Czy w przypadku warunków specjalnych warunek jest prawidłowy, ale prawdopodobnie nie jest niezamierzony? Jeśli tak, balony są odpowiednie. W przypadku warunków nieprawidłowych lepiej jest zapobiec im w pierwszej kolejności. W przypadku prawdopodobnie zamierzonych warunków nie ma potrzeby nic robić.
- Czy problem lub warunek specjalny można wyrazić zwięzłie? Jeśli nie, użyj innej kontrolki. Balony nie mogą zawierać szczegółowych wyjaśnień ani dostarczać dodatkowych informacji.
- Czy informacje opisują kontrolkę aktualnie najechaną kursorem? Jeśli tak, zamiast tego użyj porady, chyba że użytkownicy mogą potrzebować interakcji z komunikatem.
- Czy informacje są powiązane z bieżącą aktywnością użytkownika? Jeśli tak nie jest, rozważ użycie powiadomienia lub okna dialogowego . Użytkownicy mogą pomijać balony poza bieżącą aktywnością, a domyślnie limit czasu balonów po 10 sekundach.
- Czy informacje pochodzą z jednego, konkretnego źródła? Jeśli problem lub warunek ma wiele źródeł lub nie ma określonego źródła, zamiast tego użyj komunikatu w miejscu lub okna dialogowego.
niepoprawne: zrzut ekranu
W tym przykładzie problem może dotyczyć nazwy użytkownika lub hasła, ale raportowanie problemu z balonem wizualnie sugeruje, że problem dotyczy tylko hasła. W związku z tym opinie dotyczące wprowadzania nieprawidłowej nazwy użytkownika są mylące.
Balony są alternatywą dla etykietek informacji, okien dialogowych i komunikatów w miejscu. W przeciwieństwie do etykietek narzędzi i etykietek informacji:
- Balony mogą być wyświetlane niezależnie od bieżącej lokalizacji wskaźnika, więc mają ogon, który wskazuje ich źródło.
- Balony mają tytuł, tekst treści i ikonę.
- Balony mogą być interaktywne, podczas gdy nie można kliknąć porady.
W przeciwieństwie do modalnych okien dialogowych:
- Balony nie kradną fokusu danych wejściowych ani nie wymagają interakcji.
- Balony identyfikują pojedyncze, określone źródło. Modalne okna dialogowe mogą mieć wiele źródeł lub w ogóle nie ma określonego źródła.
W przeciwieństwie do komunikatów w miejscu:
- Balony są bardziej zauważalne.
- Balony nie wymagają dostępnego miejsca na ekranie ani dynamicznego układu wymaganego do wyświetlania komunikatów w miejscu.
- Balony usuwają się automatycznie po przekroczeniu limitu czasu.
wzorce użycia
Balony mają następujące wzorce użycia:
wytyczne dotyczące
Kiedy wyświetlić
-
wyświetlać dymek natychmiast po wykryciu problemu lub warunku specjalnego, nawet jeśli wielokrotnie, bez zauważalnego opóźnienia.
- W przypadku problemów z poszczególnymi znakami lub maksymalnym rozmiarem danych wejściowych wyświetl dymek natychmiast po wejściu.
- W przypadku problemów dotyczących wartości wejściowej (w tym wymagającej wartości innej niż pusta) wyświetl dymek, gdy kontrolka właściciela utraci fokus wejściowy. W przeciwnym razie wyświetlanie dymków podczas wprowadzania potencjalnie prawidłowych danych wejściowych może być rozpraszające i irytujące.
- Wyświetlać tylko jeden dymek naraz. Wyświetlanie wielu dymków może być przytłaczające. Jeśli pojedyncze zdarzenie powoduje wiele problemów, przedstawić wszystkie problemy jednocześnie lub zgłosić tylko najważniejszy problem.
niepoprawne:
W tym przykładzie dwa problemy są niepoprawnie prezentowane w tym samym czasie.
Jak długo wyświetlać
-
Usuń dymek, gdy:
- Problem został rozwiązany lub usunięto warunek specjalny.
- Użytkownik wprowadza prawidłowe dane (w przypadku problemów wejściowych).
- Limit czasu balonu. Domyślnie balony usuwają się po 10 sekundach, chociaż użytkownicy mogą to zmienić, modyfikując SPI_MESSAGEDURATION parametr systemowy.
- Usuń limit czasu, jeśli użytkownicy nie będą mogli kontynuować, dopóki problem nie zostanie rozwiązany. Deweloperzy: w systemie Win32 możesz ustawić czas wyświetlania z komunikatem TTM_SETDELAYTIME.
Jak wyświetlić
- Wyświetl dymki poniżej kontrolki właściciela. Dzięki temu użytkownicy mogą wyświetlać kontekst, w tym kontrolkę właściciela i jej etykietę. System Microsoft Windows automatycznie dostosowuje pozycje dymków, aby były całkowicie na ekranie. Domyślne zachowanie polega na wyświetlaniu dymka powyżej kontrolki właściciela, tak jak w przypadku powiadomień.
poprawna:
niepoprawne:
W niepoprawnym przykładzie balon jest niezręcznie wyświetlany nad kontrolką właściciela.
pola tekstowe Hasło i numer PIN
- Użyj dymka, aby wskazać, że blokada caps jest włączona, używając tekstu w poniższym przykładzie:
W tym przykładzie balon wskazuje, że blokada Caps jest włączona w polu tekstowym numeru PIN.
- Użyj dymka, aby wskazać, kiedy użytkownicy próbują przekroczyć maksymalny rozmiar danych wejściowych. Osiągnięcie maksymalnego rozmiaru danych wejściowych jest znacznie mniej oczywiste w polach tekstowych haseł i numerów PIN niż zwykłe pola tekstowe.
W tym przykładzie balon wskazuje, że użytkownik próbuje przekroczyć maksymalny rozmiar danych wejściowych.
- Użyj dymka, aby wskazać, kiedy użytkownicy wejdą niepoprawne znaki. Jednak lepiej nie mieć takich ograniczeń, ponieważ zmniejszają one bezpieczeństwo hasła lub numeru PIN. Aby zapobiec ujawnieniu informacji, balon powinien zawierać tylko udokumentowane fakty dotyczące prawidłowych haseł lub numerów PIN.
W tym przykładzie balon wskazuje, że numer PIN wymaga numerów.
inne pola tekstowe
- Rozważ użycie balonu, aby wskazać, kiedy użytkownicy próbują przekroczyć maksymalny rozmiar danych wejściowych dla krytycznych, krótkich pól tekstowych skierowanych do początkujących użytkowników. Przykłady obejmują nazwy użytkowników i nazwy kont. Pola tekstowe są sygnałem dźwiękowym, gdy użytkownicy próbują przekroczyć maksymalne dane wejściowe, ale nowicjuszy użytkownicy mogą nie zrozumieć znaczenia sygnału dźwiękowego.
W tym przykładzie balon wskazuje, że użytkownik próbował przekroczyć maksymalny rozmiar danych wejściowych.
interakcji
- Gdy użytkownicy klikną dymek, po prostu odrzuć balon bez wyświetlania żadnego innego interfejsu użytkownika lub jakichkolwiek innych efektów ubocznych. W przeciwieństwie do powiadomień dymki nie powinny mieć przycisków zamknięcia.
Ikony
Wybierz ikonę na podstawie wzorca użycia:
Deseń Ikona Problem z danymi wejściowymi Brak ikony. Nie używasz ikony błędu tutaj jest zgodna z wytycznymi windows. Warunek specjalny Standardowa ikona ostrzeżenia 16x16 pikseli.
ułatwień dostępu
W przypadku prawidłowego użycia balony zwiększają dostępność. Aby balony były dostępne:
- Wyświetlaj tylko dymki odnoszące się do bieżącego działania użytkownika.
- Zachowaj zwięzłość tekstu dymka. Dzięki temu tekst dymka jest łatwiejszy do odczytania dla użytkowników z niską wizją i minimalizuje przerwę podczas odczytywania przez czytniki zawartości ekranu.
- Redisplay balon za każdym razem, gdy problem lub warunek powtarza się.
tekstu
tekst tytułu
- Użyj tekstu tytułu, który krótko podsumowuje problem wejściowy lub specjalny warunek w jasnym, prostym, zwięzłym, określonym języku. Użytkownicy powinni mieć możliwość szybkiego zrozumienia przeznaczenia balonu i przy minimalnym nakładzie pracy.
- Użyj fragmentów tekstu lub kompletnych zdań bez kończenia interpunkcji.
- Użyj wielkich liter w stylu zdania. Aby uzyskać więcej informacji, zobacz słownik .
- Użyj nie więcej niż 48 znaków (w języku angielskim), aby uwzględnić lokalizację. Tytuł ma maksymalną długość 63 znaków i musi być w stanie rozszerzyć o co najmniej 30 procent, aby uwzględnić lokalizację.
tekst treści
- Użyj pierwszego zdania tekstu treści, aby stwierdzić problem lub warunek w sposób, który jest wyraźnie istotny dla użytkownika. Nie powtarzaj informacji w tytule. Pomiń to, jeśli nie ma jeszcze nic do dodania.
- Użyj drugiego zdania, aby określić, co użytkownik może zrobić, aby rozwiązać problem lub przywrócić stan. Zgodnie z wytycznymi Style and Tone nie ma potrzeby używania słowa Proszę w tej instrukcji. Umieść dwa podziały wierszy między pierwszymi i drugimi zdaniami.
W tym przykładzie pokazano standardowy układ tekstu dymka.
-
Wyjaśnij, jak rozwiązać problem lub przywrócić stan, nawet jeśli to wyjaśnienie jest oczywiste, ale pomija nadmiarowość między instrukcją problemu a jego rozwiązaniem. wyjątki :
- Pomiń rozwiązanie, jeśli nie można go wyrazić zwięzłie lub bez znaczącej nadmiarowości.
- Pomiń rozwiązanie, jeśli użytkownik nie ma nic do zrobienia, na przykład w przypadku ignorowania nieprawidłowych znaków.
- Użyj pełnych zdań z kończącymi znakami interpunkcyjnymi.
- Użyj wielkich liter w stylu zdania.
- Użyj nie więcej niż 200 znaków (w języku angielskim), aby uwzględnić lokalizację. Tekst treści ma maksymalną długość 255 znaków i musi mieć możliwość rozwinięcia o co najmniej 30 procent, aby uwzględnić lokalizację.
dokumentacji
Podczas odwoływania się do dymków:
- Użyj dokładnego tekstu tytułu, w tym jego wielkości liter.
- Odwołuje się do składnika jako balonu, a nie jako powiadomienia ani alertu.
- Jeśli to możliwe, sformatuj tekst tytułu przy użyciu pogrubionego tekstu. W przeciwnym razie umieść tytuł w cudzysłowie tylko wtedy, gdy jest to wymagane, aby zapobiec nieporozumieniu.