Obracanie kontrolek
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ą kontrolki spin użytkownicy mogą klikać przyciski strzałek, aby stopniowo zmieniać wartość w skojarzonym numerycznym polu tekstowym. Termin spin box odnosi się do kombinacji pola tekstowego i skojarzonej kontrolki spin.
Typowy spin box.
Użytkownicy często preferują kontrolki spin, ponieważ mogą wprowadzać zmiany bez przenoszenia rąk z myszy. Gdy kontrolka spin jest sparowana z polem tekstowym, użytkownicy mogą wpisać lub wkleić dane wejściowe bezpośrednio w polu tekstowym, więc użycie kontrolki spin jest opcjonalne.
Podczas gdy kontrolki spin są używane do danych wejściowych liczbowych, dane wejściowe nie muszą być czystą liczbą całkowitą. Dane wejściowe mogą być liczbami dziesiętnych i mogą mieć znaki ujemne, ograniczniki (takie jak dwukropki lub łączniki) i modyfikatory jednostek.
Nuta
Wytyczne dotyczące pól tekstowych i układu są prezentowane w oddzielnych artykułach.
Czy jest to właściwa kontrola?
Aby zdecydować, rozważ następujące pytania:
Czy kontrolka jest używana na potrzeby danych wejściowych liczbowych? Jeśli nie, użyj innej kontrolki, takiej jak lista rozwijana lub suwak , aby wybrać z stałego zestawu wartości. Do przewijania użyj pasków przewijania.
Czy użytkownicy myślą o wartości jako ilości względnej, a nie wartości liczbowej? Jeśli tak, użyj suwaka. Użyj pól spin tylko dla dokładnych, znanych wartości liczbowych. Na przykład użytkownicy myślą o ustawieniu głośności audio na niski lub średni — nie o ustawieniu wartości na 2 lub 5.
Czy kontrolka jest sparowana z polem tekstowym? Jeśli nie, nie używaj. Kontrolki spin nie powinny być używane samodzielnie ani z innymi typami kontrolek oprócz pola tekstowego.
niepoprawne:
W tym przykładzie kontrolka spin służy do sterowania grafiką dynamiczną.
Czy ciągłe zakresy wartości są prawidłowe? W przeciwnym razie użyj listy rozwijanej prawidłowych wartości.
zrzut ekranu
W tym przykładzie nie wszystkie numery dysków są prawidłowe, więc lista rozwijana jest lepszym wyborem.
Czy korzystanie z kontrolki spin jest praktyczne? Korzystanie z kontrolki spin jest praktyczne dla:
- Wprowadzenie małej liczby, zazwyczaj poniżej 100.
- Wprowadzanie małych zmian w istniejącej lub domyślnej wartości.
Kontrolki spin mogą być używane dla dowolnych danych wejściowych liczbowych, ale są nieefektywne w sytuacjach innych niż te.
Czy kontrolka spin jest pomocna? Czy kontrolka jest używana w kontekście, w którym użytkownicy mogą używać myszy? Jeśli nie, rozważ opcjonalne sterowanie spinem.
Czy listy rozwijane kontrolek równorzędnych? Jeśli istnieją inne listy rozwijane, rozważ użycie listy rozwijanej w celu zapewnienia spójności.
W tym przykładzie można użyć pola spin, ale lista rozwijana jest używana na potrzeby spójności.
Czy użytkownicy dotyku lub pióra są podstawowym celem? Jeśli tak, rozważ użycie listy rozwijanej. Przyciski strzałek w kontrolce pokrętła są zbyt małe, aby były używane wydajnie za pomocą dotyku lub pióra.
Jeśli suwak lub pole pokrętła jest możliwe, użyj pola pokrętła, jeśli:
- Miejsce na ekranie jest ciasne.
- Użytkownik prawdopodobnie preferuje używanie klawiatury.
Użyj suwaka, jeśli:
- Użytkownicy będą korzystać z błyskawicznych opinii.
Wytyczne
Ogólne
Używaj kontrolek spin, gdy są praktyczne i przydatne. Zobacz Czy jest to właściwa kontrolka?
- Wyjątek: Aby zachować spójność z innymi polami tekstowymi w tym samym interfejsie użytkownika, użyj kontrolek spin, nawet jeśli nie są one zawsze praktyczne.
poprawna:
W tym przykładzie kontrolka spin jest używana z kontrolką roku pod kątem spójności, mimo że nie zawsze jest to praktyczne.
niepoprawne:
zrzut ekranu
W tym przykładzie kontrolka spin jest bezużyteczna.
Zawsze utwórz kontrolkę spin kontrolki "kumpel" pola tekstowego. Spowoduje to umieszczenie kontrolki spin wewnątrz pola tekstowego.
poprawna:
niepoprawne:
W poprawnym przykładzie kontrolka spin jest umieszczana w skojarzonym polu tekstowym.
Wyłącz kontrolkę spin, gdy skojarzone z nią pole tekstowe jest wyłączone. Kontrolka spin jest metodą danych wejściowych uzupełniających — nigdy nie jest jedyną metodą wejściową.
Wartości
Zdefiniuj przycisk górny, aby zwiększyć wartość o jedną jednostkę i przycisk dolny, aby zmniejszyć o jedną jednostkę. Zazwyczaj jednostka jest jedną, ale powinna być najmniejszą wspólną zmianą wartości. W idealnym przypadku kontrolka spin powinna obejmować wszystkie prawidłowe wartości i powinna być wygodniejsza niż wpisywanie tekstu.
W tym przykładzie kliknięcie kontrolki spin zmienia wartości o .1, co jest najmniejszą wspólną zmianą wartości. Użycie mniejszej jednostki obejmuje zakres prawidłowych wartości, ale sprawi, że kontrolki spin staną się bezużyteczne.
Użyj kontrolki spin, aby ograniczyć dane wejściowe do prawidłowych wartości. Używanie kontrolki spin nigdy nie powinno spowodować nieprawidłowej wartości.
Na końcu zakresu prawidłowych wartości uruchom ponownie zakres. Metafora sterowania spin polega na tym, że użytkownik obraca koło wartości, dlatego to zachowanie przypominające koło.
Wyjątek: Nie uruchamiaj ponownie zakresu, jeśli wynikowa wartość jest pewna, że jest niepoprawna.
W tym przykładzie kliknięcie przycisku strzałki w dół nie powoduje ponownego uruchomienia zakresu (przechodząc do wartości maksymalnej), ponieważ ta wartość jest pewna, że jest niepoprawna.
Użyj tekstu zamiast specjalnych wartości liczbowych. Zezwól użytkownikom na spin do tych wartości specjalnych zamiast znać je i wpisać.
"sen po (nigdy)"
W tym przykładzie nigdy nie jest to specjalna wartość, ale użytkownicy mogą ją uruchamiać.
Jeśli wartość ma ograniczniki, skojarzone pole tekstowe powinno mieć wiele punktów fokusu wejściowego. Dzięki temu segmenty liczbowe mogą być manipulowane indywidualnie.
W tym przykładzie kontrolka spin wpływa na wartości godzin, minut, sekund i A.M./P.M.— w zależności od tego, co ma fokus.
Jeśli wartość zawiera jednostki, użyj kontrolki spin, aby zmienić te jednostki.
W tym przykładzie kontrolka spinu może służyć do zmieniania jednostek.
Etykiety
- Zastosuj wskazówki dotyczące etykietowania pola tekstowego, aby oznaczyć skojarzone pole tekstowe. Kontrolki spin nigdy nie są oznaczone bezpośrednio.
Dokumentacja
Podczas odwoływania się do kontrolek spin:
- Nie należy odwoływać się do kontrolek spin w dokumentacji użytkownika. Zamiast tego należy odwołać się do etykiety skojarzonego pola tekstowego.
- Zapoznaj się z tematem spin controls and spin box only in programming and other technical documentation (Obracanie kontrolek i pól spin) tylko w programowaniu i inną dokumentację techniczną.
Przykład: w polu data wpisz lub wybierz część daty, którą chcesz zmienić.
Tematy pokrewne