Krok 3.
Przygotowanie szkiców i planów

Po ustaleniu koncepcji, zebraniu i opracowaniu danych od użytkowników następuje etap tworzenia szkiców i planów , które staną się wzorcem do zaprojektowania wersji testowej serwisu. Sporządzanie schematów odbywa się według zasady „od ogółu do szczegółu” i polega na:

• rozpisaniu struktury całego serwisu (organizacji treści);
• rozrysowaniu systemów nawigacji (powinny być co najmniej dwa);
• ustaleniu rozmieszczenia poszczególnych elementów strony (tzw. layout), pamiętając, że strona główna powinna różnić się od podstron.

Organizacja treści (Rys.1.) polega na kategoryzacji lub klasyfikacji zawartości (tekstu) w sposób logiczny dla użytkownika. Ten element architektury informacji został zapożyczony z informacji naukowej i bibliotekarstwa, dlatego jego omawianie w tym miejscu wydaje się zbędne. Należy jednak zaznaczyć, iż klasyfikacja treści pod kątem serwisu WWW rządzi się innymi prawami, niż klasyfikacja biblioteczna. Jej celem jest przede wszystkim uporządkowanie tekstu tak, aby porządek ten był zrozumiały dla odbiorców. A więc nie można przyjąć takiej samej organizacji informacji dla wszystkich stron o podobnej tematyce, tak jak przyjmuje się jednolity podział wiedzy ludzkiej na 10 działów w UKD. Wyniki badań użytkowników powinny pomóc w ustaleniu, jak dany temat postrzegają użytkownicy, którą jego część mogą najczęściej wykorzystywać i do jakich celów. Pomocna jest tu metoda sortowania kart, na których zapisujemy nazwy działów i poddziałów, następnie obserwujemy jak uporządkują je poszczególni użytkownicy.

Rys.1. Plan organizacji treści

System nawigacji pełni podstawową rolę w serwisie internetowym, dzięki niemu możliwe jest przeglądanie stron (nawigowanie, surfowanie). Rozplanowanie wzajemnych połączeń między stronami i podstronami pozwala uniknąć najpoważniejszego błędu w serwisie internetowym, czyli pustego linku (tzw. Error 404).

Wśród zasad projektowania nawigacji wymienić można:

• jednolitość - menu z linkami powinno znajdować się zawsze w tym samym miejscu, wówczas użytkownik „przyzwyczaja” się do niego;
• lokalizacja - informowanie użytkownika, w którym miejscu się znajduje i jak daleko od strony głównej;
• „trzy kliknięcia” - zasada ta mówi, iż jeżeli użytkownik musi przeglądać więcej niż trzy strony w dotarciu do celu, traci czas i cierpliwość;
• tzw. „ścieżka powrotów” - pozwól użytkownikowi wracać do stron, które przeglądał wcześniej.

Zagadnienia związane z systemami nawigacji i nawigowaniem są bardzo obszerne, dlatego odsyłam do tekstów z bibliografii.

Projektowanie budowy stron i podstron (layout) związane jest z odpowiednim rozplanowaniem miejsca na ekranie i stronie. Za najważniejszy uważa się tzw. pierwszy ekran, czyli zawartość strony mieszcząca się na monitorze bez przewijania. Dlatego stronę główną powinno się tak planować, aby jej cała zawartość zmieściła się na ekranie o rozdzielczości, co najmniej 1024 x 768 pixeli. Wszystkie podstrony powinny mieć wspólną szatę graficzną odróżniającą się jedynie tytułem i szatą graficzną nagłówka. Menu nawigacyjne i etykiety linków powinny brzmieć i wyglądać tak samo na każdej z podstron.

Projektowanie przebiega szybciej, jeżeli wcześniej zostanie opracowany szkic strony z rozmieszczonymi elemenatmi na ekranie (layout). Poniżej podano cztery przykłady szkiców:

Szkic nr 1: Strona główna czasopisma w Internecie.

Szkic nr 2: Strona z tekstem artykułem (element większej całości).

Szkic nr 3: Rozplanowanie zawartości strony z projektem kolorystyki.

Szkic nr 4: Rozplanowanie zawartości strony.