ZASADY PROJEKTOWANIA STRON WWW

Prezentacja na temat: "ZASADY PROJEKTOWANIA STRON WWW"— Zapis prezentacji:

1 ZASADY PROJEKTOWANIA STRON WWW

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

3 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

4 Problematyka użyteczności witryn WWW

5 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)

6 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ę)

7 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..

8 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

9 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..)

10 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

11 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.

12 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)

13 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

14 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)

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

16 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)

17 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ń

18 Unikamy czcionek szeryfowych

19 Unikamy czcionek dekoracyjnych i kursyw

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

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

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