Udostępnij za pośrednictwem


Kreatorów

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.

Pomimo tego wspaniałego, kapryśnej nazwy kreatorzy nie są naprawdę specjalną formą interfejsu użytkownika i mają tylko określony zakres narzędzi.

Kreatory służą do wykonywania zadań wieloetapowych.

Zrzut ekranu przedstawiający kreatora

Zrzut ekranu przedstawiający kreatora

zrzut ekranu kreatora dodawania drukarki

Wiele kroków kreatora jest przedstawianych jako sekwencja stron.

Kreatory zazwyczaj obejmują następujące typy stron:

  • Strony wyboru służą do zbierania informacji i zezwalania użytkownikom na podejmowanie wyborów.
  • Strona Zatwierdź służy do wykonywania akcji, której nie można cofnąć, klikając przycisk Wstecz lub Anuluj.
  • Strona Postęp służy do pokazywania postępu długiej operacji.

Nowoczesny projekt kreatora umożliwia zwiększenie wydajności, dzięki czemu strona Postęp jest opcjonalna dla krótszych operacji i często rezygnuje z tradycyjnej strony powitalnej i strony gratulacje na początku i na końcu.

Wszystkie strony kreatora mają następujące składniki:

  • Pasek tytułu identyfikujący nazwę kreatora z przyciskiem Wstecz w lewym górnym rogu oraz przycisk Zamknij z opcjonalnymi przyciskami Minimalizuj/Maksymalizuj i Przywróć. Pamiętaj, że pasek tytułu zawiera również ikonę identyfikującą ją na pasku zadań.
  • Główna instrukcja wyjaśniania celu użytkownika za pomocą strony.
  • Obszar zawartości z opcjonalnym tekstem i ewentualnie innymi kontrolkami.
  • Obszar polecenia z co najmniej jednym przyciskiem zatwierdzenia do zatwierdzenia zadania lub przejdź do następnego kroku.

Mimo że kreator ma wiele kroków, te kroki muszą zostać dodane do jednego zadania, z punktu widzenia użytkownika. Jest to podstawowa zasada projektowania kreatora "jeden kreator, jedno zadanie".

W związku z tym w tym artykule zadanie jest podstawową funkcją kreatora (na przykład zadaniem kreatora instalacji jest zainstalowanie programu). Podzadania to aspekty większego zadania (na przykład podzadania kreatora instalacji mogą być skonfigurowane do zainstalowania programu). Na koniec każda strona kreatora jest traktowana jako krok w danym podzadaniu lub zadaniu (na przykład może istnieć dwa lub trzy kroki związane z konfigurowaniem programu).

Uwaga: wytyczne dotyczące konfiguracji , okna dialogowe i paski postępu są prezentowane w oddzielnych artykułach.

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

Kreator może służyć do dowolnego zadania wymagającego wielu kroków wejściowych. Jednak skuteczne kreatory mają dodatkowe wymagania:

  • Czy kreator wykonuje jedno zadanie niepodzielne? Nie używaj interakcji, które nie są pojedynczymi zadaniami (cały program nigdy nie powinien być kreatorem, chyba że wykonuje pojedyncze zadanie). Nie używaj kreatorów do łączenia niezależnych zadań lub w dużej mierze niepowiązanych kroków.

  • Czy można zmniejszyć liczbę wymaganych pytań? Czy istnieją dopuszczalne wartości domyślne, które działają dobrze w większości przypadków lub można je dostosować w razie potrzeby później? W związku z tym można zmniejszyć liczbę stron? Jeśli tak, spróbuj uprościć zadanie, aby można było je przedstawić na jednej stronie (np. w oknie dialogowym) lub wyeliminować potrzebę całkowitego wprowadzenia danych wejściowych (co pozwala na bezpośrednie wykonanie zadania).

  • Czy wymagane pytania muszą zostać podane sekwencyjnie? Czy istnieje kilka prawdopodobnych, ale opcjonalnych pytań? Jeśli tak, rozważ okno dialogowe lub okno dialogowe z kartą.

    poprawna:

    zrzut ekranu przedstawiający okno dialogowe opcji drukowania

    Okno dialogowe Opcje drukowania programu Microsoft PowerPoint zawiera wiele opcji wprowadzania danych przez użytkownika, dzięki czemu można je przedstawić w kreatorze. Nie trzeba jednak podawać ich sekwencyjnie, więc okno dialogowe jest lepszym wyborem.

Kreatory są stosunkowo dużą formą interfejsu użytkownika; jeśli jest dostępne odpowiednie, lżejsze rozwiązanie, użyj go!

Pojęcia dotyczące projektowania

Nadmierne nadużywanie kreatorów

W przeszłości kreatory różniły się od zwykłego interfejsu użytkownika, ponieważ zostały zaprojektowane tak, aby ułatwić użytkownikom wykonywanie szczególnie złożonych zadań (z krokami w różnych lokalizacjach) i często miały wbudowaną inteligencję, aby pomóc użytkownikom odnieść sukces. Obecnie cały interfejs użytkownika powinien być zaprojektowany tak, aby zadania były tak proste, jak to możliwe, więc nie ma potrzeby specjalnego interfejsu użytkownika tylko do tego celu.

Jednak przekonanie utrzymuje się, że kreatorzy są specjalnym interfejsem użytkownika — głównie dlatego, że są określane jako "kreatorzy" (znacznie bardziej kreatywne niż, powiedzmy, "okna dialogowe" i "okna właściwości"). Zamiast tego lepiej jest rozważyć je jako zadania wieloetapowe i nie zwrócić szczególnej uwagi na ten fakt.

Przed utworzeniem kreatora należy rozważyć, czy użytkownicy muszą zostać przerwani z głównego przepływu programu. Może istnieć lżejsze, wbudowane, kontekstowe rozwiązanie, które ostatecznie będzie bardziej pomocne i wydajne dla użytkowników. Na przykład źle zaprojektowana funkcja w programie nie gwarantuje, że kreator go wyjaśni i uprości; gwarantuje przeprojektowanie samej funkcji. Kreator nie powinien być używany jako pomoc zespołu, aby rozwiązać bardziej podstawowy problem z programem.

Kreatorzy mają odpowiednie funkcje

Kreatorzy są jednym z kluczy upraszczających środowisko użytkownika. Umożliwiają one wykonanie złożonej operacji, takiej jak konfiguracja programu, i podzielenie go na serię prostych kroków. W każdym momencie procesu możesz podać wyjaśnienie, co jest potrzebne, i wyświetlić kontrolki, które umożliwiają użytkownikowi wprowadzanie zaznaczeń i wprowadzanie tekstu.

Niektóre typy zadań wieloetapowych nadają się do formularza kreatora. Na przykład w systemie Windows kilka kreatorów obejmuje funkcje łączności (z Internetem lub siecią firmową lub urządzenia peryferyjne, takie jak drukarki i faksy).

zrzut ekranu przedstawiający kreatora połączeń

Nawiązywanie połączenia z siecią jest typowym zadaniem w systemie Windows odpowiednim dla kreatora.

Tutaj funkcja kreatora polega na pośrednictwo między czymś znanym i stabilnym (gotowego systemu operacyjnego) i czymś nieznanym i zmiennym (ustalenia łączności z firmą telefoniczną lub dostawcą usług internetowych). Złożoność ekosystemów obliczeniowych jest na tyle znacząca, że teraz naprawdę pomocne jest użycie kreatorów w celu zmniejszenia tej złożoności.

Inne typy zadań, które działają dobrze jak kreatory systemu Windows, obejmują wysokiej klasy funkcje (takie jak rozpoznawanie mowy i pisma ręcznego) i rozbudowane środowiska multimedialne (takie jak konfigurowanie opcji tworzenia i publikowania filmów). Kreatory można również wdrożyć w celu uzyskania bardziej podstawowych zadań wieloetapowych, takich jak rozwiązywanie problemów. Krótko mówiąc, jeśli różni użytkownicy mogą chcieć korzystać z programu na znacznie różne sposoby, może to wskazywać na potrzebę działania kreatora i jego pojemności dla wielu punktów wejściowych użytkownika.

W przypadku programu warto poświęcić trochę czasu na projektowanie, aby określić, która funkcja jest obsługiwana przez kreatora i czy ta funkcja naprawdę wzrośnie do poziomu wdrażania kreatora.

Długość kreatora

Pytania projektowe naturalnie pojawiają się wokół liczby i organizacji stron i opcji. Na przykład:

  • Czy istnieje optymalna liczba stron dla kreatora? A przynajmniej pożądany zakres?
  • Czy kreator powinien być zwięzły i usprawniony, aby użytkownicy mogli wykonać go tak szybko, jak to możliwe?
  • Czy powinno być więcej stron, które wymagają mniejszej liczby opcji? Czy mniej stron o większej złożoności? Który projekt jest uważany za bardziej użyteczny?
  • Czy można szybciej zaprojektować środowiska kreatora, stosując konwencje interfejsu użytkownika, takie jak strony z kartami?

Firma Microsoft zaleca, aby kreatorzy trzech stron lub mniej były projektowane jako proste kreatory, a te z czterech lub więcej stron korzystają z zaawansowanego projektu kreatora (zobacz wskazówki środowisko użytkownika systemu Windows z 1999 r.). Ale obecne standardy projektowania kreatora zrezygnować z tego, co było jedną z kluczowych różnic między prostymi i zaawansowanymi formularzami (użycie stron Powitanie i Gratulacje), więc te kategorie czują się teraz nieodpowiednie, a liczba stron określających wybór projektu wydaje się arbitralna.

Kreator powinien być tak długi, jak wymaga tego zadanie. nie ma stałych wskazówek dotyczących jego długości. Kreator jednostronicowy powinien być naprawdę przedstawiony jako okno dialogowe, więc dwie strony są prawdopodobnie najbardziej skondensowaną formą możliwą dla kreatora.

poprawna:

zrzut ekranu okna dialogowego tworzenia dysku

To zadanie ma tak mało opcji, że prezentowanie go jako kreatora byłoby marnotrawne. Okno dialogowe jest odpowiednim formularzem dla tego interfejsu użytkownika.

Na drugim końcu spektrum, jeśli masz kreatora, który zawiera wiele punktów decyzyjnych i gałęzi, i często powoduje utratę śledzenia ścieżki nawigacji przez użytkowników, przekroczono praktyczny limit i powinien zmniejszyć długość kreatora. Alternatywnie możesz podzielić kreatora na kilka odrębnych zadań.

Podczas określania najbardziej odpowiedniej długości kreatora należy zwrócić szczególną uwagę na użytkowników docelowych. Programy dla użytkowników końcowych, takich jak użytkownicy domowi i pracownicy biurowi, mają tendencję do ukrywania złożoności przy użyciu kreatorów; Kreatory są tak krótkie, jak to możliwe, z czystym, prostym projektem strony i wstępnie wybranymi wartościami domyślnymi dla jak największej liczby opcji. Z kolei kreatorzy serwerów lub programy przeznaczone dla specjalistów IT wydają się być dłuższe i bardziej złożone. Ta grupa użytkowników docelowych ma znacznie wyższą tolerancję podejmowania decyzji dotyczących konfiguracji i może w rzeczywistości stać się podejrzana, jeśli zbyt duża złożoność jest ukryta.

Jeśli kreator z natury upraszcza złożone zadanie, powinno to zrobić stosunkowo minimalnie dla technicznie wyrafinowanej grupy odbiorców i stosunkowo agresywnie dla początkujących użytkowników.

poprawna:

zrzut ekranu kreatora języków wyświetlania

Ta strona kreatora jest dobrze zaprojektowana dla użytkowników końcowych, ponieważ zmniejsza potencjalnie złożony pod kątem prostego, logicznego wyboru binarnego: instalowania lub odinstalowywania.

poprawna:

Zrzut ekranu przedstawiający stronę

W kreatorze instalacji programu Microsoft SQL Server 2008 projekt strony jest bardziej ruchliwy, a wiele opcji wymaga większej myślenia, ale docelowi odbiorcy to administratorzy baz danych, którzy oczekują ścisłej kontroli nad wyborem funkcji.

Na koniec zwróć uwagę na częstotliwość wykonywania określonego zadania. Rzadko wykonywane zadanie może wdrożyć dłuższego kreatora, podczas gdy częste zadania zdecydowanie powinny sprzyjać zwięzłości.

Rozgałęzienia

W przypadku dłuższych kreatorów może być konieczne utworzenie gałęzi przepływu zadań, w których sekwencja stron może się różnić w zależności od danych wejściowych użytkownika podanych jako "nadrzędne". Rozgałęzianie jest z natury przenoszone dla użytkowników, dlatego należy zaprojektować środowisko użytkownika, aby zapewnić stabilność. Zalecamy nie więcej niż dwa punkty decyzyjne, które spowodują rozgałęzianie w całym kreatorze i nie więcej niż jednej zagnieżdżonej gałęzi w ramach jednej gałęzi.

Aby uzyskać wskazówki dotyczące tworzenia stabilnego środowiska użytkownika w kreatorze rozgałęziania, zobacz Branching w sekcji Wytyczne w tym artykule.

Zapewnianie przewodnika nawigacyjnego

Przewodniki nawigacyjne mogą być przydatne, gdy istnieje wiele kroków w zadaniu, a użytkownicy mogą utracić swoje miejsce w sekwencji lub po prostu chcieć wiedzieć, ile czasu zajmie ukończenie.

Przewodniki nawigacyjne często są wyświetlane jako lista stron lub sekcji kreatora, wyglądając trochę jak spis treści, w kolumnie lub okienku po lewej stronie każdej strony. Mimo że lista jest nadal widoczna w kreatorze (ta sama lista stron jest wyświetlana na każdej stronie), istnieje kilka wizualnych środków wskazujących, gdzie użytkownik jest obecnie w sekwencji (na przykład przy użyciu pogrubienia, aby odróżnić aktywną stronę lub sekcję).

Prowadnice nawigacji mogą być sekwencyjne lub niesekwencyjne. Typ sekwencyjny przedstawia poprzednie strony wraz ze znanymi przyszłymi stronami. Możesz przedstawić przyszłość w zakresie kroków zamiast stron, jeśli kroki są znane, a strony są zależne. Następnie można dynamicznie wypełniać strony, gdy stają się znane. Ponieważ sekwencja nawigacji jest stała, przewodnik nawigacji nie jest interaktywny.

Przewodniki nawigacji niesekwencyjnej są interaktywne, dzięki czemu użytkownicy mogą ponownie przeglądać wcześniej wyświetlane strony bezpośrednio. Mogą również pominąć sekwencję nawigacji dla stron, które mają być opcjonalne. Opcjonalne strony muszą mieć wartości domyślne, które są akceptowalne w większości przypadków. W przypadku tego typu przewodnika:

  • Wcześniej wyświetlane strony zawsze można wyświetlać bezpośrednio.
  • Przyszłe strony mogą nie być wyświetlane, jeśli mają wymagania wstępne.
  • Strony, które można odwiedzić, powinny być wyraźnie rozróżniane od tych, które nie mogą (na przykład przy użyciu linków, które są aktywne lub wyłączone), wraz z stronami, które są wymagane lub opcjonalne.

Użytkownicy mogą mylić znaczenie przycisku Wstecz w tym scenariuszu. Czy kliknięcie przycisku Wstecz prowadzi do poprzedniej strony lub sekcji w przewodniku nawigacji, czy ostatnią stronę lub sekcję wyświetloną? Ponieważ kreatorzy systemu Windows umieszczają teraz przycisk Wstecz w lewym górnym rogu stron kreatora, a nie w prawym dolnym rogu za pomocą innych przycisków zatwierdzania, użytkownicy myślą o funkcjach Wstecz tak jak w Sieci Web. Najlepszym rozwiązaniem jest nadanie przyciskowi Wstecz znaczenia nawigacji internetowej (kliknięcie przycisku Wstecz powinno prowadzić do ostatniej strony lub sekcji) i użycie przewodnika nawigacyjnego kreatora do nawigacji sekwencyjnej.

Integralność strony

Projekt kreatora obejmuje nie tylko decyzje dotyczące całego przepływu zadań, takie jak obsługa nawigacji i środowiska rozgałęziania, ale także te dotyczące poszczególnych stron tworzących kreatora. Najważniejszą zasadą projektowania dobrych stron kreatora jest integralność: zawartość strony powinna należeć razem.

Strony kreatora są znacznie bardziej użyteczne, jeśli każdy z nich zawiesza się koncepcyjnie, zajmując się tylko jednym aspektem ogólnego zadania. Główna instrukcja jest podstawowym sposobem osiągnięcia tego celu. Jasno określ cel lub cel strony dla użytkowników. instrukcje uzupełniającei wszelkie kontrolki na stronie, wszystkie odnoszą się bezpośrednio do instrukcji głównej. Mimo że strony kreatora powinny przedstawiać użytkownikom opcje, dla których jest wymagana pewna myśl, nakład pracy nie wydaje się działać, ponieważ jest ściśle skoncentrowany na integralności samej strony.

Niestety projektanci kreatorów często błędnie klikanie przycisku Dalej przez użytkowników jako dowód użyteczności, prostoty i integralności stron. Ostatecznym środowiskiem kreatora nie jest Następne, Dalej, Dalej, Dalej, Dalej, Zakończ. Chociaż takie środowisko sugeruje, że wartości domyślne zostały dobrze wybrane, sugeruje również, że kreator nie był naprawdę konieczny, ponieważ wszystkie opcje są opcjonalne.

Jeśli chodzi o wizualizacje i tekst, przeanalizuj te elementy do podstawowych elementów. Opór chęć łączenia wielu podzadania na jednej stronie (kreator burrito) lub uciekanie się do kart do prezentowania złożonych wymagań wejściowych. Pojedyncza strona powinna obejmować pojedyncze podzadadnie ogólnego zadania kreatora.

niepoprawne:

zrzut ekranu przedstawiający zrzut ekranu kreatora konfiguracji programu SQL Server

Gdy wymagane są trzy karty dość gęstych danych wejściowych użytkownika, ta strona kreatora próbuje osiągnąć zbyt wiele.

W większości przypadków zachowaj rozmiar każdej strony w kreatorze, aby zapewnić spójny wygląd i działanie. Mimo że kreatory systemu Windows umożliwiają zmienianie rozmiaru stron tak, aby rozmiar strony był zgodny z ilością zawartości, tylko kilka z nich korzysta z tej opcji.

Ponadto należy zachować elementy strukturalne każdej strony kreatora za pośrednictwem sekwencji. Na przykład nie należy przenosić przycisku Wstecz z lewego górnego rogu z powrotem do obszaru przycisków zatwierdzania dla strony lub dwóch. Ten poziom spójności układu pomaga użytkownikom czuć się stabilnie w kreatorze. Można to traktować jako punkt odniesienia dla integralności wizualnej strony.

Znajdowanie odpowiedniego poziomu komunikacji

Użytkownicy mają niską tolerancję odczytywania dużych bloków tekstu na ekranie, a nawet mniej w obszarze interfejsu użytkownika, którego wyraźnym celem jest przyspieszone przejście przez zadanie.

Kreatorzy mają tendencję do nadmiernej komunikacji. Zajmują dużo miejsca na ekranie, co wydaje się zachęcić dysk do wypełnienia miejsca. To jak odmiana prawa Parkinsona: tekst interfejsu użytkownika rozszerzy się, aby wypełnić dostępne miejsce.

Jednym z winowajców w tym nadmiarze jest nadmiarowość. Ze względu na szablony używane we wczesnym projekcie kreatora ten sam język może występować w wielu lokalizacjach na stronie, takich jak na pasku tytułu, nagłówkach, tekście treści, etykietach kontrolek itd.

Warto zatrudnić profesjonalnego edytora, aby przycinać tekst kreatora bezwzględnie. Wyeliminuj niepotrzebne pytania i opcje na poszczególnych stronach i wyeliminuj całe strony z kreatora (na przykład tradycyjne strony powitalne i gratulacje). Przejdź bezpośrednio do punktu strony z zwięzłą instrukcją główną, używając języka używanego przez odbiorców docelowych do opisania zadania, a nie żargonu technologii lub funkcji, której używasz wewnętrznie. To podejście skoncentrowane na użytkowniku ma kluczowe znaczenie dla poprawy komunikacji kreatorów programu.

Zwróć szczególną uwagę na ton kreatora: czasami najbardziej trwałe wrażenia programu są wynikiem nie tego, co mówisz, ale jak to mówisz! W kreatorach użytkownicy są wygodne z przyjaznym, konwersacyjnym tonem, z liberalnym użyciem drugiego zaimka ("ty"), gdy program prosi o dane wejściowe. Aby uzyskać więcej wytycznych, zobacz Style and Tone.

Zmniejszenie liczby wyrazów na stronie kreatora jest ogólnie godne pochwały, ale uważaj, aby nie iść zbyt daleko. Jeśli zadanie jest ważne i gwarantuje kreatora, użytkownicy doceniają wystarczającą ilość informacji, aby dokonać mądrych wyborów. W poniższym przykładzie pokazano, jak można skondensować tekst kreatora bez poświęcania znaczenia.

przed:

zrzut ekranu kreatora cleartype, wersja robocza

po:

zrzut ekranu kreatora cleartype, poprawiony

Edytowana wersja tej strony kreatora zawiera instrukcję główną zorientowaną na zadania, usuwa niepotrzebny akapit objaśniający pod instrukcją główną i zmienia etykietę pola wyboru w celu wyjaśnienia celu pola wyboru.

Jeśli wykonujesz tylko trzy czynności...

  1. Zamapuj zadanie, które próbujesz wykonać za pomocą odpowiedniego interfejsu użytkownika, aby wykonać zadanie; Nie należy po prostu domyślnie pracować z kreatorem, jeśli uważasz, że musisz zebrać wiele danych wejściowych od użytkowników.

  2. Starannie zastanów się nad długością i strukturą kreatora; Preferuj krótkich, niegagałęziowych kreatorów, aby utrzymać środowisko tak proste, jak to możliwe, aby użytkownicy mogli wrócić do swojego podstawowego zadania lub zainteresowania programem.

  3. Upewnij się, że integralność każdej strony w kreatorze: zawartość strony powinna wyraźnie należeć do siebie.

Wytyczne

Ogólne

  • Najpierw rozważ lekkie alternatywy, takie jak okna dialogowe, okienka zadań lub pojedyncze strony. Nie musisz używać kreatorów — możesz podać przydatne informacje i pomoc w dowolnym interfejsie użytkownika.

  • Kreatory służą do wykonywania zadań wieloetapowych. Użyj wielostronicowych okien dialogowych dla zadań jednoetapowych z opiniami. Aby uzyskać więcej wytycznych, zobacz okna dialogowe.

    poprawna:

    zrzut ekranu okna dialogowego diagnostyki

    zrzut ekranu przedstawiający opinie dotyczące okna dialogowego diagnostyki

    W tym przykładzie diagnostyka sieci systemu Windows składa się ze stron postępu i wyników. Ponieważ zadanie jest tylko jednym krokiem, nie wymaga przycisków nawigacji potrzebnych użytkownikom w kreatorze. Jest on skutecznie prezentowany jako okno dialogowe z wieloma stronami.

Rozmiar okna

  • Wybierz rozmiar okna, który może wyświetlać wszystkie strony kreatora bez przewijania strony pionowej lub poziomej. Chociaż kontrolki na stronie mogą wymagać przewijania, strony kreatora same w sobie nie mogą.

  • Rozmiar okien wystarczająco duży, aby wygodnie wykonywać swoje zadania. Układ strony nie powinien być ciasny ani wymagać od użytkowników nadmiernego przewijania ani zmieniania rozmiaru.

  • Ale nie sprawiają, że okna są zbyt duże. Większe okna sprawiają, że zadanie jest bardziej złożone i wymaga dodatkowego przenoszenia do interakcji.

  • Użyj okien z możliwością zmiany rozmiaru dla kreatora, który może korzystać z większej ilości miejsca na ekranie, ale nie wymaga go. Przypisz odpowiedni minimalny rozmiar. Okna z możliwością zmiany rozmiaru są przydatne, gdy strony wymagają interakcji z zawartością z możliwością zmiany rozmiaru, na przykład z dużymi widokami listy.

    poprawna:

    zrzut ekranu przedstawiający konfigurację programu Visual Studio, częściową listę

    lepiej:

    zrzut ekranu przedstawiający konfigurację programu Visual Studio, pełną listę

    W tym przykładzie zmiana rozmiaru okna ułatwia użytkownikom wyświetlanie pełnej listy.

  • Rozważ użycie kreatorów o dynamicznym rozmiarze, których rozmiar strony zmienia się zgodnie z potrzebami dla jego zawartości. Dzięki temu kreator może pomieścić układy stron z szeroką gamą zawartości.

  • Preferuj statyczne ustalanie rozmiaru za pomocą dynamicznego, jeśli użytkownicy mogą postrzegać zmiany jako brak stabilności w ich środowisku kreatora. Stabilność wizualna często przebija zakwaterowanie treści. Większość kreatorów powinna przyjąć standardowe, statyczne rozmiary okien z dynamicznym rozmiarem zarezerwowanym w specjalnych przypadkach.

Długość kreatora

  • Aby kreator był jak najbardziej zwięzły i usprawniony. Pozbądź się niepotrzebnych opcji i pytań oraz użyj inteligentnych wartości domyślnych, aby zmniejszyć liczbę stron wymaganych do wprowadzania danych przez użytkownika.
    • Wyjątek: specjalistów IT i innych użytkowników technicznych mają wyższą tolerancję dla dłuższych kreatorów i szczegółowych wymagań dotyczących danych wejściowych.
  • Ustaw kreatora na co najmniej dwie strony. Zamiast tego kreator jednostronicowy powinien zostać przeprojektowany jako okno dialogowe.
  • Nie zmniejszaj liczby stron kreatora, zwiększając złożoność każdej strony. Na przykład strona kreatora zawierająca trzy karty wymagające wprowadzenia danych przez użytkownika powinna zostać przeprojektowana jako trzy oddzielne strony.
  • Nie zwiększaj liczby stron kreatora, dzięki czemu każda strona jest tak prosta, że użytkownicy bezmyślnie klikają przycisk Dalej w całej sekwencji. Jest to powszechna wada projektowania kreatora. Jeśli strona kreatora nie wymaga co najmniej pewnego stopnia myślenia, prawdopodobnie nie musi być w kreatorze w ogóle.

Rozgałęzienia

  • Preferuj projekt kreatora bez rozgałęziania za pomocą rozgałęziania. Kreatory bez rozgałęziania wydają się być prostsze, krótsze i łatwe w nawigacji. Kreatory rozgałęziania utrudniają użytkownikom określenie, ile kroków w zadaniu i gdzie znajdują się w sekwencji.

  • Jeśli musisz rozgałęzić, pomóż użytkownikom orientować się przy użyciu jednej z następujących technik:

    • Wyliczanie stron. Typową techniką jest wskazanie lokalizacji użytkownika w sekwencji na każdej stronie, na przykład przy użyciu frazy Krok X Y. Upewnij się, że punkt końcowy (Y) jest stabilny. Jeśli zmieni się wartość, podważy to zaufanie użytkowników.

    • Uwzględnij pojęcie kroków podrzędnych (na przykład krok 2a z 6).

    • Wykonaj kroki niezależne od stron, w których każdy krok może obejmować kilka stron. Na przykład usługa turystyczna może stosować organizację kreatora w oparciu o dobrze ugruntowane konwencje handlu elektronicznego dla branży.

      poprawna:

      zrzut ekranu przedstawiający organizację kreatora opartą na kroku

      Etykiety logiczne mogą zapewnić odpowiednią orientację dla użytkowników kreatora rozgałęziania.

    • Traktuj opcjonalne kroki jako trwałe w sekwencji wyliczenia. Jeśli na przykład gałąź po prostu pomija kilka opcjonalnych kroków, po prostu pomiń kroki w opinii, a nie numerowanie. W związku z tym, jeśli użytkownik dokonuje wyboru na stronie 2, która powoduje wykonanie stron 3 i 4 opcjonalnych, pokaż kroki 1, 2, 5 i 6 z 6. Nie należy zmieniać numerów kroków 5 i 6.

    • Jeśli kreator stosuje pojedynczą gałąź, a gałąź ma miejsce na wczesnym etapie zadania, uruchom sekwencję w tym momencie, a następnie po prostu użyj podejścia nieodgałęziania. Oznacza to, że począwszy od punktu gałęzi, postęp w sekwencji na końcu gałęzi.

  • Jeśli musisz rozgałęzić, ogranicz liczbę gałęzi do jednego lub dwóch w jednym kreatorze. Nigdy nie dołączaj więcej niż jednej gałęzi w gałęzi (gałąź "zagnieżdżona").

Przyciski zatwierdź

  • Gdy użytkownicy zatwierdzają zadanie, użyj przycisku zatwierdzenia, który jest określoną odpowiedzią na główną instrukcję (na przykład Drukuj, Połącz lub Uruchom). Nie używaj etykiet ogólnych, takich jak Next (co nie oznacza zobowiązania) ani Zakończ (co nie jest specyficzne) do zatwierdzania zadania. Etykiety na tych przyciskach zatwierdzania powinny mieć sens samodzielnie. Zawsze uruchamiaj etykiety przycisków zatwierdzania z czasownikiem. wyjątki :
    • Użyj opcji Zakończ, gdy określone odpowiedzi są nadal ogólne, takie jak Zapisz, Wybierz, Wybierz lub Pobierz.
    • Użyj opcji Zakończ, aby zmienić określone ustawienie lub kolekcję ustawień.
  • Pojedynczy kreator może mieć wiele punktów zatwierdzania, ale preferowany jest pojedynczy punkt.
  • W razie potrzeby możesz zmienić nazwę lub ukryć przyciski zatwierdzania na stronie. Ta elastyczność jest jedną z zalet nowego projektu kreatora w systemie Windows, który nie był dostępny w starszych kreatorach. Należy pamiętać, że ukrycie przycisku zatwierdzenia różni się od jego wyłączania.
  • Unikaj wyłączania przycisku zatwierdzenia pozytywnego. W przeciwnym razie użytkownicy muszą wyłudić, dlaczego przyciski zatwierdzania są wyłączone. Lepiej pozostawić włączone przyciski zatwierdzania i podać pomocny komunikat o błędzie za każdym razem, gdy wystąpi problem. Wyłączenie przycisku jest dopuszczalne tylko wtedy, gdy przyczyna takiego działania jest oczywista i jednoznaczna.
  • Nie należy mylić przycisków nawigacji (Dalej i Wstecz) za pomocą przycisków zatwierdzania. Następny oznacza postęp w kreatorze bez zobowiązania; Powrót powinien być zawsze dostępny na następnej stronie, a kliknięcie przycisku Wstecz powinno cofnąć efekt ostatniego przycisku Dalej. Jeśli to nie jest możliwe, użytkownicy robią zobowiązanie i są one wskazywane za pomocą określonej etykiety na przycisku zatwierdzenia. Aby uzyskać więcej wskazówek dotyczących przycisków Dalej i Wstecz, zobacz Nawigacja.

Anuluj przyciski

  • Nie pytaj użytkowników, aby potwierdzili, czy naprawdę zamierzają anulować. Może to być irytujące. wyjątki :
    • Działanie ma znaczące konsekwencje i, jeśli jest niepoprawne, nie można łatwo naprawić.
    • Akcja może spowodować znaczną utratę czasu lub nakładu pracy użytkownika.
    • Akcja jest wyraźnie niespójna z innymi akcjami.
  • Zezwalaj użytkownikom na ponowne uruchamianie kreatorów w przypadku anulowania ich przez pomyłkę.
  • Nie wyłączaj przycisku Anuluj. Wyjątki:
    • Jeśli anulowanie jest szkodliwe, może to być przypadek podczas wykonywania zadania w kreatorach samodzielnie zawartych.
    • Jeśli anulowanie jest niemożliwe, może to być przypadek, gdy kreator nie ma kontroli nad wszystkimi krokami.

Zamknij przyciski

  • Użyj opcji Zamknij dla stron Follow-Up i uzupełniania. Nie używaj opcji Anuluj, ponieważ zamknięcie okna nie spowoduje porzucenia żadnych zmian ani akcji wykonywanych w tym momencie. Nie używaj polecenia Gotowe, ponieważ nie jest to zlecenie imperatywne.
  • Po wykonaniu zadania anulowanie powinno stać się Zamknij (w przypadku kreatorów samodzielnie zawartych). Efektem zamknięcia okna jest po prostu zamknięcie okna.

Inne kontrolki

  • Użyj linków poleceń tylko do wyboru, a nie zobowiązań. Określone przyciski zatwierdzania wskazują zobowiązanie znacznie lepsze niż linki poleceń w kreatorze.
  • Jeśli używasz linków poleceń, ukryj przycisk Dalej, ale pozostaw przycisk Anuluj.

Używanie stron (w porównaniu z oknami dialogowymi lub wbudowanym interfejsem użytkownika)

  • Ogólnie rzecz biorąc, preferuj strony do okien dialogowych. Użytkownicy oczekują, że kreatory będą oparte na stronach.
  • Użyj okien dialogowych, aby ułatwić kończenie stron, takich jak selektory obiektów i przeglądarki.
  • Użyj okien dialogowych, aby przekazać komunikaty o błędach dotyczące całej strony i wynik kliknięcia przycisku zatwierdzenia.
  • Użyj prezentacji wbudowanej do prostych zachowań dynamicznych, takich jak stopniowe ujawnianie i kontekstowy interfejs użytkownika.
  • Użyj wbudowanej prezentacji dla komunikatów o błędach, które mają zastosowanie do określonych kontrolek.

Strony kreatora

  • Skoncentruj się na skutecznym podejmowaniu decyzji. Zmniejsz liczbę stron, aby skoncentrować się na podstawowych elementach. Skonsoliduj powiązane strony i wyjmij opcjonalne strony z głównego przepływu. Jeśli użytkownicy klikają przycisk Dalej całkowicie za pośrednictwem kreatora, mogą początkowo wydawać się dobrym środowiskiem, ale jeśli użytkownicy nigdy nie muszą zmieniać ustawień domyślnych, strony są prawdopodobnie niepotrzebne.

  • Zaprojektuj każdą stronę tak, aby miała jeden cel i spójność wizualną. Aby uzyskać więcej informacji, zobacz integralność strony.

  • Nie używaj stron powitalnych — jeśli jest to możliwe, pierwsza strona będzie działać. Użyj opcjonalnej strony Wprowadzenie tylko wtedy, gdy:

    • Kreator ma wymagania wstępne, które są niezbędne do pomyślnego ukończenia kreatora.
    • Użytkownicy mogą nie rozumieć przeznaczenia kreatora na podstawie pierwszej strony Wybór i nie ma miejsca na dalsze wyjaśnienie.
    • Główną instrukcją dla stron Wprowadzenie jest "Przed rozpoczęciem:".

    niepoprawne:

    zrzut ekranu przedstawiający stronę powitalną konfiguracji punktu mapy

  • Nowoczesne kreatory wybierają funkcjonalne pierwsze strony. Tutaj nie ma nic do zrobienia, ale kliknij przycisk Dalej. Dlaczego zmusić użytkowników do płacenia tego podatku tokenu na ich cenny czas?

  • Na stronach, na których użytkownicy są proszeni o dokonanie wyborów, zoptymalizuj je pod kątem najbardziej prawdopodobnych przypadków. Te typy stron powinny przedstawiać rzeczywiste wybory, a nie tylko instrukcje.

    • Jeśli nie używasz strony Wprowadzenie, wyjaśnij cel kreatora w górnej części pierwszej strony wyborów.
  • Użyj stron Zatwierdź, aby wyjaśnić, kiedy użytkownicy zatwierdzają zadanie. Zazwyczaj strona Zatwierdzenie jest ostatnią stroną wyborów, a przycisk Dalej jest ponownie etykietowany, aby wskazać zatwierdzanie zadania.

    • Nie używaj stron Podsumowania, które jedynie podsumowują poprzednie wybory użytkownika, chyba że zadanie jest ryzykowne (związane z zabezpieczeniami lub utratą czasu lub pieniędzy) lub istnieje duża szansa, że użytkownicy będą musieli przejrzeć wybrane opcje.
  • Użyj stron Postęp, aby wyświetlić stan długiej operacji. Po pomyślnym zakończeniu strona postępu powinna przejść do następnego kroku automatycznie. Powinna ona pozostać na stronie postępu tylko wtedy, gdy występuje problem, który użytkownik musi zobaczyć. Kliknięcie przycisku Wstecz do strony postępu nie powinno mieć wpływu ubocznego.

    • Użyj pojedynczego paska postępu. Postępuj zgodnie z określanie wytycznych dotyczących paska postępu, w tym:
      • Wyraźnie wskazuje ukończenie. Nie pozwól, aby pasek postępu przechodził do 100 procent, chyba że operacja została ukończona.
      • 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.
    • Podaj zwięzły opis bieżącego kroku powyżej paska postępu. W przypadku szybkich operacji taki tekst jest niepotrzebny; sam pasek postępu jest wystarczający. W przypadku operacji wymagających co najmniej minuty tekst może być przydatny.
      • Używaj fragmentów zdań, zwykle rozpoczynających się od czasownika i kończącego się wielokropkiem. Przykłady: kopiowanie plików..., instalowanie wymaganych składników....
      • Umieść tekst nad paskiem, a nie poniżej.
      • niepoprawne:
      • zrzut ekranu przedstawiający pasek postępu z tekstem poniżej
      • W tym przykładzie tekst objaśniający powinien pojawić się nad paskiem postępu.
      • Powstrzymaj się od zaśmiecania strony postępu z niepotrzebnymi szczegółami. Ta strona nie jest pomoc techniczna; jest przeznaczony dla użytkowników.
      • niepoprawne:
      • zrzut ekranu paska postępu z zbyt dużą ilością szczegółów
      • W tym przykładzie szczegóły techniczne, takie jak identyfikatory GUID, są bez znaczenia dla użytkowników.
  • Nie używaj stron gratulacje, które nic nie robią, ale kończą pracę kreatora. Jeśli wyniki kreatora są wyraźnie widoczne dla użytkowników, po prostu zamknij kreatora na ostatnim przycisku zatwierdzenia.

    • Użyj Follow-Up stron, gdy istnieją powiązane zadania, które użytkownicy mogą wykonać jako kontynuację. Unikaj znanych zadań kontynuacji, takich jak "Wyślij wiadomość e-mail".
    • Użyj stron uzupełniania tylko wtedy, gdy wyniki nie są widoczne i nie ma lepszego sposobu przekazywania opinii na temat ukończenia zadania.
    • Kreatorzy, którzy mają strony Postępu, muszą używać strony ukończenia lub strony Follow-Up, aby wskazać ukończenie zadania. W przypadku długotrwałych zadań zamknij kreatora na stronie Zatwierdzanie i użyj powiadomień, aby przekazać opinię.
  • Użyj stron podsumowania tylko wtedy, gdy dane wejściowe są złożone, a użytkownicy muszą sprawdzić, czy zadanie wiąże się ze znacznym ryzykiem (np. przejściem finansowym) lub jeśli kreator podejmie działania na podstawie danych wejściowych użytkownika, które nie są oczywiste (w celu budowania zaufania poprzez przejrzystość). Często strony podsumowania nie spełniają tego paska trafności i można je pominąć.

  • Użyj stron błędów, jeśli kreator nie może zostać ukończony z powodu problemu, z którego odzyskiwanie nie jest możliwe. Na tej stronie wyjaśnij, jaki jest problem w jasnym języku, bez żargonu technicznego użytkownicy nie zrozumieją. Udostępniają również praktyczne kroki, które użytkownicy mogą wykonać, aby rozwiązać ten problem. Aby uzyskać więcej wytycznych, zobacz Komunikaty o błędach.

    • Wyjątek: Jeśli kreator zakończy pracę z niewielkim problemem, z którego jest możliwe odzyskiwanie, należy przedstawić problem jako dodatkowe zadanie zamiast błędu. Używaj pozytywnych, zorientowanych na sukces, zachęcających języków, a nie terminów, takich jak błąd, niepowodzenie lub problem. Nie używaj ikony błędu.
  • Użyj opcji Dalej tylko w przypadku przechodzenia do następnej strony bez zobowiązania. Przejście do następnej strony jest uznawane za zobowiązanie, gdy nie można cofnąć jego efektu, klikając przycisk Wstecz lub Anuluj.
  • Użyj funkcji Wstecz tylko, aby poprawić błędy. Oprócz poprawiania błędów użytkownicy nie powinni klikać przycisku Wstecz, aby poczynić postępy w zadaniu.
  • Zachowaj wybrane opcje użytkownika za pomocą nawigacji. Jeśli na przykład użytkownik wprowadza zmiany, klika przycisk Wstecz, a następnie przycisk Dalej, te zmiany powinny zostać zachowane. Użytkownicy nie oczekują ponownego wprowadzenia zmian, chyba że jawnie zdecydowali się je wyczyścić.
  • Nie wyłączaj przycisku Wstecz, chyba że powtarzanie kroków jest szkodliwe.
  • Zezwalaj użytkownikom na przeglądanie lub poprawianie opcji w następujących scenariuszach nawigacji:
    • Użytkownik podaje dane wejściowe, klika przycisk zatwierdzania, klika przycisk Wstecz, aby przejrzeć poprzednie zmiany, nic nie zmienia, a następnie ponownie klika przycisk zatwierdzania. Zwykle powinno to być możliwe, a drugie zatwierdzenie powinno przejść do następnej strony (ponieważ zadanie zostało już wykonane).
    • Użytkownik podaje dane wejściowe, klika przycisk zatwierdzania, klika przycisk Wstecz, aby przejrzeć poprzednie zmiany, coś zmienić, a następnie ponownie kliknąć przycisk zatwierdzenia. Zwykle powinno to być możliwe, a drugie zatwierdzenie powinno ponownie wykonać zadanie ze zmienionymi danymi wejściowymi (zastępując lub cofając efekt pierwszego).

Pomoc

  • Strony kreatora projektowania, aby zapewnić wystarczającą ilość informacji, aby odwołanie się do dokumentacji w pomocy programu było niepotrzebne. Kreator zabiera już użytkowników z dala od żądanej, bezpośredniej interakcji z programem; Wymaganie od użytkowników poszukiwania zewnętrznej pomocy powoduje usunięcie ich jeszcze bardziej z tego stanu. Pomoc powinna być wyjątkiem, a nie regułą.
  • Jeśli musisz podać punkt dostępu do pomocy, użyj linku w lewej dolnej części obszaru zawartości strony (powyżej obszaru polecenia). Ten link powinien być krótki i zwykle sformułowany w postaci pytania, na które użytkownicy najprawdopodobniej chcą odpowiedzieć.
  • poprawna:
  • zrzut ekranu strony kreatora z linkiem pomocy
  • Ten link do Pomocy jest odpowiedni, ponieważ podstawowe informacje podstawowe, takie jak te, zaśmiecają stronę kreatora zbyt dużą ilością.

Tekst

Ogólne

  • Użyj ciebie i użytkownika, aby odwołać się do użytkownika, komputera, dokumentu, ustawień itd. Nie używaj pierwszej osoby (ja, moje) do odwoływania się do komputera lub kreatora. Można jednak użyć pierwszej osoby w opcjach wybranych przez użytkownika. Przykład: Użyj tylko pole wyboru.
  • Każda strona kreatora musi mieć instrukcję główną .

Tytuły

  • Umieść nazwę kreatora na pasku tytułu. Użyj wielkich liter w stylu tytułu.
  • Tytuły nie powinny zawierać znaków interpunkcyjnych, z wyjątkiem tych z znakami zapytania.
  • Nie dołączaj wyrazu Kreator w tytułach kreatora. Na przykład użyj polecenia Połącz z siecią zamiast Kreatora instalacji sieci.

Przyciski

  • Nie dołączaj tekstu na przycisku Wstecz. Użyj zamiast tego symbolu strzałki bez etykiet.

  • Dołącz tekst na przycisku Dalej. Nie używaj glifów (takich jak > lub >>) oprócz słowa Dalej.

  • Użyj określonych etykiet przycisków zatwierdzania, które mają sens samodzielnie i są odpowiedzią na główną instrukcję. W idealnym przypadku użytkownicy nie powinni czytać niczego innego, aby zrozumieć etykietę. Użytkownicy są znacznie bardziej skłonni do odczytywania etykiet przycisków poleceń niż tekst statyczny.

  • Jeśli to możliwe, nie używaj słowa Zakończ dla etykiety przycisku zatwierdzenia, ponieważ zwykle jest lepszy, bardziej szczegółowy przycisk zatwierdzania:

    • Jeśli klikniesz przycisk zatwierdzeń do zadania (więc zadanie nie zostało jeszcze wykonane), użyj określonej etykiety rozpoczynającej się od czasownika, który jest odpowiedzią na instrukcję główną (przykłady: Drukuj, Połącz, Uruchom).

    • Jeśli zadanie zostało już wykonane w kreatorze, użyj polecenia Zamknij.

      wyjątki :

      • Możesz użyć opcji Zakończ, gdy określona etykieta jest nadal ogólna, na przykład Zapisz, Wybierz, Wybierz lub Pobierz.
      • Możesz użyć opcji Zakończ, gdy zadanie obejmuje zmianę ustawienia lub kolekcji ustawień.
  • Rozpocznij zatwierdzanie etykiet przycisków z zleceniem. Wyjątki to OK, Tak i Nie.

  • Użyj wielkich liter w stylu zdania.

  • Nie używaj końcowej interpunkcji.

Dokumentacja

  • Chociaż większość kreatorów systemu Windows nie ma już słowa Kreator w tytule, dopuszczalne jest odwoływanie się do kreatorów jako kreatorów w dokumentacji. To odwołanie powinno mieć małe litery.
  • poprawna:
  • Jeśli konfigurujesz sieć po raz pierwszy, możesz uzyskać pomoc, korzystając z kreatora Connect to a Network (Łączenie z siecią).
  • Niektóre starsze kreatory z wcześniejszych wersji systemu Windows mogą zawierać Kreatora w tytule. W przypadku odwoływania się do jednego z tych kreatorów można użyć Kreatora [X], aby uniknąć używania kreatora [X].
  • Jako stronę należy odwołać się do pojedynczego ekranu w kreatorze.