Udostępnij za pośrednictwem


Komunikaty ostrzegawcze

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.

Komunikat ostrzegawczy to modalne okno dialogowe, komunikat w miejscu, powiadomienie lub dymek, który ostrzega użytkownika o warunku, który może spowodować problem w przyszłości.

zrzut ekranu typowego komunikatu ostrzegawczego

Typowy modalny komunikat ostrzegawczy.

Podstawową cechą ostrzeżeń jest to, że wiążą się one z ryzykiem utraty co najmniej jednego z następujących elementów:

  • Cenny zasób, taki jak ważne dane finansowe lub inne.
  • Dostęp do systemu lub integralność.
  • Prywatność lub kontrola nad poufnymi informacjami.
  • Czas użytkownika (na przykład 30 sekund lub więcej).

Z kolei potwierdzenie to modalne okno dialogowe z pytaniem, czy użytkownik chce kontynuować akcję. Niektóre typy ostrzeżeń są prezentowane jako potwierdzenia, a jeśli tak, mają zastosowanie również wytyczne dotyczące potwierdzenia.

Uwaga: wytyczne dotyczące okien dialogowych , potwierdzenia, komunikaty o błędach standardowych ikon, powiadomienia i układ są prezentowane w oddzielnych artykułach.

Czy jest to właściwy interfejs użytkownika?

Aby zdecydować, rozważ następujące pytania:

  • Czy użytkownik jest powiadamiany o warunku, który może spowodować problem w przyszłości? Jeśli nie, komunikat nie jest ostrzeżeniem.
  • Czy interfejs użytkownika przedstawia błąd lub problem, który już wystąpił? Jeśli tak, użyj zamiast tego komunikatu o błędzie.
  • Czy użytkownicy mogą wykonać akcję lub zmienić swoje zachowanie w wyniku komunikatu? Jeśli tak nie jest, warunek nie uzasadnia przerwania użytkownika, więc lepiej jest pominąć ostrzeżenie.
  • Czy warunek jest bezpośrednim wynikiem akcji zainicjowanej przez użytkownika? Jeśli nie, rozważ użycie powiadomień o zdarzeniach innych niż krytyczne.
  • Czy warunek jest warunkiem specjalnym w kontrolce? Jeśli tak, zamiast tego użyj balonu.
  • Czy w przypadku potwierdzenia użytkownik ma wykonać ryzykowną akcję? Jeśli tak, ostrzeżenie jest odpowiednie, jeśli działanie ma znaczące konsekwencje lub nie można go łatwo cofnąć.
  • Czy w przypadku innych typów ostrzeżeń użytkownik musi działać teraz, czy w najbliższej przyszłości? Nie wyświetlaj ostrzeżeń, jeśli użytkownicy mogą nadal pracować wydajnie bez natychmiastowych problemów. Odrocz ostrzeżenie, dopóki warunek nie będzie bardziej natychmiastowy i odpowiedni.

Pojęcia dotyczące projektowania

Unikaj nadmiernego warowania

Overwarn w programach systemu Microsoft Windows. Typowy program systemu Windows ma ostrzeżenia pozornie wszędzie, ostrzegając o rzeczach, które mają niewielkie znaczenie. W niektórych programach prawie każde pytanie jest prezentowane jako ostrzeżenie. Overwarning sprawia, że korzystanie z programu czuje się jak niebezpieczna aktywność i zniechęca do naprawdę znaczących problemów.

niepoprawne:

zrzut ekranu przedstawiający niepotrzebny komunikat ostrzegawczy

Overwarning sprawia, że twój program czuje się niebezpieczny i wygląda na to, że został zaprojektowany przez prawników.

Sam potencjał utraty danych lub problemu w przyszłości jest niewystarczający do wywołania ostrzeżenia. Ponadto wszelkie niepożądane wyniki powinny być nieoczekiwane lub niezamierzone i nie można łatwo je poprawić. W przeciwnym razie po prostu każdy błąd użytkownika może być interpretowany w celu spowodowania utraty danych lub potencjalnego problemu pewnego rodzaju i zasługij na ostrzeżenie.

Cechy dobrych ostrzeżeń

Dobre ostrzeżenia:

  • Zaangażuj ryzyko. Dobre ostrzeżenia ostrzegają użytkowników o czymś znaczącym.

niepoprawne:

zrzut ekranu przedstawiający ostrzeżenie

Więc co? To potwierdzenie zakłada, że użytkownicy często opuszczają programy przypadkowo.

  • Mają natychmiastowe znaczenie. Nie tylko użytkownicy muszą się tym przejmować, muszą się teraz opiekować. Użytkownicy zazwyczaj nie są zainteresowani problemami, które mogą mieć później, o ile mogą wykonywać swoją pracę teraz.

niepoprawne:

zrzut ekranu przedstawiający ostrzeżenie o niskim poziomie baterii w ciągu trzech godzin

W takim przypadku lepiej jest ostrzec użytkownika w ciągu trzech godzin.

  • Prowadzić do działania. Istnieje coś, co użytkownicy muszą zrobić lub być świadomi w wyniku ostrzeżenia. Być może muszą podjąć działania teraz lub czasami w najbliższej przyszłości. Być może będą wykonywać zadanie inaczej w wyniku. Konsekwencją ignorowania ostrzeżenia powinno być jasne. Ostrzeżenia bez akcji sprawiają, że użytkownicy czują się paranoicznie.

niepoprawne:

zrzut ekranu przedstawiający ostrzeżenie

Dlaczego to powiadomienie jest ostrzeżeniem? Co użytkownicy powinni zrobić (obok obaw)?

  • Nie są oczywiste. Nie wyświetlaj ostrzeżenia, aby stwierdzić oczywistą konsekwencję akcji. Załóżmy na przykład, że użytkownicy rozumieją konsekwencje braku wykonania zadania.

niepoprawne:

zrzut ekranu przedstawiający, czy chcesz zakończyć pracę kreatora? ostrzeżenie

Anulowanie niekompletnego kreatora oznacza, że zadanie nie zostanie wykonane... kto wiedział?

  • Występują rzadko. Ciągłe ostrzeżenia szybko stają się nieskuteczne i irytujące. Użytkownicy często stają się bardziej skoncentrowani na pozbyciu się ostrzeżenia niż rozwiązanie problemu.

niepoprawne:

zrzut ekranu przedstawiający ostrzeżenie

Użytkownicy są bardziej skłonni skupić się na pozbyciu się ostrzeżenia niż naprawieniu podstawowego problemu.

Komunikat, który nie ma tych cech, może nadal być dobrym komunikatem, po prostu nie dobrym ostrzeżeniem.

Określanie odpowiedniego typu komunikatu

Niektóre problemy można przedstawić jako błąd, ostrzeżenie lub informacje, w zależności od nacisku i fraz. Załóżmy na przykład, że strona sieci Web nie może załadować niepodpisanej kontrolki ActiveX na podstawie bieżącej konfiguracji programu Windows Internet Explorer:

  • Błąd. "Ta strona nie może załadować niepodpisanej kontrolki ActiveX". (Fraza jako istniejący problem).
  • Ostrzeżenie. "Ta strona może nie zachowywać się zgodnie z oczekiwaniami, ponieważ program Windows Internet Explorer nie jest skonfigurowany do ładowania niepodpisanych kontrolek ActiveX" lub "Zezwól tej stronie na zainstalowanie niepodpisanej kontrolki ActiveX? W ten sposób z niezaufanych źródeł może zaszkodzić komputerowi". (Obie frazy jako warunki, które mogą powodować przyszłe problemy).
  • Informacja. "Skonfigurowano program Windows Internet Explorer do blokowania niepodpisanych kontrolek ActiveX". (Fraza jako oświadczenie faktów).

Aby określić odpowiedni typ komunikatu, należy skoncentrować się na najważniejszym aspekcie problemu, na który użytkownicy muszą wiedzieć lub podejmować działania. Zazwyczaj jeśli problem uniemożliwia użytkownikowi kontynuowanie, należy go przedstawić jako błąd; jeśli użytkownik może kontynuować, przedstawić go jako ostrzeżenie. Utwórz instrukcję główną lub inny odpowiedni tekst na podstawie tego fokusu, a następnie wybierz ikonę (standardową lub w inny sposób), która pasuje do tekstu. Tekst i ikony instrukcji głównej powinny być zawsze zgodne.

Być specyficzne

Ostrzeżenia są bardziej atrakcyjne, gdy następujące informacje są specyficzne i jasne:

  • Źródło ostrzeżenia.
  • Konkretny warunek i potencjalny problem.
  • Co użytkownik powinien z tym zrobić.
  • Co się stanie, jeśli użytkownik nic nie zrobi.

niepoprawne:

zrzut ekranu przedstawiający niejasne ostrzeżenie o znacznym ryzyku

W tym przykładzie jaki jest potencjalny problem? Co użytkownik ma zrobić, oprócz braku korzystania z projektora przez sieć? Bez bardziej szczegółowych informacji, wszyscy użytkownicy mogą czuć się źle na temat kontynuowania.

poprawna:

zrzut ekranu przedstawiający ostrzeżenie o problemach i konsekwencjach

W tym przykładzie problem i konsekwencje są jasne.

Czasami istnieje uzasadniony potencjalny problem godny informowania użytkowników, ale rozwiązanie i konsekwencje nie są znane na pewno. Zamiast udzielać niejasnego ostrzeżenia, należy podać najbardziej prawdopodobne informacje lub najbardziej typowe przykłady.

poprawna:

zrzut ekranu przedstawiający ostrzeżenie o błędzie sieci i rozwiązania

W tym przykładzie ostrzeżenie jest specyficzne, dostarczając najbardziej prawdopodobne rozwiązanie.

Jednak w takich przypadkach należy użyć sformułowania wskazującego, że istnieją inne możliwości. W przeciwnym razie użytkownicy mogą być wprowadzani w błąd.

niepoprawne:

zrzut ekranu przedstawiający zrzut ekranu przedstawiający odłączonego sieciowego

poprawna:

zrzut ekranu może zostać odłączony

W niepoprawnym przykładzie użytkownicy będą mylić, jeśli jest wyraźnie podłączony.

Jeśli robisz tylko dwie rzeczy...

  1. Nie przesadz. Ogranicz ostrzeżenia do warunków, które wiążą się z ryzykiem i są natychmiast istotne, możliwe do działania, nie oczywiste i rzadko. W przeciwnym razie usuń lub przesuń wiadomość.

  2. Podaj konkretne, przydatne informacje.

Wzorce użycia

Ostrzeżenia mają kilka wzorców użycia:

Etykieta Wartość
Awareness
Uświadom użytkownika o stanie lub potencjalnym problemie, ale użytkownik może nie mieć teraz nic wspólnego.
zrzut ekranu przedstawiający ostrzeżenia o problemach z siecią
zrzut ekranu z ostrzeżeniem o niskiej baterii
zrzut ekranu przedstawiający ostrzeżenie
zrzut ekranu przedstawiający ostrzeżenie
Przykłady ostrzeżeń dotyczących świadomości.
Ostrzeżenia dotyczące rozpoznawania mają następującą prezentację:
  • Główna instrukcja: Opisz warunek lub potencjalny problem.
  • instrukcji uzupełniającej: Wyjaśnij implikację i dlaczego jest to ważne.
  • przyciski Zatwierdź: Zamknij.
zapobiegania błędom
Uświadom użytkownika o informacjach, które mogą zapobiec problemowi, zwłaszcza w przypadku dokonywania wyborów.
Ostrzeżenia dotyczące zapobiegania błędom najlepiej przedstawiać przy użyciu ikony ostrzeżenia w miejscu i tekstu objaśnienia.
zrzut ekranu przedstawiający ostrzeżenie o braku wystarczającej ilości wolnego miejsca
zrzut ekranu przedstawiający ostrzeżenie Use-installation-CD
Przykłady ostrzeżeń dotyczących zapobiegania błędom.
nieuchronny problem
Użytkownik musi zrobić coś teraz, aby zapobiec nieuchronnemu problemowi.
zrzut ekranu przedstawiający ostrzeżenia zamknij programy
Przykład nieuchronnego ostrzeżenia o problemie.
Ostrzeżenia o nieuchronnym problemie mają następującą prezentację:
  • Główna instrukcja: Opisz, co użytkownik musi teraz zrobić.
  • instrukcji uzupełniającej: Wyjaśnij warunek i dlaczego jest to ważne.
  • przycisków Zatwierdź: przycisk polecenia lub link polecenia dla każdej opcji lub OK, jeśli akcja występuje poza oknem dialogowym.
potwierdzenie ryzykownych akcji
Upewnij się, że użytkownik chce kontynuować akcję, która ma pewne ryzyko i nie można jej łatwo cofnąć.
zrzut ekranu przedstawiający ostrzeżenie o Formatting-will-erase-data
Przykład potwierdzenia ryzykownej akcji.
Potwierdzenia ryzykownych akcji mają następującą prezentację:
  • Instrukcje główne: Zadaj pytanie, aby określić, czy użytkownik chce kontynuować.
  • instrukcji uzupełniającej: Wyjaśnij wszelkie nieoczywiste powody, dla których użytkownik może nie chcieć kontynuować.
  • przyciski Zatwierdź: Tak, Nie.
Aby uzyskać wskazówki dotyczące tego wzorca, zobacz potwierdzenia.

Wytyczne

Prezentacja

  • Wybierz interfejs użytkownika prezentacji na podstawie typu informacji:
Interfejs użytkownika Najlepiej używać dla
Modalne okna dialogowe
Ostrzeżenia krytyczne (w tym potwierdzenia), na które użytkownicy muszą teraz reagować.
W miejscu
Informacje, które mogą zapobiec problemowi, zwłaszcza w przypadku dokonywania wyborów przez użytkowników.
Banery
Informacje, które mogą zapobiec problemowi, zwłaszcza w przypadku wykonywania zadania.
Powiadomienia
Istotne zdarzenia lub stan, które można bezpiecznie zignorować, przynajmniej tymczasowo.
Balony
Kontrolka jest w stanie, który wpływa na dane wejściowe. Ten stan jest prawdopodobnie niezamierzony, a użytkownik może nie mieć wpływu na dane wejściowe.
  • Dla modalnych okien dialogowych:
    • Używaj okien dialogowych zadań zawsze, gdy jest to odpowiednie, aby uzyskać spójny wygląd i układ. Okna dialogowe zadań wymagają systemu Windows Vista lub nowszego, więc nie są odpowiednie dla starszych wersji systemu Windows.
    • Wyświetl tylko jeden komunikat ostrzegawczy na warunek. Na przykład wyświetl pojedyncze ostrzeżenie, które całkowicie wyjaśnia warunek, zamiast opisywać go jeden szczegół w danym momencie na komunikat. Wyświetlanie sekwencji okien dialogowych ostrzeżeń dla jednego warunku jest mylące i irytujące.
    • Nie wyświetlaj ostrzeżenia więcej niż raz na warunek. Ciągłe ostrzeżenia szybko stają się nieskuteczne i irytujące. Użytkownicy często stają się bardziej skoncentrowani na pozbyciu się ostrzeżenia niż rozwiązanie problemu. Jeśli musisz wielokrotnie ostrzegać o pojedynczym warunku, użyj stopniowej eskalacji.
  • Nie dołączaj ostrzeżeń z efektem dźwiękowym lub sygnałem dźwiękowym. To jest jarring i niepotrzebne.
    • Wyjątek: Jeśli użytkownik musi natychmiast odpowiedzieć, możesz użyć efektu dźwiękowego.

Ikony

  • Nie umieszczaj ikony ostrzeżenia na pasku tytułu okna dialogowego.

  • Użyj ikony ostrzeżenia. Wyjątki:

    • Jeśli ostrzeżenie dotyczy funkcji z ikoną, możesz użyć ikony funkcji z nakładką ostrzegawczą.

      poprawna:

      zrzut ekranu przedstawiający ikonę blokady z nakładką ikony ostrzeżenia

      W tym przykładzie ikona funkcji ma nakładkę ostrzegawczą.

  • W przypadku modalnych okien dialogowych z przypisem ostrzegawczym umieść ikonę ostrzeżenia w przypisie zamiast obszaru zawartości.

    poprawna:

    zrzut ekranu przedstawiający ikonę ostrzeżenia w oknie dialogowym przypisu dolnego

    W tym przykładzie przypis dolny ma ikonę ostrzeżenia.

Aby uzyskać więcej wytycznych i przykładów, zobacz Standardowe ikony.

Nie pokazuj ponownie tej wiadomości

  • Jeśli to okno dialogowe ostrzeżenia wymaga tej opcji, ponownie rozważ ostrzeżenie i jego częstotliwość. Jeśli ma wszystkie cechy dobrego ostrzeżenia (wiąże się z ryzykiem i jest natychmiast istotne, możliwe do działania, nie oczywiste i rzadko), nie powinno to mieć sensu dla użytkowników, aby go pominąć.

Aby uzyskać więcej wytycznych, zobacz okna dialogowe.

Stopniowe ujawnianie

  • Jeśli musisz uwzględnić zaawansowane informacje w komunikacie ostrzegawczym, ujawnij je przy użyciu przycisków progresywnego ujawniania (na przykład "Pokaż szczegóły"). Upraszcza to ostrzeżenie dotyczące typowego użycia. Nie ukrywaj potrzebnych informacji, ponieważ użytkownicy mogą go nie znaleźć.
  • Nie używaj opcji "Pokaż szczegóły", chyba że naprawdę jest więcej szczegółów. Nie tylko przetwórz istniejące informacje w innym formacie.

Aby uzyskać wskazówki dotyczące etykietowania, zobacz Progressive Disclosure.

Wartości domyślne

  • Wybierz najbezpieczniejszą, najmniej destrukcyjną lub najbezpieczniejszą odpowiedź na wartość domyślną.

Tekst

Ogólne

  • Usuń nadmiarowy tekst. Poszukaj go w tytułach, instrukcjach głównych, instrukcjach uzupełniających, obszarach zawartości, linkach poleceń i przyciskach zatwierdzania. Ogólnie rzecz biorąc, pozostaw pełny tekst w instrukcjach i kontrolkach interaktywnych i usuń wszelkie nadmiarowość z innych miejsc.
  • Nie używaj terminów "ostrzeżenie" ani "ostrożność" w tekście. Gdy prawidłowo używane, ikona ostrzeżenia wystarczająco komunikuje się, że użytkownicy muszą zachować ostrożność.

niepoprawne:

zrzut ekranu przedstawiający niepotrzebne użycie ostrzeżenia w tekstowych

W tym przykładzie termin "ostrzeżenie" jest niepotrzebny.

Tytuły

  • Użyj tytułu, aby zidentyfikować polecenie lub funkcję, z której pochodzi ostrzeżenie. Wyjątki:
    • Jeśli ostrzeżenie jest wyświetlane przez wiele różnych poleceń, rozważ użycie nazwy programu.
    • Jeśli ten tytuł będzie nadmiarowy lub mylący z instrukcją główną, użyj nazwy programu.

niepoprawne:

zrzut ekranu przedstawiający tytuł okna dialogowego ostrzeżenia o zabezpieczeniach

W tym przykładzie "Ostrzeżenie o zabezpieczeniach" nie identyfikuje polecenia lub funkcji, z której pochodzi ostrzeżenie.

  • Nie używaj tytułu, aby wyjaśnić, co należy zrobić w oknie dialogowym jest to cel głównej instrukcji.
  • Użyj wielkich liter w stylu tytułu, bez kończenia interpunkcji.

Główne instrukcje

  • Główna instrukcja ostrzeżenia jest oparta na jego wzorcu projektowania:
Deseń Instrukcja główna
Świadomość
Opisz warunek lub potencjalny problem.
Nieuchronny problem
Opisz, co użytkownik musi teraz zrobić.
Potwierdzenie ryzykownych działań
Zadaj pytanie, aby określić, czy użytkownik chce kontynuować.
  • zrzut ekranu przedstawiający powiadomienie o niskiej baterii
  • W tym przykładzie powiadomienie o niskiej baterii jest ostrzeżeniem świadomości, więc główna instrukcja opisuje stan.
  • zrzut ekranu przedstawiający natychmiastowe ostrzeżenie baterii
  • W tym przykładzie niskie okno dialogowe baterii jest nieuchronnym problemem, więc główna instrukcja opisuje, co użytkownik musi teraz zrobić.
  • Używaj tylko jednego, kompletnego zdania. Usuń instrukcję główną w dół do podstawowych informacji. Jeśli musisz jeszcze coś wyjaśnić, użyj instrukcji uzupełniającej.
  • Użyj słów takich jak "now" i "natychmiast", jeśli użytkownik musi działać natychmiast. Nie używaj tych słów, jeśli nie ma pilności.
  • Być specyficznym, jeśli istnieją obiekty, podaj ich pełne nazwy.
  • Użyj wielkich liter w stylu zdania.

Instrukcje uzupełniające

  • Dodatkowa instrukcja ostrzeżenia jest oparta na jego wzorcu projektowym:
Deseń Instrukcja uzupełniająca
Świadomość
Wyjaśnij implikację i dlaczego jest to ważne.
Nieuchronny problem
Wyjaśnij warunek i dlaczego jest to ważne.
Potwierdzenie ryzykownych działań
Wyjaśnij wszelkie nieoczywiste powody, dla których użytkownik może nie chcieć kontynuować.
  • Nie powtarzaj głównej instrukcji z nieco innym sformułowaniem. Zamiast tego pomiń instrukcję uzupełniającą, jeśli nie ma więcej do dodania.
  • Używaj pełnych zdań, wielkich liter zdań i kończenia interpunkcji.

Przyciski zatwierdź

  • W przypadku okien dialogowych ostrzeżenia przyciski zatwierdzania są oparte na wzorcu projektowym:
Deseń Przyciski zatwierdź
Świadomość
Zamykać. Nie używaj przycisku OK, ponieważ sugeruje, że potencjalne problemy są ok.
Nieuchronny problem
Przycisk polecenia lub link polecenia dla każdej opcji lub OK, jeśli akcja występuje poza ok okno dialogowe.
Potwierdzenie ryzykownych działań
Tak, Nie.
  • niepoprawne:
  • zrzut ekranu przedstawiający okno dialogowe ostrzeżenia z przyciskiem OK
  • Problemy nie są ok, więc zamiast tego użyj polecenia Zamknij.

Dokumentacja

Podczas odwoływania się do ostrzeżeń:

  • Jeśli ostrzeżenie zadaje pytanie, zapoznaj się z ostrzeżeniem w swoim pytaniu; w przeciwnym razie użyj instrukcji głównej. Jeśli pytanie lub główna instrukcja jest długa lub szczegółowa, podsumuj je.
  • W razie potrzeby możesz odwołać się do okna dialogowego ostrzeżenia jako komunikatu.
  • Jeśli to możliwe, sformatuj tekst przy użyciu pogrubienia. W przeciwnym razie umieść tekst w cudzysłowie tylko wtedy, gdy jest to wymagane, aby zapobiec nieporozumieniu.

Przykład: w Czy chcesz wyświetlić niezabezpieczone elementy? komunikat, kliknij przycisk Tak.