Zasady organizacji treści na stronie www

Czytelnicy tekst na ekranie komputerowym przyswajają znacznie gorzej od tekstu drukowanego, ponieważ:

ze względu na mniejszą rozdzielczość czcionka jest mniej wyraźna
trudniej ogarniają całość i relacje pomiędzy tym co widzą a całością (na ekranie widoczny jest tylko fragment tekstu, a dostęp do pozostałej części jest trudniejszy niż np. w książce czy gazecie)
są rozpraszani przez dodatkowe elementy na stronie występujące obok tekstu

W rezultacie czytelnicy tekst na ekranie komputerowym:

czytają wolniej
mniej z niego rozumieją
mniej zapamiętują
mniej sprawnie reagują na treść przekazu
mają problemy z wyszukiwaniem konkretnych słów

Dlatego organizacja treści na stronie internetowej powinna być podporządkowana kilku podstawowym zasadom

1. redukucja

Ponieważ czytelnicy tak trudno przyswajają tekst komuterowy, staramy się go zredukować, nie uszczuplając jednak jego wartości merytorycznej.

Usuwamy:

ozdobniki i hiperbole ( „najlepszy”, „najkorzystniejsza”) , słowa podkreślające naszą szczerość („bez wątpienia”, „naprawdę”)
informacje, które nie dodają nic nowego do tego, co już zostało powiedziane
zbędne szczegóły
informacje nie związane bezpośrednio z tematem

Przenosimy w inne miejsce:*

szczegóły, rozwinięcia
rzeczy stanowiące podstawowe tło rozważań, oczywiste dla większości
ważne, ale nie dotyczące głównego nurtu tekstu
informacje istotne tylko dla niewielkiej grupy odbiorców

* Do tych informacji możemy się odwołać za pomocą linków

bepośrednio w tekście
w opisach kontekstowych
na marginesie

2. organizacja

Tytuły
Ponieważ czytanie tekstu na ekranie komputerowym jest dla czytelników męczące, starają się oni najpierw ocenić (na podstawie tytułów, nagłówków, pierwszych zdań) czy dany tekst warto przeczytać.

Dlatego tytuły:

powinny być zrozumiałe nawet w oderwaniu od kontekstu – lepsze są długie, opisowe zamiast krótkich – nic nie mówiących
powinny dokładnie odpowiadać zawartości (wyjątek – gdy naszym głównym celem jest przyciągnięcie uwagi czytelnika np. gdy nasz tekst konkuruje z innymi na tej samej stronie)

Akapity

stosujemy wiele ale krótkich (2-3 zdania) akapitów
nie umieszczamy różnych tematów w jednym akapicie
umieszczamy myśl główną na początku akapitu
stosujemy wcięcia w akapitach

Listy

każde wyliczenie zmieniamy w wypunktowaną lub numerowaną listę

Liczby

wyjmujemy liczby z tekstu i przedstawiamy je w postaci tabel i wykresów

Opisy i streszczenia

stosujemy streszczenie dłuższego tekstu na początku lub marginesie
stosujemy opisy kontekstowe

Wyróżnienia

wyłuszczamy najważniejsze części raczej za pomocą pogrubienia, podkreślenie kojarzy się z linkami, a kursywa jest niewyraźna na ekranie.
stosujemy urozmaicenia dla przerwania monotonii tekstu (np. ramki)

3. styl

gdzie się tylko da, używamy strony czynnej
stosujemy pytania
pozbywamy się nadmiaru rzeczowników, nie stronimy od czasowników
stosujemy krótkie, zrozumiałe słowa
nie stosujemy hiperbol i ozdobników – treść oparta na faktach jest bardziej wiarygodna, budzi zaufanie czytelnika. I odwrotnie – koloryzowanie budzi jego podejrzliwość. (nie oznacza to jednak, że powinniśmy stosować suchy język. W razie potrzeby także za pomocą języka działamy na zmysły, rozbudzamy emocje)
zamiast niejasnych określeń (znacznie) stosujemy konkrety (o 30 procent)

4. nawigacja

Łącza:

umieszczamy na końcu zdania, żeby nie rozbijać treści zawartej w zdaniu
stosujemy jednolity wygląd dla łącz na stronie
nie umieszczamy zbyt wielu łącz obok siebie

Nawigacja:

pokazujemy czytelnikowi gdzie się aktualnie znajduje – np. za pomocą podświetlenia punktu menu lub ścieżki prowadzącej do strony głównej
stosujemy powtarzalne reguły nawigacji (dotyczy menu, linków i treści powiązanych tematycznie – np. linki do dodatkowych art. na dany temat w tym samym miejscu) (osoba odwiedzjąca witrynę nieświadomie buduje w swojej głowie jej mapę, która staje się dokładniejsza z każdą odwiedzoną stroną. Powstają też pewne przewidywania dotyczące tych stron, których użytkownik jeszcze nie widział, bazujące na podstawie tych, które zobaczył. Gdy przewidywanie się sprawdzi, mentalna mapa witryny wzmacnia się. Gdy się nie sprawdzi, powstaje niepewność, która na dłuższą metę może prowadzić do frustacji)
elementy w menu – staramy się żeby ilość wyniosła pomiędzy 3 a 7, jeśli więcej to dzielimy na kategorie.

5. druk

Ułatwiamy wydrukowanie dłuższych dokumentów

Wersja do druku powinna: