Udostępnij za pośrednictwem


Ikony standardowe

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.

Ikony standardowe to ikony błędów, ostrzeżeń, informacji i znaków zapytania, które są częścią systemu Windows.

zrzut ekranu przedstawiający cztery standardowe ikony

Standardowe ikony błędów, ostrzeżeń, informacji i znaku zapytania.

Standardowe ikony mają następujące znaczenie:

  • Ikona błędu. Interfejs użytkownika przedstawia błąd lub problem, który wystąpił.
  • Ikona ostrzeżenia. Interfejs użytkownika przedstawia warunek, który może spowodować problem w przyszłości.
  • Ikona informacji. Interfejs użytkownika przedstawia przydatne informacje.
  • Ikona znaku zapytania. Interfejs użytkownika wskazuje punkt wejścia Pomocy.

Standardowe ikony są godne uwagi, ponieważ są wbudowane w wiele interfejsów programowania aplikacji systemu Windows (API), takich jak okna dialogowe zadań , pola komunikatów, balony i powiadomienia . Są one również często używane w komunikatach w miejscu i paskach stanu .

Uwaga: wytyczne związane z ikonami są prezentowane w osobnym artykule.

Pojęcia dotyczące projektowania

Istnieje kilka czynników w wyborze odpowiedniej standardowej ikony, która w części wyjaśnia, dlaczego są one tak często używane niepoprawnie. Najczęstsze błędy to:

  • Używanie ikony ostrzeżenia w przypadku drobnych błędów. Ostrzeżenia nie są błędami "zmiękczone".
  • Użycie standardowej ikony, gdy lepiej użyć żadnej ikony. Nie każdy komunikat wymaga ikony.
  • Alarmując użytkowników, podając ostrzeżenia dotyczące drobnych problemów lub przedstawiając rutynowe pytania jako ostrzeżenia. To sprawia, że programy wydają się podatne na zagrożenia i zniechęcają do naprawdę znaczących problemów.

W pozostałej części tej sekcji wyjaśniono, jak myśleć o standardowych ikonach, aby uniknąć tych typowych błędów.

Typ komunikatu a ważność

Wybierz standardowe ikony oparte na typie komunikatu, a nie ważności problemu podstawowego. Typy komunikatów to:

  • Błąd. Wystąpił błąd lub problem.
  • Ostrzeżenie. Warunek, który może spowodować problem w przyszłości.
  • Informacja. Przydatne informacje.

W związku z tym komunikat o błędzie może spowodować wyświetlenie ikony błędu, ale nigdy nie będzie ikoną ostrzeżenia. Nie używaj ikon ostrzeżeń jako sposobu na "zmiękczanie" drobnych błędów. Dlatego pomimo różnicy w ważności", "Nieprawidłowy rozmiar czcionki" jest błędem, podczas gdy "Kontynuowanie tej operacji spowoduje uruchomienie domu" jest 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, jest wyświetlany jako błąd; jeśli użytkownik może kontynuować, jest to ostrzeżenie. Utwórz instrukcję główną lub inny odpowiedni tekst na podstawie tego fokusu, a następnie wybierz ikonę (standard lub w inny sposób), która pasuje do tekstu. Tekst i ikony instrukcji głównej powinny być zawsze zgodne.

Dotkliwość

Chociaż ważność nie jest brana pod uwagę podczas wybierania ikon błędów, ostrzeżeń i informacji, ważność jest czynnikiem określającym, czy w ogóle powinna być używana ikona standardowa.

Ikony działają najlepiej, gdy są używane do wizualnej komunikacji. (Należy pamiętać, że ze względów ułatwień dostępu ta komunikacja wizualna musi być zawsze nadmiarowa z innym formularzem, takim jak tekst lub dźwięk). Użytkownicy powinni mieć możliwość błyskawicznego informowania o charakterze informacji i konsekwencjach ich reakcji, dlatego musimy odróżnić błędy krytyczne i ostrzeżenia od zwykłych odpowiedników. Błędy krytyczne i ostrzeżenia mają następujące cechy:

  • Obejmują one potencjalną utratę co najmniej jednej z następujących czynności:
    • Cenny zasób, taki jak utrata danych lub strata finansowa.
    • Dostęp do systemu lub integralność.
    • Prywatność lub kontrola nad poufnymi informacjami.
    • Czas użytkownika (na przykład 30 sekund lub więcej).
  • Mają nieoczekiwane lub niezamierzone konsekwencje.
  • Wymagają one teraz poprawnej obsługi, ponieważ błędy nie mogą być łatwo naprawione, a nawet mogą być nieodwracalne.

Aby odróżnić błędy niekrytyczne i ostrzeżenia od krytycznych, komunikaty niekrytyczne są zwykle wyświetlane bez ikony. Dzięki temu zwraca uwagę na komunikaty krytyczne, sprawia, że komunikaty krytyczne i niekrytyczne są wizualnie odrębne i są zgodne z tonem systemu Windows.

Nie każdy komunikat wymaga ikony. Ikony nie są sposobem na dekorowanie wiadomości.

Poniżej przedstawiono dobry przykład krytycznego ostrzeżenia, ponieważ spełnia ona wcześniej zdefiniowane cechy.

zrzut ekranu ostrzeżenia w celu utworzenia kopii zapasowej danych

W tym przykładzie krytyczne ostrzeżenie ostrzega użytkowników o potencjalnej nieodwracalnej utracie danych.

Jednak następny przykład nie jest krytyczny, ponieważ prawdopodobnie będzie celowy, a jego wyniki można łatwo cofnąć.

niepoprawne:

zrzut ekranu przedstawiający mylące użycie ikony ostrzeżenia

W tym przykładzie to potwierdzenie nie jest krytyczne, ponieważ prawdopodobnie będzie celowe i łatwe do cofnięcia.

W typowym interfejsie użytkownika większość błędów odnosi się do błędów wejściowych użytkownika. Większość błędów wejściowych użytkownika nie jest krytyczna, ponieważ są one łatwo poprawiane, a użytkownicy muszą je poprawić przed kontynuowaniem. Ponadto zwrócenie zbyt dużej uwagi na drobne błędy użytkownika jest sprzeczne z tonem systemu Windows. W związku z tym drobne błędy wejściowe użytkownika są zwykle wyświetlane bez ikony błędu. Aby wzmocnić swój niekrytyczny charakter, nazywamy je problemami z danymi wejściowymi użytkownika.

zrzut ekranu informujący użytkowników o poprawnych danych wejściowych

W tym przykładzie ten niewielki problem z danymi wejściowymi użytkownika nie jest krytyczny, więc nie wymaga ikony w oknie dialogowym.

Unikaj nadmiernego warowania

Overwarn w programach systemu Windows. Typowy program systemu Windows ma ikony ostrzegawcze 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.

Sam potencjał utraty danych jest niewystarczający do wywołania ikony ostrzeżenia. Ponadto wszelkie niepożądane wyniki powinny być nieoczekiwane lub niezamierzone i nie są łatwo poprawiane. W przeciwnym razie jedynie wszelkie niepoprawnie odpowiedzi na pytanie mogą zostać zinterpretowane, aby spowodować utratę danych pewnego rodzaju i zasłużyć na ikonę ostrzeżenia.

Aby skoncentrować ikony ostrzeżeń na naprawdę krytycznych problemach:

  • Upewnij się, że problem gwarantuje zwiększonej uwagi użytkownika. rutynowe potwierdzenia i pytania nie powinny zawierać ikon ostrzeżeń.
  • Czy użytkownicy mogą zachowywać się inaczej w wyniku ikony ostrzeżenia? Czy użytkownicy mogą uważniej rozważyć decyzję?

niepoprawne:

zrzut ekranu przedstawiający ikonę ostrzeżenia użytą niepotrzebnie

W tym przykładzie użytkownicy mogą odpowiedzieć na to pytanie inaczej z powodu ikony ostrzeżenia?

  • Czy istnieje kilka znaczących działań do wykonania lub podjęcia decyzji? Ostrzeżenia bez akcji sprawiają, że użytkownicy czują się paranoicznie.

niepoprawne:

zrzut ekranu przedstawiający ikonę ostrzeżenia używaną z przypomnieniem

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

Kontekst

Kontekst jest również brany pod uwagę podczas używania standardowych ikon, ponieważ sam kontekst komunikuje informacje. Specyficznie:

  • Chociaż okna dialogowe (w tym okna dialogowe zadań i pola komunikatów) i powiadomienia nie wymagają ikon dla błędów niekrytycznych, błędy w miejscu zawsze potrzebują ikon błędów. W przeciwnym razie takie niemodalne opinie byłyby zbyt łatwe do przeoczenia.
  • Ostrzeżenia w miejscu zawsze wymagają ikon ostrzeżeń, aby odróżnić je od zwykłego tekstu.
  • Okna dialogowe, powiadomienia i dymki nie wymagają ikon informacji, ponieważ wyraźnie przedstawiają informacje. Natomiast banery wymagają informacji o pikselach 16x16 lub innych ikon, ponieważ takie niemodalne opinie byłyby zbyt łatwe do przeoczenia.

Ponieważ kontekst jest istotnym czynnikiem w użyciu ikon, standardowe wytyczne dotyczące ikon w tym artykule są podane pod względem ich kontekstu.

Ocenianie standardowej odpowiedniości ikon

Podczas oceniania tekstu interfejsu użytkownika należy również przeczytać wszystkie standardowe ikony. Przeczytaj ikony błędów jako "błąd!", ikony ostrzeżeń jako "ostrzeżenie, zachowaj ostrożność tutaj!", a ikony informacji jako "uwaga!". Następnie kontynuuj odczytywanie pozostałego kontekstu, takiego jak główna instrukcja, obszar zawartości i przyciski zatwierdzania. Upewnij się, że znaczenie i ton każdej standardowej ikony odpowiadają znaczeniu i tonowi kontekstu. Jeśli tak nie jest, znaleziono problem.

Jeśli robisz tylko jedną rzecz...

Upewnij się, że znaczenie i ton każdej standardowej ikony odpowiadają znaczeniu i tonowi kontekstu. Jeśli nie są one zgodne, zmień lub usuń ikonę.

Wytyczne

Uwaga: W przypadku poniższych wskazówek", "w miejscu" oznacza na dowolnej normalnej powierzchni okna, na przykład w obszarze zawartości kreatora, arkusza właściwości lub strony elementu panelu sterowania.

Ogólne

  • Wybierz standardowe ikony oparte na typie komunikatu, a nie ważności problemu podstawowego:
    • Błąd. Wystąpił błąd lub problem.
    • Ostrzeżenie. Warunek, który może spowodować problem w przyszłości.
    • Informacja. Przydatne informacje.
  • Jeśli problem nie ma różnych typów komunikatów, skoncentruj się na najważniejszym aspekcie, nad którymi użytkownicy muszą podjąć działania.
  • Ikony muszą zawsze odpowiadać instrukcji głównej lub innego odpowiadającego mu tekstu.

poprawna:

zrzut ekranu przedstawiający ikonę błędu używaną z tekstem błędu

niepoprawne:

zrzut ekranu przedstawiający ikonę ostrzeżenia używaną z tekstem błędu

W niepoprawnym przykładzie standardowa ikona ostrzeżenia nie jest zgodna z instrukcją główną (co powoduje błąd).

Rozmiar ikony

  • Wybierz standardowy rozmiar ikony na podstawie kontekstu:

    Kontekst Kiedy należy używać
    Okien dialogowych
    Użyj 32x32 pikseli dla ikon obszaru zawartości; 16x16 pikseli dla ikon obszaru przypisu dolnego.
    W miejscu
    Użyj 32x32 pikseli dla stron błędów; Ikony 16x16 pikseli dla wszystkich innych.
    Powiadomienia
    Użyj ikon 16x16 pikseli.
    Balony
    Użyj ikon 16x16 pikseli.
    Banery
    Użyj ikon 16x16 pikseli.

Ikony błędów

  • Użyj ikon błędów tylko wtedy, gdy wystąpił błąd lub wystąpił problem:

    Kontekst Kiedy należy używać
    Okien dialogowych
    Użyj tylko dla błędów krytycznych. (Nie używaj standardowych ikon dla błędów niekrytycznych).
    Zrzut ekranu przedstawiający ikonę błędu używaną z komunikatem o błędzie
    Błędy w miejscu
    Użyj dla wszystkich błędów.
    zrzut ekranu przedstawiający ikonę błędu używaną z komunikatem o błędzie.
    Powiadomienia
    Użyj tylko dla błędów krytycznych. (w przypadku błędów akcji ).
    Zrzut ekranu przedstawiający ikonę błędu używaną z komunikatem o błędzie powiadomienia.
    Balony
    Nie używaj. Balony nie powinny być używane w przypadku błędów krytycznych i nie wymagają ikon błędów dla błędów niekrytycznych.
    Banery
    Nie używaj. Transparenty nie powinny być używane w przypadku błędów.
  • Ogólnie rzecz biorąc, ikony błędów nie są potrzebne w przypadku problemów z danymi wejściowymi użytkowników niekrytycznych. Jednak ikony są potrzebne w przypadku błędów w miejscu, ponieważ w przeciwnym razie takie kontekstowe opinie byłyby zbyt łatwe do przeoczenia.

  • W przypadku okien dialogowych zadań nie używaj ikon przypisów dolnych o błędach. Ikony błędów muszą być prezentowane tylko w obszarze zawartości.

Ikony ostrzeżeń

  • Użyj ikon ostrzeżeń tylko wtedy, gdy warunek może spowodować problem w przyszłości:

    Kontekst Kiedy należy używać
    Okien dialogowych
    Użyj dla wszystkich ostrzeżeń.
    zrzut ekranu ostrzegający przed zmianą rozszerzenia nazwy pliku
    Ostrzeżenia w miejscu
    Użyj polecenia , aby zidentyfikować tekst jako ostrzeżenie.
    zrzut ekranu z ostrzeżeniem o niewystarczającej ilości wolnego miejsca
    Powiadomienia
    Użyj dla wszystkich ostrzeżeń. (w przypadku niekrytycznych zdarzeń systemowych).
    zrzut ekranu powiadomienia ostrzegawczego o niskiej baterii
    Balony
    Użyj do specjalnych warunków.
    zrzut ekranu przedstawiający ostrzeżenie przed dymkiem blokady na
    Banery
    Użyj polecenia , aby zwrócić uwagę na baner.
    zrzut ekranu baneru z ostrzeżeniem o braku tpm
  • Nie używaj ikon ostrzeżeń, aby "zmiękczyć" błędy niekrytyczne. Błędy nie są ostrzeżeniami zamiast tego stosują wytyczne dotyczące ikony błędu.

  • W przypadku okien dialogowych pytań użyj ikon ostrzeżeń tylko w przypadku pytań z istotnymi konsekwencjami. Nie używaj ikon ostrzeżeń w przypadku rutynowych pytań.

poprawna:

ostrzeżenie zrzutu ekranu nie pozwala zatrzymać przywracania systemu

niepoprawne:

zrzut ekranu ostrzeżenia o odrzucaniu przypomnień

W niepoprawnym przykładzie ikona ostrzeżenia jest niepoprawnie używana w przypadku rutynowego pytania.

  • W przypadku okien dialogowych zadań można użyć ikony przypisu dolnego ostrzeżenia, aby ostrzegać użytkowników o ryzykownych konsekwencjach. Jednak użyj ikony ostrzeżenia w obszarze zawartości lub obszarze przypisu dolnego, ale nie obu.

ostrzeżenie zrzutu ekranu o potencjalnie niebezpiecznym pliku

W tym przykładzie w przypisie jest używana żółta osłona zabezpieczeń.

Ikony informacji

  • Użyj ikon informacji tylko wtedy, gdy kontekst nie przedstawia oczywiście informacji:

    Kontekst Kiedy należy używać
    Okien dialogowych
    Nie używaj.
    W miejscu
    Nie używaj. Zamiast tego użyj zwykłego tekstu statycznego lub baneru.
    Powiadomienia
    Nie używaj.
    Balony
    Nie używaj.
    Banery
    użyj, aby zwrócić uwagę na baner.
    zrzut ekranu baneru z informacjami o ustawieniach
  • Ikony informacji nie są potrzebne w oknach dialogowych, powiadomieniach i dymkach, ponieważ ich kontekst wystarczająco komunikuje się, że dostarcza użytkownikom informacje.

  • W przypadku okien dialogowych zadań nie używaj ikon przypisów dolnych dolnych. Przypisy dolne są wystarczająco widoczne i nie mówią, że są to informacje.

Ikony znaku zapytania

  • Użyj ikony znaku zapytania tylko dla punktów wejścia Pomocy. Aby uzyskać więcej informacji, zobacz wskazówki dotyczące punktu wejścia pomocy .
  • Nie używaj ikony znaku zapytania do zadawania pytań. Ponownie użyj ikony znaku zapytania tylko dla punktów wejścia Pomocy. Nie ma potrzeby zadawania pytań przy użyciu ikony znaku zapytania i tak wystarczy przedstawić główną instrukcję jako pytanie.
  • Nie zamieniaj rutynowo ikon znaku zapytania na ikony ostrzegawcze. Zastąp ikonę znaku zapytania ikoną ostrzeżenia tylko wtedy, gdy pytanie ma znaczące konsekwencje. W przeciwnym razie użyj żadnej ikony.