Użyteczna witryna

Nic tak nie irytuje, jak pełna graficznych fajerwerków strona WWW, na której nic nie można znaleźć. Jak sprawić, by witryna była przyjazna użytkownikom?

Przeglądanie niektórych stron to droga przez mękę. Stworzono je przy użyciu skomplikowanych technik programistycznych, na przykład JavaScriptu (JS). Aby taką witrynę zobaczyć, użytkownik musi wyłączyć w swojej przeglądarce skrypt blokujący JS, poczekać kilkanaście sekund aż strona się załaduje, obejrzeć animowane intro, by w końcu obejrzeć właściwą treść. Twórcy witryn nie zwracają uwagi na to, aby były one przyjazne użytkownikowi i proste w obsłudze.

Co to jest usability?

Termin usability oznacza stopień, w jakim ludzie wykorzystują narzędzia czy funkcje, aby osiągnąć jakiś cel. Elementy użyteczne to takie, które mogą być stosowane efektywnie, łatwo można nauczyć się ich obsługi, a skutki pracy z nimi są satysfakcjonujące. Pojęcie to wiąże się z funkcjonalnością – stopniem, w jakim produkt spełnia wymagania w odniesieniu do funkcji i realizuje stawiane przed nim cele. Oba te zwroty często łączy się z pojęciem user friendly, czyli przyjaznością.

Użyteczność stała się jedną z najważniejszych cech systemów informatycznych, w tym witryn WWW. Webusability oznacza łatwość przekazywania informacji za pośrednictwem globalnej sieci, płynność współpracy między użytkownikiem a aplikacjami online i offline. To także miara stopnia, w jakim strona spełnia wymagania, realizuje cele, umożliwia intuicyjną nawigację. Za twórcę użyteczności WWW uważany jest Jakob Nielsen, Amerykanin pochodzenia duńskiego, autor licznych książek oraz tzw. Prawa Nielsena (maksymalna prędkość domowych łączy internetowych podwaja się co 21 miesięcy). Zawdzięczamy mu pięć podstawowych wyznaczników, za pomocą których możemy zmierzyć użyteczność:

1. Łatwość uczenia się. Jak szybko przeciętny użytkownik jest w stanie opanować zasady poruszania się w serwisie i wykorzystać je do osiągnięcia podstawowych celów?
2. Wydajność. Jak szybko zaawansowany użytkownik realizuje złożone cele?
3. Stopień zapamiętywania. Jak wiele zapamiętuje internauta z zasad poruszania się po witrynie? Czy podczas kolejnej wizyty kojarzy je, czy też uczy się ich od początku?
4. Skala błędów. Jak często użytkownik robi błędy podczas przeglądania strony? Jak są poważne? Jak sobie z nimi radzi?
5. Subiektywna satysfakcja. Jak bardzo internaucie podoba się korzystanie z danego systemu?

Z badań Nielsena wynika, że większość internautów jest bardzo niecierpliwa. Nie chcą tracić czasu na czekanie. Razi ich skomplikowany layout i wolne serwery. Narzekają na brak instrukcji obsługi serwisu WWW.

Globalne podejście

Projektując nową stronę lub modyfikując już istniejącą warto wyjść od tak zwanego projektowania zorientowanego na użytkownika (user-centered design, UCD), które zakłada duży udział samych internautów w budowaniu serwisu WWW. Nie chodzi tylko o uwzględnianie komentarzy na stronie, należy też odpowiedzieć sobie na pytania:

1. Jakie cele ma spełniać witryna (promocja marki, sprzedaż towarów lub usług, budowanie społeczności itd.)?
2. Kim są użytkownicy (doświadczeni, początkujący, z dużych miast, z określonych regionów kraju)?
3. Jakie są ich cele? Co chcą osiągnąć za pośrednictwem strony (zdobyć informacje, kupić produkt, rozerwać się)?
4. Które funkcje są internautom najbardziej potrzebne?
5. Jakiego sprzętu i aplikacji używa większość odwiedzających?

Odpowiedzi na te pytania można poznać jeszcze zanim strona zostanie uruchomiona. Po określeniu celów trzeba ustalić zakres treściowy, następnie układ (mapę) i na końcu szatę graficzną. Wielu autorów zaczyna projektowanie od ostatniego etapu, co jest dużym błędem. Gdy witryna już działa, kluczem do sukcesu jest zbieranie informacji na temat użytkowników, ciągłe opracowywanie i testowanie nowych rozwiązań oraz bieżące analizowanie i rozwiązywanie problemów zgłaszanych przez odwiedzających.

Oczywiście nie można spodziewać się, że po stworzeniu od podstaw nowej strony od razu będzie ona w pełni realizować wszystkie kryteria usability. W miarę jak rozwiną się funkcje strony, wzrośnie liczba użytkowników czy zmieni się ich profil dalsze modyfikacje staną się niezbędne.

Podstawowe zasady

Aby stworzyć użyteczną stronę, należy stosować się do obowiązujących w sieci standardów. Wielu webmasterom wydaje się, że witryna powinna być jak najbardziej oryginalna pod względem wyglądu czy nawigacji. Nic bardziej mylnego. Gdyby każda strona w sieci była inna, użytkownicy traciliby mnóstwo czasu na uczenie się każdego serwisu z osobna. Dlatego można powielać sprawdzone, powszechnie stosowane rozwiązania, na przykład w kwestii układu działów, wyglądu menu.

Nietypowe menu stwarza ryzyko, że osoba odwiedzająca serwis nie połapie się w jego układzie. Będzie przez kilka sekund błądzić po najbardziej wyeksponowanych działach, a następnie zrezygnuje. Dodatkowo może potraktować graficzne elementy bocznej listwy jak reklamę.

Webmasterzy lubią korzystać z grafiki nie tylko w menu, ale także w całym serwisie, wykonując go w całości we flashu lub JavaScripcie i zapominając, że spora część internautów nadal korzysta ze stosunkowo wolnego dostępu do internetu (256-512 kb/s). Rezultatem tego jest znaczne wydłużenie czasu ładowania podstron.

Autor strony musi też sprawdzić czy witryna wygląda poprawnie we wszystkich najważniejszych przeglądarkach oraz w każdym programie przetestować wszystkie popularne rozdzielczości, zarówno klasyczne (800×600, 1024×768, 1280×1024 itd.), jak i panoramiczne (1024×600, 1280×800 itd.).

Konieczne jest takĹźe zdeklarowanie kodowania polskich znakĂłw (naleĹźy umieścić odpowiednią formułę w sekcji META pliku HTML). Obowiązujący standard to ISO-8859-2. W przypadku braku tego elementu przeglądarka będzie interpretować witrynę zgodnie ze swoimi domyślnymi ustawieniami, ktĂłre mogą się róşnić od kodowania strony. W rezultacie uĹźytkownik zamiast niektĂłrych polskich znakĂłw zobaczy \”krzaczki\”.

UĹźyteczność a pozycjonowanie

Chcąc zwiększyć popularność strony, trzeba zadbać o jej jak najwyĹźszą pozycję w wynikach wyszukiwania. Idealna jest sytuacja, gdy po wpisaniu bezpośrednio powiązanego słowa kluczowego do Google witryna pojawia się w obrębie pierwszych dziesięciu wyświetlanych linkĂłw. Aby znaleźć się na samej gĂłrze, trzeba wykonać szereg zabiegĂłw określanych jako pozycjonowanie stron WWW. Webmaster moĹźe podjąć się tego samodzielnie lub zlecić profesjonalnej firmie.

W pierwszym przypadku skuteczność jest ograniczona. W drugim koszty sięgają nawet kilkunastu tysięcy złotych rocznie. Witryna, ktĂłra spełnia wszystkie wymogi usability, pozycjonuje się w zasadzie sama. Serwis wykonany poprawnie jest łatwiej indeksowany przez mechanizmy wyszukujące, co skutkuje w dłuĹźszej perspektywie przebiciem się na wysokie pozycje w wynikach Google i innych tego typu stron.

Twierdzenie, Ĺźe uĹźyteczność zastąpi całkowicie typowe metody pozycjonowania jest na pewno przesadzone. Jeśli mamy do czynienia z dużą korporacyjną witryną lub popularnym sklepem internetowym, samo usability nie wystarczy, aby odnieść sukces. Ale dla właścicieli małych i Ĺ›rednich stron spełnianie kryteriĂłw uĹźyteczności to jedna z tańszych oraz skuteczniejszych metod na zwiększenie popularności serwisu.

Najgorsze strony światowego internetu

Serwis Web Pages That Suck od 12 lat przygotowuje spisy najgorszych stron w Ĺ›wiatowej sieci.
PoniĹźej kilka witryn z tegorocznego zestawienia.

{tlo_0}

Adobe Creative Mind

http://www.goodbysilverstein.com/creative_mind

Strona otrzymała w 2007 roku nagrodę internetowego magazynu People\’s Voice w kategorii najlepsza animacja. Niestety serwis przeznaczony jest tylko dla bardzo cierpliwych uĹźytkownikĂłw.

{/tlo}

{tlo_1}

Usability Net

http://www.usabilitynet.org

Menu jest mało czytelne, w całości wykonane we flashu, nie działa z włączoną blokadą JS.

{/tlo}

{tlo_0}

Edynburska Szkoła Architektury

http://www.architecture.ed.ac.uk

Tu zastosowano wielopoziomowe menu. KaĹźda nieaktualna lista opcji przenoszona jest pod nowszą. I tak w nieskończoność.

{/tlo}

{tlo_1}

Leo Burnett Canada

http://www.leoburnett.ca

Internauta otrzymuje do dyspozycji ołówek zamiast tradycyjnego wskaĹşnika myszy. Stronę przegląda się jak by podróşując w trĂłjwymiarowej przestrzeni.

{/tlo}

{tlo_0}

Korpus Marines

http://www.marines.com

Witryna zawiera nie czytelne menu, bez opisu poszczegĂłlnych opcji. Do czego prowadzi dany link
moĹźna zobaczyć dopiero po przytrzymaniu na nim wskaĹşnika myszy.

{/tlo}

Użyteczność według profesjonalistów

Profesjonalnym i odpowiednio duĹźym serwisom WWW moĹźe opłacić się zatrudnienie ekspertĂłw od usability, ktĂłrzy przyjrzą się stronie, wyszukają błędy i przygotują listę niezbędnych poprawek. NajwaĹźniejsi na tym rynku to Use – Lab, Perfect One i Janmedia. Doradzają zarĂłwno webmasterom, ktĂłrzy tworzą nowe witryny, jak i twĂłrcom działającym juĹź od jakiegoś czasu w sieci. – W pierwszym przypadku usługa obejmuje ocenę całego projektu i konsultacje pod kątem funkcjonalności – wszystko to jeszcze w fazie planowania. Jeśli mamy do czynienia z serwisami istniejącymi, ogĂłlnie analizujemy witrynę i wskazujemy elementy, ktĂłre nie spełniają wymogĂłw uĹźyteczności. W razie potrzeby przeprowadzamy dokładniejsze badanie, obejmujące na przykład zatrudnienie grupy testerĂłw – mĂłwi Paweł Śledziński, właściciel Perfect One.

Podstawową formą badania jest tak zwana ocena ekspercka. Zaczyna się od ustalenia profilu internautĂłw danej witryny oraz jej celĂłw. Opracowywany jest kontekst uĹźytkownika, ktĂłry określa, jak budowa serwisu i jego funkcje wpływa ją na realizację zadań stawianych przed stroną. Rezultatem jest raport zawierający listę wszystkich problemĂłw oraz propozycje ich rozwiązania. Webmaster otrzymuje dokument, ktĂłrego wcielenie w Ĺźycie moĹźe doprowadzić do 50-100% wzrostu oglądalności w ciągu kilku miesięcy (dzięki lepszemu pozycjonowaniu w Google i większej wierności czytelnikĂłw).

Bardziej zaawansowaną, ale i droĹźszą metodą są badania usability z uĹźytkownikami. Mogą one być potrzebne wtedy, gdy mamy do czynienia z rozbudowaną witryną pełną róşnorodnych funkcji, ktĂłre trudno ogarnąć podczas standardowej procedury. Wtedy zatrudnia się testerĂłw. Ich zadaniem jest wykonywanie typowych czynności w obrębie nowego serwisu i formułowanie propozycji poprawek. – Metoda ta sprawdza się szczegĂłlnie w przypadku duĹźych, interaktywnych witryn, gdzie internauta wykonuje sporo akcji samo dzielnie – stosowana jest na przykład w e-sklepach. Badania z uĹźytkownika mi moĹźna przeprowadzać zarĂłwno na serwisach dopiero startujących, jak i nowych wersjach istniejących witryn – wyjaśnia Paweł Śledziński.

Najbardziej złoĹźoną wersją badania z udziałem testerĂłw jest eye tracking . Metoda ta polega na Ĺ›ledzeniu ruchu gałek ocznych usera. Specjalne urządzenia (eye trackery) sprawdza ją gdzie spogląda uĹźytkownik, jak długo koncentruje wzrok na danym elemencie, w jakiej kolejności \”odkrywa\” witrynę, co po mi ja, gdzie ma problemy. Zebrane dane trafia ją do specjalnej aplikacji, ktĂłra dokonuje ana lizy i sporządza raport. Badać w ten sposĂłb moĹźna uĹźyteczność dowolnej składowej witryny – nawigację, graficzny layout czy obszary przeznaczone na reklamę.

Eye tracking jest metodą, ktĂłrej stosowanie napotyka na pewne bariery. Wielu twĂłrcĂłw stron nie ufa sposobowi pomiaru. Zakładają, Ĺźe nie jest on dokładny czy wiarygodny. Drugi problem to wyciąganie wnioskĂłw z wynikĂłw badań. Przy pomocy eye trackerĂłw moĹźna przebadać od kilkunastu do kilkudziesięciu osĂłb. Nikt jednak nie gwarantuje, Ĺźe jest to reprezentatywna prĂłba, ktĂłra zachowuje się tak, jak większość uĹźytkownikĂłw sieci.

Warto pamiętać, Ĺźe kaĹźdy proces poprawy uĹźyteczności strony naleĹźy rozpocząć od podstaw – odpowiedniego układu menu, lekkiego layoutu, właściwego kodowania znakĂłw. Dopiero po zrealizowaniu tych wymogĂłw warto przejść dalej i zainwestować pieniądze w profesjonalne metody. Często wystarczy ocena ekspercka. Dopiero kiedy witryna się rozwinie, zmienią się stawiane przed nią cele, moĹźna pomyśleć o droĹźszych, zaawansowanych sposobach na poprawienie usability.