Paski postępu

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.

Za pomocą paska postępu użytkownicy mogą śledzić postęp długiej operacji. Pasek postępu może pokazywać przybliżony procent ukończenia (determinate) lub wskazać, że operacja jest w toku (nieokreślona).

Badania użyteczności wykazały, że użytkownicy są świadomi czasów odpowiedzi ponad jednej sekundy. W związku z tym należy wziąć pod uwagę operacje, które trwają dwie sekundy lub dłużej, aby być długie i potrzebne pewnego rodzaju opinie na temat postępu.

Typowy pasek postępu.

Nuta

Wskazówki dotyczące układu przedstawiono w osobnym artykule.

Czy jest to właściwa kontrola?

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

• Czy operacja zostanie ukończona w ciągu około pięciu sekund lub mniej? Jeśli tak, użyj wskaźnika aktywności zamiast tego, ponieważ wyświetlanie paska postępu przez tak krótki czas trwania byłoby rozpraszające. Jeśli operacja zwykle trwa pięć sekund lub mniej, ale czasami trwa więcej, zacznij od wskaźnika zajętego i przekonwertuj na pasek postępu po pięciu sekundach.

• Czy nieokreślony pasek postępu jest używany do oczekiwania na ukończenie zadania przez użytkownika? Jeśli tak, nie używaj paska postępu. Paski postępu są przeznaczone dla postępu komputera, a nie postępu użytkownika.

• Czy nieokreślony pasek postępu jest połączony z animacją? Jeśli tak, użyj tylko animacji. Nieokreślony pasek postępu jest skutecznie ogólną animacją i nie dodaje żadnej wartości do animacji.

• Czy operacja jest bardzo długie (dłuższe niż dwie minuty) zadanie w tle, dla którego użytkownicy są bardziej zainteresowani ukończeniem niż postęp? Jeśli tak, zamiast tego użyj powiadomień . W takim przypadku użytkownicy wykonują inne zadania w międzyczasie i nie monitorują postępu. Użycie powiadomienia umożliwia użytkownikom wykonywanie innych zadań bez zakłóceń. Przykładami takich długotrwałych operacji są drukowanie, tworzenie kopii zapasowych, skanowanie systemu i zbiorcze transfery lub konwersje danych.

• Po zakończeniu operacji użytkownicy będą mogli odtworzyć wyniki? Jeśli tak, użyj suwaka. Przykłady takich operacji obejmują nagrywanie i odtwarzanie wideo i audio.

  

  W tym przykładzie suwak służy do wskazywania postępu podczas odtwarzania dźwięku. Dzięki temu użytkownicy mogą później odtworzyć wyniki.

Pojęcia dotyczące projektowania

Podczas długotrwałej operacji użytkownicy potrzebują ogólnego pojęcia, co robi operacja. Muszą również wiedzieć:

• Ta długotrwała operacja została uruchomiona.
• Ten postęp jest wprowadzany i że operacja zostanie ostatecznie zakończona (i dlatego nie została zablokowana).
• Przybliżony procent operacji, która została ukończona (a tym samym procent pozostały).
• Jeśli operacja powinna zostać anulowana, jeśli nie warto kontynuować oczekiwania.
• Jeśli powinny one nadal czekać lub robić coś innego, gdy operacja zostanie ukończona.

Użyj pasków postępu określania dla operacji, które wymagają ograniczonego czasu, nawet jeśli nie można dokładnie przewidzieć tego czasu. Nieokreślone paski postępu pokazują, że postęp jest poczyniony, ale nie podaj żadnych innych informacji. Nie wybieraj nieokreślonego paska postępu tylko na podstawie możliwego braku dokładności.

Załóżmy na przykład, że operacja wymaga pięciu kroków, a każdy z tych kroków wymaga ograniczonego czasu, ale ilość czasu dla każdego kroku może się znacznie różnić. W takim przypadku należy użyć paska postępu determinate i pokazać postęp, gdy każdy krok zostanie ukończony proporcjonalnie do czasu, jaki zwykle wykonuje każdy krok. Użyj nieokreślonego paska postępu tylko wtedy, gdy pasek postępu determinate spowoduje, że użytkownicy będą niepoprawnie stwierdzić, że operacja została zablokowana.

Jeśli robisz tylko jedną rzecz...

Upewnij się, że przekazujesz opinię na temat postępu dla długotrwałych operacji i że powyższe informacje są wyraźnie przekazywane. Użyj określania pasków postępu, jeśli jest to możliwe.

Wzorce użycia

Paski postępu mają kilka wzorców użycia:

Określanie pasków postępu

Etykieta	Wartość
modalne określanie pasków postępu Wskaż postęp operacji, wypełniając od lewej do prawej i wypełniając całkowicie po zakończeniu operacji.	Ponieważ ta opinia jest modalne, użytkownicy nie mogą wykonywać innych zadań w oknie (lub jego element nadrzędny, jeśli jest wyświetlany w modalnym oknie dialogowym), dopóki operacja nie zostanie ukończona. W tym przykładzie pasek postępu przekazuje opinię podczas konfigurowania.
modalne określanie pasków postępu za pomocą przycisku Anuluj lub Zatrzymaj Zezwól użytkownikom na zatrzymanie operacji, być może dlatego, że operacja trwa zbyt długo lub nie jest warta oczekiwania.	W tym przykładzie użytkownicy mogą kliknąć pozycję Zatrzymaj, aby zatrzymać operację i pozostawić środowisko w bieżącym stanie.
modalne określanie pasków postępu za pomocą przycisku Anuluj lub Zatrzymaj i animacji Zezwól użytkownikom na zatrzymanie operacji i dołączenie animacji, aby ułatwić użytkownikom wizualizowanie efektu operacji.	W tym przykładzie użytkownicy mogą kliknąć pozycję Zatrzymaj, aby zatrzymać operację i pozostawić środowisko w bieżącym stanie.
modalne określanie pasków postępu podwójnego Wskaż postęp operacji wieloetapowej, pokazując postęp bieżącego kroku na pierwszym pasku postępu oraz ogólny postęp na drugim pasku.	Ponieważ pierwszy pasek postępu zawiera niewiele dodatkowych informacji i może być dość rozpraszający, ten wzorzec nie jest zalecany. Zamiast tego wszystkie kroki operacji współużytkować część postępu i jeden pasek postępu przechodzi do ukończenia raz. W tym przykładzie pierwszy pasek postępu pokazuje postęp bieżącego kroku, a drugi pasek postępu pokazuje ogólny postęp. Uwaga: Ten wzorzec jest zwykle niepotrzebny i należy go unikać.
moderowanie pasków postępu Wskaż postęp operacji, wypełniając od lewej do prawej i wypełniając całkowicie po zakończeniu operacji.	W przeciwieństwie do pasków postępu modalnego użytkownicy mogą wykonywać inne zadania, gdy operacja jest w toku. Te paski postępu mogą być wyświetlane w kontekście lub na pasku stanu. W tym przykładzie program Windows Internet ExplorerWindows Internet Explorer wyświetla postęp ładowania strony internetowej na pasku stanu. Użytkownicy mogą wykonywać inne zadania podczas ładowania strony.

Nieokreślone paski postępu

Typ paska postępu	Opis
modalne paski postępu nieokreślone Wskaż, że operacja jest w toku, wyświetlając animację, która stale przechodzi przez poprzeczkę od lewej do prawej.	Używane tylko w przypadku operacji, których nie można określić ogólnego postępu, więc nie ma pojęcia kompletności. Określanie pasków postępu jest preferowane, ponieważ wskazują przybliżony procent operacji, która została ukończona, i pomagają użytkownikom określić, czy operacja jest warta kontynuowania oczekiwania. Są one również mniej wizualnie rozpraszające. W tym przykładzie usługa Windows Update używa modalnego paska postępu, aby wskazać postęp podczas poszukiwania aktualizacji.
Bez moderowania nieokreślone paski postępu Wskaż, że operacja jest w toku, wyświetlając animację, która stale przechodzi przez poprzeczkę od lewej do prawej.	W przeciwieństwie do modalnych pasków postępu użytkownicy mogą wykonywać inne zadania podczas przetwarzania. te paski postępu mogą być wyświetlane w kontekście lub na pasku stanu. W tym przykładzie program Microsoft Outlook używa nieokreślonego paska postępu bez moderowania podczas wypełniania właściwości kontaktu. Użytkownicy mogą nadal używać okna właściwości, gdy ta praca jest w toku.

Metrów

Typ	Opis
mierników Wskaż wartość procentową, która nie jest powiązana z postępem.	Ten wzorzec nie jest paskiem postępu, ale jest implementowany przy użyciu kontrolki paska postępu. mierniki mają odrębny wygląd, aby odróżnić je od prawdziwych pasków postępu. zrzut ekranu W tym przykładzie miernik pokazuje procent używanego miejsca na dysku.

Wytyczne

Ogólne

• Przekaż opinię na temat postępu podczas wykonywania długotrwałej operacji. Użytkownicy nigdy nie powinni się domyślać, czy postęp jest wprowadzany.

• Wyraźnie wskazują rzeczywisty postęp. Jeśli postęp zostanie wykonany, pasek postępu musi zostać wcześniejszy. Jeśli zakres oczekiwanych czasów ukończenia jest duży, rozważ użycie skali nieliniowej w celu wskazania postępu przez dłuższy czas. Nie chcesz, aby użytkownicy doszli do wniosku, że program został zablokowany, gdy nie.

• Wyraźnie wskazują brak postępu. Pasek postępu nie może być rozwijany, jeśli nie zostanie wykonany żaden postęp. Nie chcesz, aby użytkownicy czekali na operację, która nigdy nie zostanie ukończona.

• Podaj przydatne szczegóły postępu. Podaj dodatkowe informacje o postępie, ale tylko wtedy, gdy użytkownicy mogą z tym coś zrobić. Upewnij się, że tekst jest wyświetlany wystarczająco długo, aby użytkownicy mogli go odczytać.

  

  W tym przykładzie użytkownicy mogą zobaczyć szybkość transferu. Niska szybkość transferu sugeruje potrzebę korzystania z połączenia sieciowego o wysokiej przepustowości.

• Nie udostępniaj niepotrzebnych szczegółów. Zazwyczaj użytkownicy nie dbają o szczegóły wykonywanej operacji. Na przykład użytkownicy programu instalacyjnego nie dbają o skopiowanie określonego pliku lub zarejestrowanie składników systemowych, ponieważ nie mają żadnych oczekiwań dotyczących tych szczegółów. Zazwyczaj dobrze oznaczony pasek postępu zawiera wystarczające informacje, dlatego podaj dodatkowe informacje o postępie tylko wtedy, gdy użytkownicy mogą coś z tym zrobić. Podanie szczegółów, o których użytkownicy nie dbają, sprawia, że środowisko użytkownika jest zbyt skomplikowane i techniczne. Jeśli potrzebujesz bardziej szczegółowych informacji na temat debugowania, nie wyświetlaj ich w kompilacjach wydań.

  poprawna:

  zrzut ekranu przedstawiający postęp instalacji

  W tym przykładzie pasek postępu z etykietą to wszystko, co jest potrzebne.

  poprawna:

  

  W tym przykładzie Eksplorator Windows kopiuje pliki wybrane przez użytkownika, więc wyświetlanie kopiowanych nazw plików ma znaczenie.

  niepoprawne:

  

  W tym przykładzie program instalacyjny udostępnia szczegółowe informacje, które są bez znaczenia dla użytkownika.

• Udostępniaj przydatne animacje. Jeśli wszystko będzie dobrze zrobione, animacje usprawniają środowisko użytkownika, pomagając użytkownikom wizualizować operację. Dobre animacje mają większy wpływ niż sam tekst. Na przykład pasek postępu dla polecenia Usuwanie programu Outlook wyświetla Kosz dla miejsca docelowego, jeśli można odzyskać pliki, ale nie kosza, jeśli nie można odzyskać plików.

  

  W tym przykładzie brak Kosza wzmacnia, że pliki są trwale usuwane. Te dodatkowe informacje nie byłyby przekazywane jako skuteczne przy użyciu samego tekstu.

• Nie używaj niepotrzebnych animacji. Animacje mogą być mylące, ponieważ zwykle są uruchamiane w osobnym wątku od rzeczywistego zadania i dlatego mogą sugerować postęp, nawet jeśli operacja została zablokowana. Ponadto jeśli operacja jest wolniejsza niż oczekiwano, użytkownicy czasami zakładają, że animacja jest częścią przyczyny. W związku z tym należy używać animacji tylko wtedy, gdy istnieje wyraźne uzasadnienie; nie używaj ich do próby rozrywki użytkowników.

• Umieść animacje wyśrodkowane na pasku postępu. Umieść animację nad etykietami paska postępu, jeśli istnieje. Jeśli po prawej stronie paska postępu znajduje się przycisk Anuluj lub Zatrzymaj, dołącz przycisk podczas określania środka.

• Odtwórz efekt dźwiękowy po zakończeniu operacji tylko wtedy, gdy jest bardzo długi (dłuższy niż dwie minuty), rzadko i ważne. Jeśli użytkownik prawdopodobnie odejdzie od ważnej operacji podczas przetwarzania, efekt dźwiękowy przywraca uwagę użytkownika. Zastosowanie efektu dźwiękowego po zakończeniu w innych okolicznościach byłoby rozpraszającym irytacji.

• Nie kradnij fokusu danych wejściowych, aby pokazać postęp aktualizacji lub ukończenia. Użytkownicy często przełączają się do innych programów podczas oczekiwania i nie chcą być przerywani. Zadania w tle muszą pozostać w tle.

• Nie martw się o pomoc techniczną. Ponieważ opinie przekazywane przez paski postępu nie muszą być dokładne i ulotne, paski postępu nie są dobrym mechanizmem dostarczania informacji o pomocy technicznej. W związku z tym, jeśli operacja może zakończyć się niepowodzeniem (podobnie jak w przypadku programu instalacyjnego), nie udostępniaj dodatkowych informacji o postępie, które są przydatne tylko dla pomocy technicznej. Zamiast tego należy udostępnić alternatywny mechanizm, taki jak plik dziennika w celu rejestrowania informacji o pomocy technicznej.

  niepoprawne:

  

  W tym przykładzie pasek postępu zawiera szczegółowe informacje przeznaczone do pomocy technicznej.

• Nie umieszczaj wartości procentowej ani żadnego innego tekstu na pasku postępu. Taki tekst nie jest dostępny i nie jest zgodny z używaniem motywów.

  niepoprawne:

  

  W tym przykładzie tekst procentowy na pasku postępu nie jest dostępny.

• Nie łącz paska postępu ze wskaźnikiem zajętym. Użyj jednego lub drugiego, ale nie obu w tym samym czasie.

• Nie używaj pionowych pasków postępu. Paski postępu poziomego mają bardziej naturalne mapowanie i lepszy przepływ.

Określanie pasków postępu

• Użyj pasków postępu określania dla operacji, które wymagają ograniczonego czasu, nawet jeśli nie można dokładnie przewidzieć tego czasu. Nieokreślone paski postępu pokazują, że postęp jest poczyniony, ale nie podaj żadnych innych informacji. Nie wybieraj nieokreślonego paska postępu tylko na podstawie możliwego braku dokładności.

• Wyraźnie wskazuje fazę postępu. Pasek postępu musi być w stanie wskazać, czy operacja znajduje się na początku, środku lub na końcu operacji. Na przykład paski postępu, które natychmiast strzelają do 99 procent ukończenia, a następnie pozostają tam przez długi czas są szczególnie nieinformacyjne i irytujące. W takich przypadkach pasek postępu powinien być początkowo ustawiony na co najwyżej 33 procent, aby wskazać, że operacja jest nadal w fazie początkowej.

• Wyraźnie wskazuje ukończenie. Nie pozwól, aby pasek postępu przechodził do 100 procent, chyba że operacja została ukończona.

• Podaj pozostałe szacowanie czasu, jeśli możesz to zrobić dokładnie. Pozostałe oszacowania czasu, które są dokładne, są przydatne, ale oszacowania, które są znacznie poza znakiem lub odbijają się znacznie, nie są pomocne. Przed przekazaniem dokładnych szacunków może być konieczne wykonanie pewnych operacji przetwarzania. Jeśli tak, nie wyświetlaj potencjalnie niedokładnych oszacowań w tym początkowym okresie.

• Nie uruchamiaj ponownie postępu. Pasek postępu traci wartość, jeśli zostanie ponownie uruchomiony (być może dlatego, że krok operacji zostanie ukończony), ponieważ użytkownicy nie mają możliwości poznania, kiedy operacja zostanie ukończona. Zamiast tego wszystkie kroki operacji współużytkować część postępu i jeden raz przejść do ukończenia na pasku postępu.

  niepoprawne:

  

  W tym przykładzie operacja została przeniesiona do kroku kopiowania plików i zresetowania paska postępu dla tego kroku. Teraz użytkownicy nie mają pojęcia, ile postępów zostało poczynionych lub ile czasu pozostało.

• Nie należy tworzyć kopii zapasowych postępu. Podobnie jak w przypadku ponownego uruchomienia, pasek postępu traci wartość, jeśli wykonuje kopię zapasową. Zawsze zwiększaj postęp monotonicznie. Można jednak mieć czas pozostały szacowany, który zwiększa się (a także zmniejsza), ponieważ szybkość postępu może się różnić.

Nieokreślone paski postępu

• Używaj nieokreślonych pasków postępu tylko dla operacji, których nie można określić ogólnego postępu. Użyj nieokreślonych pasków postępu dla operacji, które wymagają niezwiązanego czasu lub mają dostęp do nieznanej liczby obiektów. Użyj limitów czasu, aby nadać ograniczenia operacjom opartym na czasie.

• Przekonwertuj na pasek postępu determinate po określeniu ogólnego postępu. Jeśli na przykład określenie liczby obiektów trwa znacznie dłużej niż dwie sekundy, możesz użyć nieokreślonego paska postępu, gdy obiekty są zliczane, a następnie przekonwertować na pasek postępu determinate.

• Nie należy łączyć nieokreślonych pasków postępu z procentem ukończenia ani czasu pozostałych szacunków. Jeśli możesz podać te informacje, użyj zamiast tego paska postępu determinate.

• Nie należy łączyć nieokreślonych pasków postępu z animacjami. Nieokreślony pasek postępu jest w rzeczywistości ogólną animacją, więc należy użyć jednej lub drugiej, ale nigdy nie obu.

  poprawna:

  serwera

  W tym przykładzie tylko animacja służy do pokazywania, że operacja trwa.

Paski postępu bez moderowania

• Jeśli użytkownicy mogą wykonać coś wydajnego, gdy operacja jest w toku, prześlij moderową opinię. Może być konieczne wyłączenie podzbioru funkcji, które wymagają ukończenia operacji.

• Jeśli okno ma pasek adresu, wyświetl moderowy postęp na pasku adresu.

  

  W tym przykładzie na pasku adresu jest wyświetlany trybowy postęp.

• W przeciwnym razie , jeśli okno ma pasek stanu, wyświetl moderowy postęp na pasku stanu. Umieść dowolny odpowiadający mu tekst po lewej stronie na pasku stanu.

  

  W tym przykładzie na pasku stanu jest wyświetlany trybowy postęp.

Paski postępu modalnego

• Umieść modalne paski postępu na stronach postępu lub oknach dialogowych postępu.

• Podaj przycisk polecenia, aby zatrzymać operację, jeśli ukończenie operacji trwa dłużej niż kilka sekund lub może nigdy nie zakończyć. Oznacz przycisk Anuluj, jeśli anulowanie zwróci środowisko do poprzedniego stanu (bez żadnych skutków ubocznych), w przeciwnym razie oznacz przycisk Zatrzymaj, aby wskazać, że pozostawia częściowo ukończoną operację bez zmian. Możesz zmienić etykietę przycisku z Anuluj na Zatrzymaj w środku operacji, jeśli w pewnym momencie nie można przywrócić środowiska do poprzedniego stanu. Wyśrodkowanie przycisku polecenia w pionie z paskiem postępu zamiast wyrównania ich górnej części.

  poprawna:

  sieci

  W tym przykładzie zatrzymanie połączenia sieciowego nie ma efektu ubocznego, dlatego jest używany przycisk Anuluj.

  poprawna:

  czasu kopiowania

  W tym przykładzie zatrzymanie kopiowania pozostawia wszystkie skopiowane pliki, więc przycisk polecenia ma etykietę Zatrzymaj.

  niepoprawne:

  

  W tym przykładzie zatrzymanie wyszukiwania nie powoduje braku efektu ubocznego, dlatego przycisk polecenia powinien być oznaczony etykietą Anuluj.

Pozostały czas

Aby określić paski postępu:

• Użyj następujących formatów czasu. Zacznij od pierwszego z następujących formatów, w których największa jednostka czasu nie jest równa zero, a następnie zmień na następny format, gdy największa jednostka czasowa stanie się zero.

  W przypadku pasków postępu:

  Jeśli powiązane informacje są wyświetlane w formacie dwukropka:

  Pozostały czas: h godz., m min

  Pozostały czas: m min, s s

  Pozostały czas: s s

  Jeśli miejsce na ekranie znajduje się w warstwie Premium:

  h godz., min pozostałe

  min, s s pozostałych

  s pozostałych sekund

  w przeciwnym razie:

  h godz., pozostały m min

  m min, s s pozostałych

  s pozostałych sekund

  Dla pasków tytułu:

  hh:mm pozostałe

  mm:ss pozostałe

  Pozostałe 0:ss

  Ten kompaktowy format przedstawia najpierw najważniejsze informacje, aby nie był obcinany na pasku zadań.

• Dokonaj dokładnych oszacowań, ale nie dają fałszywej precyzji. Jeśli największa jednostka to godziny, podaj minuty (jeśli ma znaczenie), ale nie sekundy.

  niepoprawne:

  hh hours, mm minutes, ss seconds

• Zachowaj szacowanie up-to-date. Szacowany czas aktualizacji jest co najmniej co 5 sekund.

• skupić się na pozostałym czasie, ponieważ są to informacje, które użytkownicy najbardziej dbają. Nadaj łączny czas, który upłynął, tylko wtedy, gdy wystąpią scenariusze, w których upłynął czas (na przykład wtedy, gdy zadanie może zostać powtórzone). Jeśli pozostałe oszacowanie jest skojarzone z paskiem postępu, nie masz procentowego tekstu, ponieważ te informacje są przekazywane przez sam pasek postępu.

• Bądź gramatyczny poprawny. Użyj jednostek pojedynczych, gdy liczba jest jedną.

  niepoprawne:

  1 minuta, 1 sekunda

• Użyj wielkich liter w stylu zdania.

Kolory paska postępu

• Użyj czerwonych lub żółtych pasków postępu tylko w celu wskazania stanu postępu, a nie końcowych wyników zadania. Czerwony lub żółty pasek postępu wskazuje, że użytkownicy muszą wykonać jakąś akcję, aby ukończyć zadanie. Jeśli warunek nie jest możliwy do odzyskania, pozostaw zielony pasek postępu i wyświetl komunikat o błędzie.
• Zmień pasek postępu na czerwony, gdy istnieje warunek możliwy do odzyskania przez użytkownika, który uniemożliwia dalsze postępy. Wyświetl komunikat, aby wyjaśnić problem i zalecić rozwiązanie.
• Zmień żółty pasek postępu, aby wskazać, że użytkownik wstrzymał zadanie lub że istnieje warunek, który utrudnia postęp, ale postęp nadal trwa (na przykład z niską łącznością sieciową). Jeśli użytkownik został wstrzymany, zmień etykietę przycisku Wstrzymaj na Wznów. Jeśli postęp jest utrudniony, wyświetl komunikat, aby wyjaśnić problem i zalecić rozwiązanie.

Metrów

• Użyj pasków postępu tylko dla postępu. Użyj mierników, aby wskazać wartości procentowe, które nie są związane z postępem.

Zalecane ustalanie rozmiaru i odstępy

diagram

Zalecane ustalanie rozmiaru i odstępy dla pasków postępu.

• Zawsze używaj zalecanej wysokości paska postępu.
  • Wyjątek: Możesz użyć innej wysokości, jeśli okno nadrzędne nie obsługuje zalecanej wysokości.
• Użyj minimalnej szerokości, jeśli chcesz cofnąć pasek postępu.
• Nie używaj szerokości dłuższych niż zalecana maksymalna. Pasek postępu nie musi wypełniać dostępnego miejsca.
• Wyśrodkuj pasek postępu w poziomie, jeśli okno jest znacznie szersze niż maksymalna zalecana szerokość.

Etykiety

Etykiety paska postępu

• Użyj zwięzłej etykiety ze statyczną kontrolką tekstu, aby wskazać, co robi operacja. Rozpocznij etykietę z zleceniem (na przykład kopiowaniem) i zakończ wielokropkiem. Ta etykieta może ulec zmianie dynamicznie, jeśli operacja ma wiele kroków lub przetwarza wiele obiektów.

• Nie przypisuj unikatowego klucza dostępu , ponieważ kontrolka nie jest interaktywna.

• Użyj wielkich liter w stylu zdania.

• Jeśli operacja nie została zainicjowana bezpośrednio przez użytkownika, możesz dołączyć dodatkową etykietę, aby nadać kontekst i przeprosić za przerwę. Rozpocznij tę dodatkową etykietę, korzystając z frazy. Zaczekaj na chwilę. Ta etykieta nie powinna zmieniać się podczas operacji.

  

  W tym przykładzie użytkownik jest proszony o oczekiwanie, ponieważ użytkownik nie zainicjował bezpośrednio operacji.

• Umieść etykietę nad paskiem postępu i wyrównaj etykietę do lewej krawędzi paska postępu.

Szczegóły paska postępu

• Podaj szczegóły w tekście statycznym, poprzedzając dane etykietą kończącą się dwukropkiem. Określ jednostki (sekundy, kilobajty itd.) po tekście szczegółów.

  poprawna:

  

  W tym przykładzie szczegóły są poprawnie oznaczone etykietami.

  niepoprawne:

  

  W tym przykładzie szczegóły nie są oznaczone etykietami, co wymaga od użytkowników określenia ich znaczenia.

• Użyj wielkich liter w stylu zdania.

• Umieść szczegóły poniżej paska postępu i wyrównaj etykietę do lewej krawędzi paska postępu.

• Nie podawaj wartości procentowej lub pozostałej, ponieważ te informacje są przekazywane przez sam pasek postępu.

Przycisk Anuluj

• Oznacz przycisk Anuluj, jeśli anulowanie zwróci środowisko do poprzedniego stanu (bez efektu ubocznego); W przeciwnym razie oznacz przycisk Zatrzymaj, aby wskazać, że operacja częściowo ukończona pozostaje nienaruszona.
• Możesz zmienić etykietę przycisku z Anuluj na Zatrzymaj w środku operacji, jeśli w pewnym momencie nie można przywrócić środowiska do poprzedniego stanu.

Tytuły okien dialogowych postępu

• Jeśli pasek postępu jest wyświetlany w modalnym oknie dialogowym, tytuł okna dialogowego powinien być nazwą programu lub nazwą operacji. Nie używaj etykiety paska postępu dla tytułu okna dialogowego.

  poprawna:

  

  W tym przykładzie nazwa zadania jest używana dla tytułu okna dialogowego.

  niepoprawne:

  

  W tym przykładzie tekst tytułu okna dialogowego jest zmianą etykiety paska postępu. Zamiast tego należy użyć nazwy programu.

• Jeśli pasek postępu jest wyświetlany w oknie dialogowym bez moderowania, zoptymalizuj tytuł wyświetlania na pasku zadań, umieszczając najpierw informacje wyróżniające. Przykład: "66% Complete".