ZASADY PROJEKTOWANIA STRON WWW

Główne cechy dobrej witryny Przejrzystość Szybkie działanie Łatwa obsługa

Dwa zasadnicze rodzaje projektów Projekty witryn będących źródłem konkretnych informacji (oparte gł. na informacji tekstowej) Projekt jako źródło artystycznych doznań autora, wyraz swobody działań twórczych (tworzone głównie w oparciu o obrazy graficzne) Większość witryn łączy (w różnych proporcjach) te dwie cechy

Problematyka użyteczności witryn WWW

Główne czynniki wpływające na użytkowość strony Celowość tworzenia danej witryny Sprawność działania witryny Zrozumiałość witryny (zarówno treści jak i zasad funkcjonowania i nawigacji)

Najczęstsze problemy użyteczności witryn internetowych Korzystanie z technologii Flash (konieczność pobierania i instalowania pluginów) Animacje odtwarzane w cyklu ciągłym (dekoncentrują użytkownika i rozpraszają jego uwagę)

Ograniczenie autonomii użytkownika poprzez: zmianę sposobu funkcjonowania przycisków (np. Back). przekierowania do miejsc innych, niż jest to zamiarem użytkownika. stosowanie „wyskakujących” okienek. stosowanie okien pełnoekranowych (pozbawienie użytkownika paska nawigacji, paska adresowego, listy „Ulubionych” itp..

Zbyt długi czas ładowania Reklamy w witrynach internetowych Źle rozplanowana nawigacja brak przycisku „powrót do strony głównej” strona główna nie zawiera wszystkich istotnych dla użytkownika linków Używanie zwrotów w rodzaju kliknij tutaj do przekierowania użytkownika np. do innej strony

Rola projektanta witryny Ustanawia kanał komunikacyjny pomiędzy swoim klientem (właścicielem serwisu) a użytkownikiem Musi zapewnić użytkownikowi poczucie pełnej kontroli nad witryną Musi wzbudzić w użytkowniku pozytywne uczucia (np. poprzez użycie odpowiednich kolorów, dźwięków itp..)

Definicja wiadomości Wiadomość – w aspekcie projektowania słowo „wiadomość” jest pojęciem abstrakcyjnym, oznaczającym nie tylko informację tekstową, lecz również określenie nastroju i atmosfery, jaką powinien odczuć użytkownik witryny Dobry projekt powstaje wówczas, gdy wrażenie użytkownika jest identyczne ze stanowiskiem właściciela witryny

Definicja publiczności Do kogo adresowany jest projekt Wiek odbiorcy Zainteresowania odbiorcy Wymagania odbiorcy, jego własne standardy jakości Jak często dany odbiorca korzysta z Internetu, jakiego używa sprzętu itp.

Określenie struktury informacji Konfrontacja zagadnień najważniejszych dla zleceniodawcy, a zagadnień najistotniejszych z punktu widzenia odbiorcy Skoncentrowanie się na wiadomości najistotniejszej (nie można kłaść jednakowego nacisku na wszystkie tematy)

Projektowanie wstępne Strona główna i nawigacja: projekt powinien mieć konstrukcję pozwalającą na łatwe dodawanie nowych elementów, zmianę ich kolejności itp. Spis treści: powinien umożliwiać wprowadzanie zmian Najważniejsze informacje umieszcza się na górze strony, by były widoczne w całości, bez konieczności przewijania

Używamy krótkich zdań, wyróżniając ważne zwroty i słowa Odwracamy logikę tekstu- wnioski umieszczamy na początku (czytanie na ekranie sprawia większą trudność niż czytanie na papierze, stąd tendencja użytkowników do prześlizgiwania się wzrokiem po tekście w poszukiwaniu informacji)

Długie teksty należy dzielić na krótsze i umieszczać je w miarę możliwości na osobnych stronach

Skład tekstu Długi tekst należy podzielić na krótkie (ok. 10 wersów) akapity, wyróżniając je nagłówkami (tekst na ekranie czyta się wolniej) Stosujemy nie więcej niż 2 – 3 różne czcionki, definiując jednocześnie np. 2 wielkości (przy zastosowaniu większej ilości czcionek projekt wygląda niespójnie)

Odnośniki tekstowe (linki)- pozostawiamy ich typowy wygląd (kolor ciemnoniebieski, a po przeczytaniu- fioletowy) Unikamy wyróżniania poprzez podkreślenie innych części tekstu niż linki Unikamy tworzenia odnośników z całych zdań

Unikamy czcionek szeryfowych

Unikamy czcionek dekoracyjnych i kursyw

Unikamy wyśrodkowywania tekstu oraz wyrównywania do prawej strony

Kolory tła zbliżone do koloru tekstu lub nadmiernie z nim kontrastujące zmniejszają czytelność tekstu

Ciemny tekst na białym tle jest bardziej czytelny niż biały tekst na ciemnym tle