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.
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.
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:
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.
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:
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:
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:
niepoprawne:
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:
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ń.
Ostrzeżenia w miejscu Użyj polecenia , aby zidentyfikować tekst jako ostrzeżenie.
Powiadomienia Użyj dla wszystkich ostrzeżeń. (w przypadku niekrytycznych zdarzeń systemowych).
Balony Użyj do specjalnych warunków.
Banery Użyj polecenia , aby zwrócić uwagę na baner.
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
niepoprawne:
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.
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.
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.