Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum dla Listopad 16th, 2010

Webwriting

Autor: Piotr Karpiuk o 16. listopada 2010


Jakiś czas temu wpadła mi w ręce mała objętościowo i droga w przeliczeniu na stronę, ale naprawdę niezła książka J.Wryczy-Bekier pt. Webwriting. Profesjonalne tworzenie tekstów dla Internetu – pełna ciekawych zaleceń dla osób chcących publikować teksty w internecie. Poniżej moje notatki.

Funkcjonalność stron internetowych

Eyetracking


Ścieżka poruszania się wzroku po ekranie

Badania ruchu gałek ocznych internautów pokazują (patrz rysunki obok) że:

  • lewy górny róg jest kluczowym elementem na stronie,
  • górna część ekranu jest ważniejsza od części dolnej,
  • dolna część ekranu jest najmniej ważną strefą.

Nawigacja

Dobrze zaprojektowana nawigacja umożliwia użytkownikowi znalezienie odpowiedzi na pytania: „Gdzie jestem?”, „Gdzie byłem?” oraz „Dokąd mogę pójść?”.

Nawigacja obejmuje:

  • logo (lewy górny róg, na wszystkich stronach witryny, zawsze jako łącze do strony głównej, nigdy nie animowany) – pod logo zalecany krótki wiersz podsumowujący czym firma się zajmuje,
  • wyszukiwarka (górna część ekranu, pod banerami, pole wyszukiwania powinno mieć biały kolor, szerokość min. 30 znaków, po jego prawej stronie przycisk Szukaj),
  • narzędzia użytkownika (np. koszyk – prawy górny róg ekranu, pomoc – górna prawa strona ekranu, łącze do rejestracji/autoryzacji),
  • pasek nawigacyjny – kategorie (pionowy i lewostronny, najpierw najważniejsze kategorie),
  • nawigacja lokalna – pojawiająca się na podstronach, w szczególności ścieżka powrotu.

Witryna ma nie tyle zwracać uwagę, ile poświęcać uwagę użytkownikowi.
Tylko 10% internautów przewija strony, czyli kluczowe informacje powinny znaleźć się ponad linią zanurzenia.

Ślepota banerowa

nie widzimy tego co znajduje się ponad bannerami

Czytaj więcej »

Napisany w Recenzja książki, WWW | Brak komentarzy »