1 / 22

ZASADY PROJEKTOWANIA STRON WWW

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)

ron
Download Presentation

ZASADY PROJEKTOWANIA STRON WWW

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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

More Related