CMS Strony www- WordPress- dodatkowe informacje Jak ocenić stronę www- audyt strony www Idealna sytuacja występuje wtedy gdy nowoutworzona strona działa bez zarzutu, jest przejrzysta, zawiera wszystkie wymagane informacje, jest prosta w nawigacji oraz posiada dobrze dobraną grafikę. Strony www oceniamy w następującej kolejności: Treść (zawartość merytoryczna, użyteczność i nawigacja) Dostępność dla wszystkich użytkowników Jakość techniczna Dopracowanie szczegółów Strona wizualna Zawartość merytoryczna Niezależnie od tematyki, dobra strona internetowa powinna dostarczać każdemu użytkownikowi konkretnych, użytecznych informacji w zrozumiały i czytelny sposób oraz oferować łatwą nawigację pomiędzy podstronami. Użyteczność Sposób prezentacji treści w głównej mierze stanowi o przyjazności serwisu. Umiejętne wyróżnianie ważnych elementów strony, a także starannie dobrana typografia, odstępy, marginesy, wielkość nagłówków, rozmiary elementów i ich kolorystyka pozwalają odwiedzającemu stronę znaleźć informacje szybko i zapamiętać stronę na przyszłość. Elementy powinny być rozmieszczone w sposób przemyślany, tak aby serwis był przyjazny dla użytkownika. Czas potrzebny na znalezienie odpowiednich części serwisu powinien być możliwie najkrótszy. Jeśli to tylko możliwe, serwis powinien oferować opcję automatycznego przeszukania zawartości podstron. Nawigacja Łatwość nawigacji można ocenić po tym, w jaki sposób są ze sobą powiązane podstrony, czy z każdej podstrony można się cofnąć wstecz lub ile ruchów trzeba wykonać, aby przejść do interesującej nas podstrony. Intuicyjność nawigacji w dużym stopniu wpływa na to, czy użytkownicy lubią korzystać z danej witryny. Linki użyte w serwisie powinny być zaprezentowane w taki sposób, aby jednoznacznie informować, czy strona kryjąca się za tym odnośnikiem to to strona, którą aktualnie oglądamy jest częścią tego samego serwisu, czy kieruje do innego, czy strona na której byliśmy przed chwilą.
Dostępność Dostępność, oznacza, że treść strony powinna być dostarczona w niezmienionej postaci do każdego użytkownika, w szczególności osoby niepełnosprawnej. Każdy użytkownik przeglądający stronę, niezależnie od wieku, wykształcenia, stopnia niepełnosprawności, używanego sprzętu, oprogramowania, miejsca czy szybkości łącza powinien tak samo łatwo odnaleźć interesującą go treść. Przy tworzeniu dobrej witryny, należy założyć, że każdy odwiedzający stronę jest niepełnosprawnym. Dzięki takiemu podejściu uzyskasz stronę łatwą w nawigacji, przyjazną i użyteczną, na czym skorzystają wszyscy użytkownicy. Absolutnie nie można zakładać strategii, że jeśli strona nie będzie dostępna dla niepełnosprawnych, nie wyświetli się im jakiś element to nic nie szkodzi, przecież wszystkim się wyświetli, tylko niepełnosprawnym nie. Dopilnowanie zgodności z wytycznymi dostępności stron formułowanymi przez W3C (organizację zajmującą się standaryzacją internetu) jest jednym z czynników świadczących o rzetelnym podejściu wykonawcy do tworzenia strony. Każdy z internautów przegląda internet w innych warunkach. Z komputera stacjonarnego lub przenośnego, telefonu komórkowego lub czytając wydruki stron z drukarki zdala od komputera. Użytkownicy dysponują lepszym lub gorszym komputerem, szybszym lub wolniejszym łączem, mniejszym lub większym monitorem wyświetlającą określoną ilość kolorów. Strona internetowa powinna zostać zaprojektowana tak, aby na każdym z tych urządzeń była tak samo funkcjonalna. Oczywiście, dodatkowym atutem będzie to, jeśli oprócz prawidłowego działania będzie miała identyczny wygląd. Możesz sprawdzić jak wygląda pogdląd wydruku strony, jak zachowuje się strona po zmniejszeniu okna przeglądarki lub jak długo ładują się elementy strony na różnym sprzęcie i oprogramowaniu. Na różnych monitorach, przy różnej rozdzielczości ekranu, prawidłowo wykonana strona internetowa powinna prezentować tą samą treść i być tak samo łatwa w nawigacji. Jakość techniczna Sprawy techniczne rzutują bezpośrednio na działanie strony. Pierwszym objawem niedociągnięć technicznych jest zbyt wolne ładowanie się strony, które może być spowodowane zbyt słabym serwerem, za dużym obciążeniem lub złym zaprojektowaniem aplikacji. Użyte technologie: Przyjęcie technologii wykonania serwisu www zależy przede wszystkim od tego jakie funkcje ma pełnić strona docelowo. Technologia powinna być wyłącznie narzędziem służącym osiągnięciu wybranego celu. Powinna umożliwiać szerzej opisaną wcześniej dostępność i użyteczność Jako aktualnie obowiązujące standardy dla typowych stron można przyjąć: XHTML Strict w wersji 1.0 oraz CSS 2.1
XHTML to język znaczników pozwalający na zbudowanie szkieletu logicznego strony oraz wypełnieniu go tekstem. CSS to arkusze styli pozwalające na dowolną zmianę szaty graficznej treści strony. Zastosowanie połączenia XHTML i CSS pozwala na rozdzielenie warstwy wizualnej strony od jej treści. Dzięki temu, zmiana kolorystyki całego serwisu, układu elementów może zająć jedynie kilka minut, a zmiany w treści/tekście można zrobić bez zbędnej gimnastyki. Poprawność kodu strony internetowej to absolutne minimum, które powinna spełniać każda dobra strona www. Obowiązkiem każdego tworzącego stronę internetową jest dopilnowanie aby strona była napisana zgodnie z obowiązującymi standardami, specyfikacjami i wytycznymi dla danej technologii. Przykładowe walidatory: http://validator.w3.org/ (HTML, XHTML, SMIL, MathML) http://jigsaw.w3.org/css-validator/ (CSS) http://validator.w3.org/feed/ (Atom, RSS) Microsoft Usability Guidelines Oprócz takiego prostego sposobu oceniania strony www istnieją wytyczne Microsoftu zawarte w Microsoft Usability Guidelines (MUG). Opierając się na tych regułach powstało narzędzie do metrycznego przedstawiania użyteczności. Zasady zawarte w MUG opisują szczegółowo użyteczność pod wieloma aspektami obejmując pięć kluczowych kategorii, tworząc łącznie 15 podgrup. Kategoria Zawartość Łatwość użycia Podkategoria Waga kategorii Waga podkategorii Ocena (1-10) Ocena ważona Możliwa maksymalna ocena Znaczenie treści 45 15 150 Wyk. Multimediów 10 100 Szczegółowość 10 100 Aktualność informacji 10 100 Zrozumiałe cele 30 15 150 Architektura 10 100 Informacja zwrotna 5 50 Promocja 5 5 50 Dostosowanie Emocje Społczność 15 10 100 Technologia 0 0 Trendy 5 50 Wyzwanie 5 0 0 Zainteresowanie 0 0 Wiarygodność 5 50 Przepływ informacji 0 0 Ocena ogólna 1000
Narzędzie to pozwala na kalkulację użyteczności strony internetowej, uwzględniając indywidualne wagi oraz oceny dla każdego kryterium z osobna. Inne metody oceny jakości stron www: - Keystroke- level mode - Eye- tracking - Ocena heurystyczna - Audyt SEO - Testy A/B - Badanie użytkowników Darmowe serwery do postawienia prostych stron www (przydatne do wykonania projektu końcowego) Głównymi wadami darmowego hostingu są z reguły: Ograniczona przestrzeń dyskowa Ograniczona wielkość transferu Brak regularnego wykonywania kopii zapasowej Liczne statyczne i wyskakujące reklamy. Przykładowe darmowe hostingi http://www.hostinger.pl wordpress.com fwl.pl CT8.pl http://www.prv.pl Zadania 1. Wykonaj ocenę 2 wybranych stron www oboma zaprezentowanymi metodami 2. Wykonaj stronę www z wykorzystaniem Wordpressa logując się na platformie Wordpress. com. Sprawdź możliwości wykonania w witrynie wordpress.com i uruchom stronę wordpress z ostatnich zajęć. Wykonaj na stronach: Kilka podstron, jedna z nich z hasłem Menu podstron o wyraźnej hierarchii (struktura drzewiasta) Jedna z podstron- wyłącznie- z możliwością dodawania komentarzy Zmień format daty i godziny na bardziej czytelny Zmień wielkość okna tekstowego (menu pisanie) Ustaw w sekcji formatowanie konwertowanie emotikonek Utwórz kilka rodzajów kategorii wpisów (ustaw jako domyślny jeden z nich najczęściej używany) Wpisy/Kategorie
Uaktywnij opcję publikacji przez e-mail Zmień maksymalną liczbę wpisów, które mogą być umieszczone na jednej stronie (liczba wpisów 15) Zmodyfikuj ustawienia komentarzy: wymuś wprowadzanie email oraz podpisu przez osoby zostawiające komentarz (zapobiega to dużej liczbie spamu). Wgraj na serwer (do mediów) kilka plików o różnych formatach. Umieść je na podstronach, zmodyfikuj ich nazwy. Usuń z biblioteki mediów jeden z plików. Wgrany plik graficzny- przeskaluj. Media- Biblioteka-Edytuj Utwórz wpis w dowolnej kategorii. Zapisz go i zmodyfikuj.