Paski stanu (podstawy projektowania)

Pasek stanu to obszar w dolnej części okna podstawowego, który wyświetla informacje o stanie bieżącego okna (takie jak wyświetlane i jak), zadania w tle (takie jak drukowanie, skanowanie i formatowanie) lub inne informacje kontekstowe (takie jak wybór i stan klawiatury).

Paski stanu zwykle wskazują stan za pomocą tekstu i ikon, ale mogą również mieć wskaźniki postępu, a także menu poleceń i opcji związanych ze stanem.

Typowy pasek stanu.

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

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

• Czy stan jest istotny, gdy użytkownicy aktywnie korzystają z innych programów? Jeśli tak, użyj ikon obszaru powiadomień .

• Czy element stanu musi wyświetlać powiadomienia? Jeśli tak, musisz użyć ikony obszaru powiadomień.

• Czy okno jest oknem podstawowym? Jeśli nie, nie używaj paska stanu. Okna dialogowe, kreatory, panele sterowania i arkusze właściwości nie powinny mieć pasków stanu.

• Czy informacje są przede wszystkim stanem? Jeśli nie, nie używaj paska stanu. Paski stanu nie mogą być używane jako pomocniczy pasek menu lub pasek narzędzi .

• Czy informacje wyjaśniają, jak używać wybranej kontrolki? Jeśli tak, wyświetl informacje obok skojarzonej kontrolki przy użyciu dodatkowego wyjaśnienia lub etykiety instrukcji.

• Czy stan jest przydatny i odpowiedni? Oznacza to, że użytkownicy mogą zmienić swoje zachowanie w wyniku tych informacji? Jeśli nie, nie wyświetlaj stanu lub umieść go w pliku dziennika.

• Czy stan jest krytyczny? Czy wymagane jest natychmiastowe działanie? Jeśli tak, wyświetl informacje w formularzu, który wymaga uwagi i nie można go łatwo zignorować, takich jak okno dialogowe lub w samym oknie podstawowym.

  

  Czerwony pasek adresu w programie Windows Internet Explorer.

• Czy program jest przeznaczony głównie dla początkujących użytkowników? Niedoświadczoni użytkownicy zazwyczaj nie wiedzą o paskach stanu, dlatego w tym przypadku należy ponownie rozważyć użycie pasków stanu.

Pojęcia dotyczące projektowania

Paski stanu to doskonały sposób dostarczania informacji o stanie bez przerywania pracy użytkowników lub przerywania ich przepływu. Jednak paski stanu są łatwe do przeoczenia. Tak łatwo, w rzeczywistości, że wielu użytkowników w ogóle nie zauważa pasków stanu.

Rozwiązaniem tego problemu nie jest wymaganie uwagi użytkownika za pomocą ikon, animacji lub, ale do projektowania tego ograniczenia. Możesz to zrobić, wykonując następujące czynności:

• Upewnij się, że informacje o stanie są przydatne i istotne. Jeśli nie, nie podaj w ogóle paska stanu.
• Nieużywaj pasków stanu w celu uzyskania kluczowych informacji. Użytkownicy nigdy nie powinni wiedzieć, co znajduje się na pasku stanu. Jeśli użytkownicy muszą go zobaczyć, nie umieszczaj go na pasku stanu.

Jeśli robisz tylko jedną rzecz...

Upewnij się, że informacje o pasku stanu są przydatne i istotne, ale nie kluczowe.

Wzorce użycia

Paski stanu mają kilka wzorców użycia:

Zwyczaj	Przykład
bieżący stan okna Pokaż źródło wyświetlanych elementów wraz z dowolnymi trybami wyświetlania	W tym przykładzie pasek stanu wyświetla ścieżkę do dokumentu.
postęp Pokaż postęp zadań w tle z określonym paskiem postępu lub animacją.	W tym przykładzie pasek stanu zawiera pasek postępu pokazujący ładowanie strony internetowej do okna programu Internet Explorer.
informacje kontekstowe Pokaż kontekstowe informacje o tym, co obecnie robi użytkownik.	W tym przykładzie program Microsoft Paint pokazuje rozmiar zaznaczenia w pikselach.

Wytyczne

Ogólne

• Rozważ podanie polecenia Wyświetl pasek stanu, jeśli tylko niektórzy użytkownicy będą potrzebować informacji o pasku stanu. Ukryj pasek stanu domyślnie, jeśli większość użytkowników tego nie będzie potrzebować.
• Nie używaj paska stanu, aby wyjaśnić elementy paska menu. Ten wzorzec pomocy nie jest wykrywalny.

Prezentacja

• Wyłącz stan modalny, który nie ma zastosowania. Stan modalny obejmuje stany klawiatury i dokumentu.
• Usuń stan niemodalny, który nie ma zastosowania.
• Przedstawia informacje o stanie w następującej kolejności: bieżący stan okna; postęp; i informacje kontekstowe.

Ikony

• Wybierz łatwo rozpoznawalne projekty ikon stanu. Preferuj ikony z unikatowymi konturami na ikonach kwadratowych lub prostokątnych.

• Użyj pokosów czystego czerwonego, żółtego i zielonego tylko do przekazywania informacji o stanie. W przeciwnym razie takie ikony są mylące.

  poprawna:

  

  niepoprawne:

  

  W niepoprawnym przykładzie czerwona ikona przypadkowo sugeruje błąd, tworząc zamieszanie.

• Użyj odmian ikon lub nakładek, aby wskazać zmiany stanu lub stanu. Użyj odmian ikon, aby pokazać zmiany ilości lub mocnych stron. W przypadku innych typów stanu użyj następujących standardowych nakładek:

  Pokrycie	Stan
  	Ostrzeżenie
  	Błąd
  	Wyłączone/Rozłączone
  zrzut ekranu	Zablokowane/offline

• Nie zmieniaj zbyt często stanu. Ikony paska stanu nie powinny wyświetlać hałaśliwych, niestabilnych ani wymagających uwagi. Oko jest wrażliwe na zmiany w peryferyjnym polu widzenia, więc zmiany stanu muszą być subtelne.

• W przypadku ikon, które zawierają ważne informacje o stanie, preferuj etykiety w miejscu.

• Ikony paska stanu bez etykietek narzędzi powinny mieć etykietki narzędzi.

Aby uzyskać więcej informacji, zobacz Ikony.

Interakcja

• Interakcyjnie ustaw obszar paska stanu, aby umożliwić użytkownikom bezpośredni dostęp do powiązanych poleceń i opcji.
  • Użyj kontrolki, która wygląda i zachowuje się jak przycisk menu lub przycisk podziału. Te obszary paska stanu muszą mieć strzałkę listy rozwijanej, aby wskazać, że można je klikać.
  • Wyświetl menu po kliknięciu lewym przyciskiem myszy w dół, a nie myszy w górę.
  • Nie obsługuje klikania prawym przyciskiem myszy ani dwukrotnego kliknięcia. Użytkownicy nie oczekują takich interakcji na pasku stanu, więc prawdopodobnie nie podejmą próby.
• Wyświetl etykietki narzędzi po umieszczeniu wskaźnika myszy.

Tekst

• Ogólnie rzecz biorąc, używaj zwięzłych etykiet. Wytnij dowolny tekst, który można wyeliminować.
• Preferuj fragmenty zdań, bez kończenia interpunkcji. Używaj pełnych zdań (z końcem interpunkcji) tylko wtedy, gdy fragmenty zdań nie są znacznie krótsze.
• W przypadku opcjonalnych etykiet postępu wskaż, co wykonuje operacja z etykietą rozpoczynającą się od czasownika (formularza gerund) i kończy się wielokropkiem. Na przykład: "Kopiowanie...". Ta etykieta może ulec zmianie dynamicznie, jeśli operacja ma wiele kroków lub przetwarza wiele obiektów.
• Nie używaj koloru, pogrubienia ani kursywy, aby podkreślić tekst paska stanu.
• Aby uzyskać wskazówki dotyczące fraz etykietek narzędzi, zobacz Etykietki narzędzi i etykietki informacji.

Dokumentacja

Odwołuje się do pasków stanu jako pasków stanu, a nie wierszy stanu ani innych odmian. Przykład: "Bieżący numer strony jest wyświetlany na pasku stanu".