Formularze i kontrolki. Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj.

Prezentacja na temat: "Formularze i kontrolki. Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj."— Zapis prezentacji:

1 Formularze i kontrolki

2 Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj użytkownikowi pytań,  Informacje „z otoczenia” często bywają dokładniejsze od informacji „z głowy”,  Reaguj miłosiernie na błędy i wybaczaj ich popełnianie,

3 Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj użytkownikowi pytań,  Informacje „z otoczenia” często bywają dokładniejsze od informacji „z głowy”,  Reaguj miłosiernie na błędy i wybaczaj ich popełnianie,

4 Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj użytkownikowi pytań,  Informacje „z otoczenia” często bywają dokładniejsze od informacji „z głowy”,  Reaguj miłosiernie na błędy i wybaczaj ich popełnianie,

5 Podstawy projektowania formularzy  Dopilnuj, by użytkownik rozumiał, o co jest pytany i dlaczego,  W miarę możliwości nie zadawaj użytkownikowi pytań,  Informacje „z otoczenia” często bywają dokładniejsze od informacji „z głowy”,  Reaguj miłosiernie na błędy i wybaczaj ich popełnianie,

6 Podstawy projektowania formularzy c.d.  Przeprowadź testy używalności,  Wybór kontrolek wpływu na oczekiwania użytkownika dotyczące tego, o co zostanie zapytany – wybieraj rozważnie.

7 Podstawy projektowania formularzy c.d.  Przeprowadź testy używalności,  Wybór kontrolek wpływu na oczekiwania użytkownika dotyczące tego, o co zostanie zapytany – wybieraj rozważnie.

8 Wybór kontrolek  Dostępne miejsce,  Zaawansowanie użytkownika w zakresie ogólnej obsługi komputerów,  Zaznajomienie użytkownika z daną dziedziną wiedzy,  Oczekiwania wyniesione z używania innych aplikacji.

9 Wybór kontrolek  Dostępne miejsce,  Zaawansowanie użytkownika w zakresie ogólnej obsługi komputerów,  Zaznajomienie użytkownika z daną dziedziną wiedzy,  Oczekiwania wyniesione z używania innych aplikacji.

10 Wybór kontrolek  Dostępne miejsce,  Zaawansowanie użytkownika w zakresie ogólnej obsługi komputerów,  Zaznajomienie użytkownika z daną dziedziną wiedzy,  Oczekiwania wyniesione z używania innych aplikacji.

11 Wybór kontrolek  Dostępne miejsce,  Zaawansowanie użytkownika w zakresie ogólnej obsługi komputerów,  Zaznajomienie użytkownika z daną dziedziną wiedzy,  Oczekiwania wyniesione z używania innych aplikacji.

12 Wybór binarny – listy elementów Pole wyboru Dwa przyciski opcji

13 Wybór binarny – listy elementów Pole wyboru Dwa przyciski opcji

14 Wybór binarny – listy elementów Rozwijana lista z dwiema opcjami Przełącznik „wciskany”

15 Wybór binarny – listy elementów Rozwijana lista z dwiema opcjami Przełącznik „wciskany”

16 Wybór jednego z N elementów – listy elementów Przyciski opcji N Rozwijana lista z N opcjami

17 Wybór jednego z N elementów – listy elementów Przyciski opcji N Rozwijana lista z N opcjami

18 Wybór jednego z N elementów – listy elementów Zestaw N wykluczających się wzajemnie przełączników w postaci ikonek Lista lub tabela pojedynczego wyboru

19 Wybór jednego z N elementów – listy elementów Zestaw N wykluczających się wzajemnie przełączników w postaci ikonek Lista lub tabela pojedynczego wyboru

20 Wybór jednego z N elementów – listy elementów Pokrętło Rozwijana lista z N opcjami, w razie konieczności przewijana

21 Wybór jednego z N elementów – listy elementów Pokrętło Rozwijana lista z N opcjami, w razie konieczności przewijana

22 Wybór jednego z N elementów – listy elementów Lista lub tabela pojedynczego wyboru

23 Wybór jednego z N elementów – listy elementów Dendrogram pojedynczego wyboru lub Kaskadująca Lista z elementami przypisanymi do kategorii

24 Wybór jednego z N elementów – listy elementów Przeglądarka, np. plików, kolorów lub fontów

25 Wybór wielu z N elementów – listy elementów Szereg N pól wyboru Szereg N przełączników

26 Wybór wielu z N elementów – listy elementów Szereg N pól wyboru Szereg N przełączników

27 Wybór wielu z N elementów – listy elementów Lista lub tabela wielokrotnego wyboru Lista pól wyboru

28 Wybór wielu z N elementów – listy elementów Lista lub tabela wielokrotnego wyboru Lista pól wyboru

29 Wybór wielu z N elementów – listy elementów Dendrogram pojedynczego wyboru lub Kaskadująca Lista z elementami przypisanymi do kategorii

30 Wybór wielu z N elementów – listy elementów Przeglądarka, np. plików, kolorów lub fontów

31 Wybór wielu z N elementów – listy elementów Wzorzec Kreator Listy

32 Tworzenie nieuporządkowanych list elementów Lista lub tabela z przyciskiem Dodaj lub Nowy

33 Tworzenie nieuporządkowanych list elementów Nieuporządkowana lista z poleceniami przestawiania elementów w górę i w dół

34 Metody wprowadzania tekstu Jednowierszowe pole tekstowe Pole wyboru

35 Metody wprowadzania tekstu Jednowierszowe pole tekstowe Pole wyboru

36 Metody wprowadzania tekstu Wielowierszowe pole tekstowe

37 Metody wprowadzania tekstu Edytor tekstu sformatowanego

38 Metody wprowadzania liczb Pole tekstowe o Formacie Pobłażliwym Pole tekstowe o Formacie Strukturalnym Suwak Pokrętło

39 Metody wprowadzania liczb Pole tekstowe o Formacie Pobłażliwym Pole tekstowe o Formacie Strukturalnym Suwak Pokrętło

40 Metody wprowadzania liczb Pole tekstowe o Formacie Pobłażliwym Pole tekstowe o Formacie Strukturalnym Suwak Pokrętło

41 Metody wprowadzania liczb Pole tekstowe o Formacie Pobłażliwym Pole tekstowe o Formacie Strukturalnym Suwak Pokrętło

42 Metody wprowadzania liczb Pole tekstowe z wartością sprawdzaną po wprowadzeniu Suwak z polem tekstowym Dwa suwakiDwa przewijalne pola

43 Metody wprowadzania liczb Pole tekstowe z wartością sprawdzaną po wprowadzeniu Suwak z polem tekstowym Dwa suwakiDwa przewijalne pola

44 Metody wprowadzania liczb Pole tekstowe z wartością sprawdzaną po wprowadzeniu Suwak z polem tekstowym Dwa suwakiDwa przewijalne pola

45 Metody wprowadzania liczb Pole tekstowe z wartością sprawdzaną po wprowadzeniu Suwak z polem tekstowym Dwa suwakiDwa przewijalne pola

46 Metody wprowadzania dat Pole tekstowe o Formacie Strukturalnym Pole tekstowe o Formacie Pobłażliwym Rozwijany selektor z kalendarzem lub zegarem

47 Metody wprowadzania dat Pole tekstowe o Formacie Strukturalnym Pole tekstowe o Formacie Pobłażliwym Rozwijany selektor z kalendarzem lub zegarem

48 Metody wprowadzania dat Pole tekstowe o Formacie Strukturalnym Pole tekstowe o Formacie Pobłażliwym Rozwijany selektor z kalendarzem lub zegarem