Architektura i użyteczność stronyczyli

NIE KAŻ MI MYŚLEĆ!

Łukasz Stochniał

Nie czytamy stron internetowychMy je przeglądamy

Dlaczego tylko przeglądamy?

- Zazwyczaj spieszymy się. Zwykle korzystanie z Internetu podyktowane jestchęcią zaoszczędzenia czasu.

- Wiemy, że nie musimy czytać wszystkiego. Podczas odwiedzin większości stroninternetowych interesuje nas zaledwie ułamek tego, co się na nich znajduje.

- Umiemy przeglądać. Przez całe życie przeglądamy gazety, czasopisma i książki,poszukując interesujących rzeczy, i wiemy, że to działa

Nie wybieramy optymalnieMy zadowalamy się

Dlaczego zatem użytkownicy Internetu nie szukają najlepszych rozwiązań?

- Zazwyczaj spieszymy się. Zadowalanie się jest pod tym względem najbardziej wydajne.- Nie ma wielkiej szkody, jeśli nasz wybór okaże się błędny. Karą za niepoprawny wybór odnośnika na stronie WWW jest zazwyczaj jedno lub dwa kliknięcia przycisku Wstecz.- Ocenianie możliwych wyborów niekoniecznie musi zwiększać nasze szanse.Kiedy witryny są źle zaprojektowane, spędzanie czasu nad wyborem najlepszejopcji jest marnotrawstwem. Zamiast zastanawiać się nad najlepszą decyzją,użytkownik często woli kliknąć pierwszy odpowiadający mu odnośnik i potemewentualnie skorzystać z przycisku Wstecz.- Zgadywanie to lepsza zabawa. Wymaga mniej wysiłku niż analiza możliwychwyborów i pozwala zaoszczędzić czas, jeśli jest trafne.

Nie myślimy nad tym, jak coś działaMy po prostu sobie z tym jakoś radzimy

Dlaczego tak się dzieje?

-Nie jest to dla nas ważne. Większość z nas uważa, że nie jest istotne, jak rzeczy funkcjonują do czasu, kiedy możemy z nich korzystać.

- Jeśli znajdziemy coś, co działa, zostajemy przy tym. Gdy tylko znajdziemy coś, co działa - bez względu na to, czy działa dobrze, czy nie - zazwyczaj niekontynuujemy poszukiwań, aby znaleźć coś innego, co funkcjonowałoby lepiej.Jeśli trafi się coś lepszego, to jedynie przez przypadek, a rzadko w wynikucelowych poszukiwań.

Jeśli użytkownicy „zrozumieją” witrynę, wówczas:

- istnieje dużo większe prawdopodobieństwo, że znajdą to, czego szukają;

- istnieje większe prawdopodobieństwo, że w pełni zrozumieją ofertę witryny, a niejedynie to, na co natknęli się przypadkiem;

- masz większą możliwość nakierowania ich na te części witryny, które chciałbyś,aby odwiedzili;

- czują się mądrzejsi i wydaje im się, że bardziej kontrolują to, co widzą - a tozwiększa szansę na ich ponowną wizytę.

Po co się męczyć?

Skoro wiesz już, że Twoja publiczność ma zamiar zachowywać się tak, jakby oglądała billboardy…

Zajmij się projektowaniem doskonałych billboardów.

Co wymaga myślenia?

< Oczywiste Wymaga myślenia>

Praca > Świat pracyPraca Możliwości zatrudnienia

- Nazewnictwo – proste i intuicyjne (nie sil się na oryginalność);

- Elementy klikalne – wyraźnie zaznaczone

Wyraźna hierarchia

- Im coś jest ważniejsze, tym bardziej się wyróżnia.

- Elementy powiązane ze sobą logicznie, muszą być powiązane również ze sobą wizualnie.

- Elementy powinny być wizualnie „zagnieżdżone”, aby ich przynależność była wyraźnie określona.

Bardzo ważne

WażneMniej ważne

Stosuj konwencje- Konwencje są bardzo przydatne. Prawidłowo stosowane normy ułatwiają użytkownikom poruszanie się po witrynie, bez konieczności zastanawiania się nad następnym ruchem.

- Projektanci raczej niechętnie z nich korzystają. Nie raz próbuje się usilnie wymyśleć koło na nowo.

Nawigacja

Czytelnicy nie będą korzystać ze strony biblioteki, jeśli nie będą się mogli po niej poruszać.

Podstawy nawigacji:- Zazwyczaj czegoś szukasz. - Zapytasz, czy szukasz na własną rękę? - Jeśli decydujesz się na przeszukanie samodzielne, korzystasz z pewnej hierarchii i znaków drogowych.- Ostatecznie, zawsze możesz wyjść.

Jednak na stronie WWW:- Brak pojęcia skali.- Brak poczucia kierunku.- Brak poczucia miejsca.

Nawigacja na stronie

- Korzystaj z konwencji.

- Stwórz „stałą nawigacyjną”.

- Zawsze daj możliwość powrotu na „główną”.

- Pokaż użytkownikowi gdzie jest – „jesteś tutaj”.

- Zrób test bagażnikowy.

Kategorie – nawigacja główna

Źle

Lepiej

Najlepiej

- Kategorie stwórz według przemyślanej hierarchii.- Pamiętaj o każdym poziomie!- Przygotuj próbkę strony z każdego poziomu.- Wybierz przydatne łącza.- Pokazuj użytkownikowi gdzie jest.

Przed kłótnią o schemat kolorów zróbcie przykład stronyz każdego poziomu hierarchii

4 kliknięcia?

Lepiej więcej intuicyjnych,niż mniej przemyślanych

Znaki drogowe na stronie

- Każda strona potrzebuje nazwy. Nie tylko nawigacja.

- Nazwa musi być we umieszczona we właściwym miejscu. Musi w wizualnej hierarchii otaczać zawartość.

- Nazwa strony musi się wyróżniać. Ma mówić „jest to nagłówek całej strony”.

- Nazwa musi być zgodna z tym, co kliknąłem.

Test bagażnikowy

- Co to jest za witryna? (Identyfikator strony).

- Na jakiej jestem stronie? (Nazwa strony).

- Jakie są główne kategorie strony? (Kategorie).

- Jakie mam opcje do wyboru na aktualnym poziomie hierarchii? (Oznaczenie „jesteś tutaj”).

- W jakiś sposób mogę czegoś poszukać? (Interfejs wyszukiwarki).

Test dla odważnego/ej!