e-monitor szkolny

Teksturowe, nieczytelne tła

Wyobraź sobie granatowe tło w gwiazdki, a na tym zielony tekst (nie kłamię - zdarzają się takie strony). Nie jesteś w stanie nic przeczytać, kolory się ze sobą zlewają, wpatrujesz się w monitor z odległości dziesięciu centymetrów, żeby zrozumieć o co chodzi na tej choince.

Kolory tła i tekstu powinny jak najbardziej ze sobą kontrastować (czarny lub granatowy tekst na białym tle; biały tekst na ciemnym tle).
Tło powinno być jednolite - wtedy tekst jest dużo bardziej czytelny. Najlepiej stosować jasne tła - najchętniej białe (BODY BGCOLOR="#FFFFFF") ponieważ są dla czytelników najbardziej naturalne - książki drukowane na czarnym papierze nie są specjalnie popularne, nieprawdaż?

Jeżeli koniecznie zależy Ci na dołączeniu jakiegoś wzoru lub motywu graficznego, zamieść go na marginesie tła gdzie nie będzie żadnych tekstów. Nigdy nie umieszczaj w tle 'plastycznych', trójwymiarowych motywów.

Jeżeli stosujesz kolorowe, graficzne tło ustaw BODY BGCOLOR tak, by był do niego jak najbardziej zbliżony, gdyż wtedy od samego początku ładowania strona będzie czytelna.

Migające napisy (blink) - nie, nigdy, za nic!

Męczy oko, rozprasza uwagę i uwierz, że rzadko kiedy ktoś interesuje się jaka jest ich treść. Jeżeli chcesz przyciągnąć uwagę, użyj pogrubienia, zwiększ wielkość czcionki (ale nie za bardzo!) lub zmień kolor tekstu tekstu na bardziej wyróżniający się.

Scrolling - czyli napisy przejeżdżające przez całą szerokość strony

Męczące, spowalniające i drażniące. Tak jak blink - nigdy!
Uwaga ta dotyczy również ruchomych napisów na pasku nawigacyjnym, które dodatkowo powodują migotanie obrazu oraz nie pozwalają się zorientować dokąd prowadzą odnośniki.

Ramki (frames)

Ogranicz do minimum! Naprawdę w bardzo niewielu przypadkach są one rzeczywiście potrzebne i do tych przypadków nie zalicza się żadna strona domowa, a i komercyjnych również niewiele.
Dlaczego nie powinno się stosować ramek: spowalniają bardzo ładowanie się strony, uniemożliwiają dodanie konkretnej lokalizacji do zakładek (bookmarków), utrudniają bezpośrednie wydrukowanie strony oraz nie interpretują ich niektóre starsze wersje przeglądarek oraz Lynx.

Under construction

Ikonki z facetem machającym łopatą, żółte znaczki ostrzegawcze i tym podobne bzdury. Wiadomo, że każda witryna na sieci jest stale zmieniana i poprawiana. Link do miejsca gdzie jest jedynie napis 'under constrution' może zniechęcić gości do dalszego zwiedzania, by znowu się nie natknąć na podobne kwiatki.

Jeżeli jakiś dział naszego serwisu nie jest jeszcze gotowy, to po prostu zostaw link do niego nieaktywny - wszyscy będą wiedzieli, że masz go w planie. Oczywiście najlepiej w ogóle powstrzymać się od zamieszczania takiego odnośnika.

Animacje

Im mniej tym lepiej, a ideałem jest całkowite powstrzymanie się od ich stosowania. Oprócz faktu, że spowalniają ładowanie, gdyż mają dużo większą objętość niż zwykłe pliki graficzne (pamiętasz o limicie 40 kB?), to zdarza się, że ich sekwencyjne odtwarzanie powoduje wrażenie ciągłego ładowania się strony, gdyż nie gaśnie sygnalizacja pobierania plików.

Niepotrzebne bajery

- czyli innowacje działające jedynie w najnowszych wersjach niektórych przeglądarek, chociażby ActiveX (wymysł Microsoft'u, który jest interpretowany jedynie przez MS Explorera).
Skrypty Java typu migające tło przy ładowaniu się strony, zegary, informacje ile czasu zostało do początku 2000 roku, w jakiej domenie jesteśmy oraz jakiej przeglądarki używamy (jakbyśmy tego sami nie wiedzieli...).

Mapy graficzne (imagemaps)

W miarę możliwości należy unikać. Przedłużają ładowanie strony, często dezorientują gości, którzy nie wiedzą w które miejsce należy kliknąć, odnośniki do odwiedzonych miejsc nie są zaznaczane innym kolorem, nie działają pod niektórymi przeglądarkami a ich modyfikacja jest wyjątkowo czasochłonna.

Dużo efektywniejszą metodą jest pocięcie obrazka na kawałki używając programu graficznego i umieszczenie go w tabelce.
Jeżeli już koniecznie potrzebujesz zastosować mapę to bezwzględnie zamieść dodatkowe menu tekstowe.

Dodatkowe okienka

Czasami nie da się ich pominąć, bo sponsor wymaga, żeby słowo od niego zamieścić właśnie w ten sposób. Jeżeli nie musisz tego robić, powstrzymaj się. Ostatnio modne jest umieszczanie menu nawigacyjnego w osobnym okienku. Zdania na ten temat są podzielone - ja osobiście nie lubię tego rozwiązania.

Dźwięki

Bardzo niewielki odsetek internautów ma włączone odgrywanie dźwięku. Zmuszanie wszystkich do dodatkowego czekania na załadowanie się plików dźwiękowych, których i tak nie usłyszą tylko irytuje. Jeżeli chcesz zapoznać gości ze swoją ulubioną piosenką, umieść ją jako plik do ściągnięcia lub przynajmniej daj im wolny wybór czy chcą jej słuchać.

Linki ogólnie znane

Wiadomo, że praktycznie każdy tworzy podstronę z linkami. Jeżeli zamieszczamy tam adresy do stron związanych tematycznie, wszystko jest w porządku. Problem zaczyna się, gdy bawimy się w sztukę dla sztuki i wpisujemy adres ogólnie znanego serwisu.

Często oglądając zbiór odnośników można przewidzieć zawartość merytoryczną strony oraz jej oryginalność. Wyjątek od tej reguły stanowią jedynie katalogi stron oraz serwisy poświęcone konkretnemu tematowi, które podają wszystkie znane sobie linki związane z daną dziedziną.

Bannery

Promocja strony opierająca się na wymianie graficznych, często animowanych, linków jest w równym stopniu popularna co znienawidzona przez internautów. Jeżeli zamieszczamy linki do stron zaprzyjaźnionych lub tych od których jesteśmy uzależnieni, to dużo grzeczniejsze jest umieszczenie tekstowego odnośnika wraz z opisem co na danej stronie można znaleźć.

Nigdy nie rób strony na której będzie jedynie krótkie menu - jeżeli gość będzie miał do wyboru dwie pozycje na całej stronie, a na następnej trzy, to na pewno poszuka innego miejsca, w którym będzie można dużo szybciej dotrzeć do interesujących go informacji. Oczywiście wyjątkiem jest strona główna, gdzie powinno się zamieszczać odnośniki do podstawowych działów, by nie przytłaczać i nie dezorientować odwiedzających nadmiarem informacji.
Jeżeli robisz menu w formie skryptu Java, dodaj również menu tekstowe.

Nigdy nie rób stron, które trzeba przewijać w poziomie - sprawdź czy przy najmniejszej rozdzielczości (640x480) wszystkie elementy mieszczą się na jednej szerokości ekranu.