Interfejs użytkownika „No matter how cool your interface is, less of it would be better”

Prezentacja na temat: "Interfejs użytkownika „No matter how cool your interface is, less of it would be better”"— Zapis prezentacji:

1 Interfejs użytkownika „No matter how cool your interface is, less of it would be better”

2 3 rodzaje użytkowników Nowicjusze Zaawansowani Eksperci Optymalizuj dla zaawansowanych Model użytkownika <> Model implementacyjny

3 Projektowanie dla nowicjuszy Nikt nie chce pozostać nowicjuszem Nowicjusz – „Bardzo inteligentny lecz zajęty” – chcą znać cel oraz idiomy Przewodniki Menu Pytania: Jak wydrukować dokument ? Co robi ten program ? Jak zacząć ?

4 Projektowanie dla ekspertów Skróty klawiszowe Używają rzadko wykorzystywanych funkcji Pytania: Jak to zautomatyzować ? Czy jest do tego skrót ? Czy mogę to zmodyfikować ?

5 Projektowanie dla zaawansowanych Tooltips Pomoc Rzeczy często używane dobrze widoczne Pytania: Zapomniałem jak się importuje. Oops, czy można to cofnąć ? Przypomnij mi co „to” robi ?

6 Rodzaje aplikacji Suwerenna (samodzielna) Czasowa Deamoninc ? Pomocniczna

7 Aplikacja samodzielna Zajmuje cały ekran Często główne narzędzie użytkownika Głównie użytkownicy zaawansowani Wykorzystaj przestrzeń Duża ilość informacji zwrotnej

8 Aplikacja czasowa Widoczna tylko tymczasowo Prosta Instrukcje wbudowane w wygląd Można użyć jaśniejszych kolorów i większych ikon Zapamiętaj stan

9 Możliwość a prawdopodobieństwo Projektuj dla przypadków możliwych Wspieraj przypadki prawdopodobne

10 Reguły Użytkownik zakłada najprostszy możliwy model Nie pytaj użytkownika o rzeczy na których mu nie zależy Używaj metafor Desktop Briefcase ? (zła metafora) Spójność

11 Reguły cd Użytkownicy nie czytają instrukcji Użytkownicy w sumie w ogóle nie czytają Użytkownicy mają problem z obsługą myszki. Użytkownicy mają problemy z pamięcią

12 Reguły cd Nie zaczynaj z pustym ekranem Ludzie nie pamiętają znaczenia kolorów Grupuj powiązane ze sobą dane Reguła Millera 7 +/- 2 Program powinien pokazywać swój stan

13 Reguły cd Unikaj zbędnego raportowania Użytkownicy nie lubią pytań Dialog = pytanie Toolbar = możliwość wyboru Niebezpieczne funkcje powinny być dobrze zabezpieczone Nigdy nie używaj poziomego scrolla

14 Eliminując nadmiarowość Nie zatrzymuj przepływu z powodu głupot Zezwalaj na wprowadzanie danych w miejscu gdzie je wyświetlasz Nie zmuszaj użytkownika do przejścia do innego okna aby zmienić coś w istniejącym oknie Nie zmuszaj użytkownika do pamiętania gdzie zapisał pliki/dane

15 Eliminując nadmiarowość Jeśli coś jest warte wprowadzania przez użytkownika, jest warte zapamiętania przez program Zezwalaj na wycofanie się z akcji Okienko dialogowe to inny pokój, miej powód aby do niego iść

16 Wprowadzanie danych Używaj kontrolek z ograniczeniami Scrollbars Spinners Walidacja aktywna oraz pasywna Aktywna – weryfikacja podczas wprowadzania Pasywna – weryfikacja po zakończeniu wprowadzania Czy wprowadzanie „dziewieć” w kontrolce liczbowej to błąd ?

17 Komunikaty błędów Błędy zatrzymują działanie programu. Ludzie nie lubią komunikatu o błędach ? Czyją winą jest błąd: Jak ma się zachować program gdy podczas wprowadzania faktury są podane błędne (lub niepełne) dane klienta

18 Nie każ mi myśleć Ludzie nie czytają stron, oni je skanują Nie szukamy optymalnych rozwiązań, tylko satysfakcjonujących

19 Projektowanie stron Stwórz oczywistą hierarchię Podziel stronę na dobrze zdefiniowane obszary Rzeczy do kliknięcia powinny być oczywiste Usuń niepotrzebne słowa

20 Specyficzne cechy WWW Wolna reakcja Aplikacja zachowują się inaczej niż zwykłe strony (np. back) Linki