W drugim kroku tracimy 10 000 * 10% * 35 s = 10 h
co kosztuje nas 2000 zł
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 12
Tomasz Karwatka
3. Zatem jedna nieoptymalna zmiana w serwisie kosztuje firmę
jednorazowo prawie 5000 zł.
Firma
Ilość pracowników
10000
Koszt utraconej godziny pracy
200,00 zł
Informacja
Dodatkowy czas na zrozumienie nie-intuicyjnego komunikatu
[s]
5
Ilość błędnych decyzji
10%
Czas utracony na skutek błędnej decyzji [s]
35
Straty
czas stracony w kroku 1 [h]
14
koszt kroku 1
2 778 zł
czas stracony w kroku 2 [h]
10
koszt kroku 2
1 944 zł
Razem
4 722 zł
Tabela 1 - Jednorazowy koszt jednej nie-intuicyjnej informacji
Wprowadzenie / Case
Możesz otworzyć plik ww. wyliczeń zapisany w formacie Excel
i samodzielnie przeprowadzić symulację dla zmiennych parametrów.
Wszystkie materiały ćwiczeniowe są dostępne na
http://www.webusability.pl.
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 13
Tomasz Karwatka
Najważniejsze wytyczne
● Trzymaj się konwencji.
● Nie każ mi myśleć!
Najważniejsze wytyczne / Niepisane standardy
Internetu
Najważniejsze wytyczne / Case
Zastanów się, jakie konwencje stosowane są w gazecie.
● nagłówek
● podpis pod fotografią
● ...
Najważniejsze wytyczne / Konwencje w Internecie
● Dużo konwencji pochodzi ze świata realnego, zwłaszcza z prasy.
● Konwencje i niepisane standardy są bardzo przydatne i zazwyczaj
są słuszne, inaczej nie byłyby konwencjami :)
● Projektanci mają wrodzoną niechęć do wykorzystania konwencji.
● Umieszczenie elementów w pewnych standardowych miejscach
ułatwia odnalezienie ich.
● Logo w lewym górnym narożniku serwisu jest konwencją.
● Podkreślenie elementu będącego linkiem jest konwencją.
● Zmiana kolorów linków już odwiedzonych jest konwencją.
● Pojęcie koszyka w handlu internetowym jest konwencją.
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 14
Tomasz Karwatka
Najważniejsze wytyczne / Analiza i pisanie
konstruktywnych komunikatów
Rysunek 1 - Komunikat "błąd pracy z systemem" brzmi dość
enigmatycznie. Nie tłumaczy, co się stało i co należy teraz zrobić.
Najważniejsze wytyczne / Case
● Wejdź na wybrany serwis WWW lub portal.
● Odszukaj komunikaty o następujących sytuacjach
• Wyszukiwarka – brak wyników wyszukiwania
• Newsletter – niepoprawny adres e-mail
• Formularz kontaktowy – niepoprawne dane lub brak danych
• Inny komunikat systemu
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 15
Tomasz Karwatka
● Czy komunikaty systemu są poprawne?
• Czy tłumaczą co się stało?
• Czy wskazują miejsce problemu?
• Czy podają rozwiązanie problemu?
• Czy jeśli proszą o wpisanie danych, podają ich format?
Najważniejsze wytyczne / Efektywne linki
● Tekst odnośników i opcji w menu nie powinien być zbyt długi,
gdyż utrudnia to szybkie zrozumienie znaczenia.
• Dwa do czterech słów.
● Unikaj „kliknij tutaj”!
● Stosuj tytuły odnośników.
● Linki tekstowe – trzymaj się konwencji.
• Podkreślenia.
• Niebieski kolor (coraz częściej uważa się, że to nie jest
konieczne).
• Oznaczenie już klikniętych.
● Nie otwieraj linków w nowym oknie.
● Wyraźnie zaznacz elementy, które można kliknąć.
Najważniejsze wytyczne / Podstawy nawigacji
● Działając, zazwyczaj czegoś szukasz
● Zależnie od charakteru - pytasz lub szukasz na własną rękę.
• W Internecie pytanie to zadawanie pytań wyszukiwarce.
• Szukanie na własną rękę to korzystanie z menu nawigacyjnego.
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 16
Tomasz Karwatka
● Dwa typu użytkowników:
• Nastawieni na wyszukiwanie – od razu idą do wyszukiwarki
• Nastawieni na przeglądanie – wolą przeglądać strony
Najważniejsze wytyczne / Dlaczego w Sieci nawiguje się
trudniej
● Brak pojęcia skali, nie wiesz, jak duża jest witryna, więc trudno
określić, ile może zająć jej przeszukanie.
● Nieintuicyjne określanie pozycji i kierunku, nie przystaje do świata
realnego
● Surfowanie po Internecie z natury jest stanem pewnego
zagubienia.
J. Nielsen podaje, że aż 30% wszystkich kliknięć w Internecie to
kliknięcie przycisku Wstecz. To także kolejny argument, by unikać
ramek i nawigacji opartej na Flash – te elementy mogą utrudniać
nawigowanie za pomocą przycisku Wstecz.
Najważniejsze wytyczne / Główne zadania nawigacji
● Nawigacja umożliwia odnajdywanie dokumentów w serwisie.
● Nawigacja informuje nas, gdzie jesteśmy w strukturze serwisu
(odpowiednie oznaczenie w menu).
● Nawigacja daje nam poczucie stabilności (element stały).
● Mówi o tym, co w danym miejscu się znajduje (pojęcie menu).
● Mówi, jak możemy z tego skorzystać.
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 17
Tomasz Karwatka
● Buduje zaufanie do autorów serwisu.
Rysunek 2 - Schemat nawigacji po serwisie, na podstawie S.Krug.
Copyright by Wydawnictwo Złote Myśli & Tomasz Karwatka
EFEKTYWNE I INTUICYJNE SERWISY WWW
● str. 18