Jak ulepszyć stronę internetową?



Podobne dokumenty
Przyciągnij wzrok, a osiągniesz sukces!

Zastosowanie darmowych rozwiązań do testów użyteczności aplikacji internetowych

Eye Tracking w słuŝbie (nie tylko) badań uŝyteczności

Użyteczność stron internetowych

StartUp IT / rozgrzewka

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań:

SPOŁECZNOŚCI INTERNETOWE

Historia okulografii. Historia okulografii. Historia okulografii. Historia okulografii. Historia okulografii. Eyetracking = Okulografia

Co to jest usability?

SHOPPER FEEDBACK. Nowoczesna metoda analizy potrzeb i satysfakcji klientów. Inquiry sp. z o.o.

Nowoczesne Metody Obserwacyjne. więcej niŝ deklaracje.

W kierunku zwiększania dostępności zasobów udostępnianych przez polskie biblioteki cyfrowe Nowoczesne rozwiązania w systemie dlibra 6

Dostępne e-podręczniki

Dostępność serwisów i treści internetowych dla osób z dysfunkcją wzroku i słuchu. Długie Życie Fotografii 2016 Fundacja Archeologia Fotografii

Robert Szmurło. Projektowanie Graficznych Interfejsów Użytkownika

OBSERWATRIUM POLITYKI SPOŁECZNEJ

laboratorium badań Erwin Wilczyński PJWSTK Warszawa Koło Naukowe HCI PJWSTK, 31 marca 2008r.

Badania marketingowe. Omówione zagadnienia


Przegląd skutecznych narzędzi e-marketingowych. Maciej Kuźma - Koordynator Marketingu Marek, LUX MED

mgr Zbigniew Misiak

Wpływ mediów społecznościowych na rozwój komunikacji naukowej

Tester oprogramowania 2014/15 Tematy prac dyplomowych

Szkolenia dla pracowników Politechniki Wrocławskiej

Sposoby analizy i interpretacji statystyk strony WWW.

Nowe technologie w służbie procesu badawczego, czyli wykorzystanie platformy internetowej w prowadzeniu ewaluacji

GUI - projektowanie interfejsów

Ewaluacja wewnętrzna, a podnoszenie jakości pracy szkół. System Zarządzania Informacją Aplikacja nadzoru pedagogicznego

SHAREPOINT SHAREPOINT QM SHAREPOINT DESINGER SHAREPOINT SERWER. Opr. Barbara Gałkowska

Moduł ecommerce. Terminy: 11 i 12 marca 25 i 26 marca 15 i 16 kwietnia 25 i 26 kwietnia

METODY BADANIA ERGONOMII INTERFEJSÓW STRON INTERNETOWYCH

Polityka Prywatności Portalu Moviezer.com

Spis treści. O autorce. O recenzentach. Wprowadzenie

Ewaluacja w nowym nadzorze pedagogicznym. Konferencja informacyjna dla dyrektorów szkół i placówek

Komunikacja człowiek-komputer. dr Artur Bartoszewski

Jak ustawić cele kampanii?

Sylabus modułu e-urzędnik

Badania behawioralne i inne metody badania użyteczności serwisów

KARTA KURSU (realizowanego w module specjalności) MULTIMEDIA I TECHNOLOGIE INTERNETOWE (nazwa specjalności)

Wykorzystanie technologii informacyjnych i komunikacyjnych w administracji

MIGRATE OS TO SSD. Przewodnik

Blueconsulting Badania użyteczności i konsulting internetowy

Specyfikacja dla strony internetowej Fundacji Śląskie Hospicjum dla Dzieci

Jak tworzyć strony internetowe, aby były gotowe na pozycjonowanie?

Spis treści. Polityka dotycząca plików cookie

Tomasz Karwatka Janmedia Interactive ecommerce w czym tkwi siła naszych rozwiązań

ECDL/ICDL Współpraca online Moduł S7 Sylabus - wersja 1.0

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

Testowanie w procesie Scrum

Prawne obowiązki w zakresie udostępniania informacji spoczywające na barkach samorządów lokalnych i jednostkach administracji publicznej

Imię i nazwisko:. Data:...

E-PROGRAMY System rezerwacji programów E-PROGRAMY dla studentów uczelni PWSTE

Praca magisterska Jakub Reczycki. Opiekun : dr inż. Jacek Rumiński. Katedra Inżynierii Biomedycznej Wydział ETI Politechnika Gdańska

eseminaria WIRTUALNE SPOTKANIA REALNI KLIENCI Prawdopodobnie najskuteczniejszy sposób zdobywania kontaktów biznesowych

Komunikacja człowiek komputer. Dr inż. Agnieszka Szydłowska

Jak działa Brandle? Narzędzie online do organizacji i sprawdzania efektów marketingu szeptanego w internecie

Linki sponsorowane. Docieraj do milionów nowych klientów! Grzegorz Kordeczka WebDoctor.pl

ASPEKTY TECHNOLOGICZNE APTEK INTERNETOWYCH

Czas na dostępność. Projekt Kuźnia Dostępnych Stron jest współfinansowany ze środków Ministerstwa Administracji i Cyfryzacji

Dostępność w rozumieniu ustawy o języku migowym i innych środkach komunikowania się

Dziennikarze technologiczni pod lupą ComPress

Co nowego w. wersji 12?

Sposoby zdalnego sterowania pulpitem

Badania ewaluacyjne WYWIAD 6 ZAJĘCIA

wprowadzenie do badań eyetrackingowych

Polityka Cookies. 1. Co to jest plik cookie? 2. Dlaczego korzystamy z Plików Cookies? 3. Z jakich rodzajów Plików Cookies korzystamy?

Badania marketingowe 2013_7. Krzysztof Cybulski Katedra Marketingu Wydział Zarządzania Uniwersytet Warszawski

Testy z udziałem użytkowników

TEST WIEDZY ICT. Diagnoza umiejętności Kandydata/tki z zakresu technologii cyfrowych

Proces projektowania i wdrożenia serwisu internetowego

Przemysław Marcinkowski Fundacja Widzialni. Budowa dostępnej strony www placówek publicznych

Spis treści. 1. Wstęp 2. Rejestracja 3. Logowanie 4. Moje konto 5. Program poleconych 6. Narzędzia Wydawcy 7. Zakończenie

Instrukcja obsługi Connection Manager

Aplikacje i serwisy mobilne oraz rozwiązania m-commerce Rozwiązanie obsługiwane przez eo Networks S.A.

RONSON Strona, która sprzedaje Wirtualne narzedzie w dotarciu do realnego nabywcy mieszkania

Oferta reklamowa w serwisach Grupy Marketingowej TAI

Część I Rozpoczęcie pracy z usługami Reporting Services

1. INSTALACJA I URUCHOMIENIE KOMUNIKATORA

Kierowanie uwagi jak lepiej zrozumieć eye tracking. Wojtek Chojnacki

Tytuł prezentacji podtytuł

Bezpieczeństwo dzieci w internecie: 4 rzeczy, które może zrobić rodzic MODUŁ 6 B

PROGRAM SZKOLENIA Marketing internetowy i jego wykorzystanie do promocji firmy oraz aspekty prawne - MOJA FIRMA W SIECI

Dopasowywanie czasu dla poszczególnych zasobów

STRONA WWW A LANDING PAGE

ACT! BY SAGE 2008 I SAGE ACT! 2011

Deduplikacja danych. Zarządzanie jakością danych podstawowych

Podstawowe zasady użyteczności i ich wpływ na biznes

Podstawy przetwarzania danych pochodzących z lotniczego skanowania laserowego w oprogramowaniu LP360 firmy QCoherent

32. Metody badania użyteczności stron WWW

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

Przechowuj, synchronizuj i udostępniaj swoje materiały

LearnIT project PL/08/LLP-LdV/TOI/140001

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.

FISZKA KONKURSU. Centrum Projektów Polska Cyfrowa POPC IP /16. Program Operacyjny Polska Cyfrowa

poziom: Core wersja: 2.6 moduł: B : Wytwarzanie SYLLABUS

System Kancelaris. Zdalny dostęp do danych

REFERAT PRACY DYPLOMOWEJ

Podręcznik użytkownika dla komputera Macintosh

Część I Formułowanie celów i organizacja badań

Transkrypt:

Jak ulepszyć stronę internetową? Metody badania jakości serwisów internetowych Piotr Jardanowski Project Manager Symetria Metody badania/analizy strony internetowej Eye Tracking Statystyki ZBU KBU Clicktracking Analiza dostępności Analiza heurystyczna 2008-05-16 Jak ulepszyć stronę internetową? 2 1

Analiza strony WWW jako proces I Etap II Etap III Etap Statystyki Analiza dostępności KBU Clicktracking Analiza heurystyczna ZBU Eye Tracking 2008-05-16 Jak ulepszyć stronę internetową? 3 Statystyki 2

Słaba penetracja statystyk Z czego korzystamy - liczba UU - liczba odwiedzin (podstron) - geolokalizacja Z czego nie korzystamy - ustalania celów i tunelów - analizy podstron odrzucenia (exit/bounce rate) - czas pobytu na poszczególnych podstronach - przeglądarki - słowa kluczowe - strony generujące ruch 2008-05-16 Jak ulepszyć stronę internetową? 5 Główne Zalety i Wady Zalety: Wyszukanie słabych punktów serwisu Analiza ilościowa odwiedzin strony WWW Poznanie profilu użytkowników Łatwa i szybka instalacja oraz niskie koszty Wady: Problemy z cachem Możliwość wyłączenia/blokowania skryptu 2008-05-16 Jak ulepszyć stronę internetową? 6 3

Clicktracking Clicktracking mapa kliknięć 2008-05-16 Jak ulepszyć stronę internetową? 8 4

Clicktracking statystyka kliknięć 2008-05-16 Jak ulepszyć stronę internetową? 9 Clicktracking lista kliknięć 2008-05-16 Jak ulepszyć stronę internetową? 10 5

Główne Zalety i Wady Zalety: Wykrycie obszarów najczęściej klikanych w serwisie Wykrycie błędów użyteczności Łatwa i szybka instalacja oraz niskie koszty Wady: Brak poznania przyczyn kliknięcia w dany obszar Wymagania technologiczne (brak Flash i ramek, konieczna zgodność HTML) 2008-05-16 Jak ulepszyć stronę internetową? 11 Analiza dostępności 6

Analiza dostępności Dostępność WWW(ang. web accessibility) to dziedzina wiedzy z zakresu interakcji człowieka z komputerem zajmująca się problematyką tworzenia stron i serwisów internetowych dostępnych dla jak najszerszego grona odbiorców, ze szczególnym uwzględnieniem osób niepełnosprawnych. Dostępność serwisu internetowego oznacza stopień w jakim może być on postrzegany, rozumiany i przeglądany przez wszystkich użytkowników, niezależnie od ich cech lub upośledzeń, a także niezależnie od właściwości używanego przez nich oprogramowania i sprzętu. 2008-05-16 Jak ulepszyć stronę internetową? 13 Regulacje - Polska W Polsce brak jednej ustawy określającej zasady dostępności. Regulacje obowiązujące można znaleźć w: Konstytucji RP (w tym Art. 32 i Art. 69) Ustawy o dostępie do informacji publicznej (z dnia 6 września 2001 r.) Ustawy o informatyzacji działalności podmiotów realizujących zadania publiczne (z dnia 17 lutego 2005 r.) Karty Osób Niepełnosprawnych (Uchwała Sejmu Rzeczypospolitej Polskiej z 1 sierpnia 1997 r.) W powyższych dokumentach jest mowa o równości obywateli w dostępie do informacji bez dyskryminacji ze względu na jakiekolwiek kryteria w tym stopień sprawności. 2008-05-16 Jak ulepszyć stronę internetową? 14 7

Przykłady elementów dostępności 1. Obrazki i animacje:używaj atrybutu altdo opisu każdego elementu. 2. Multimedia:Umieść transkrypcje zapisów audio oraz opisy i nagłówki/tytuły plików wideo. 3. Linki hypertekstowe:umieszczaj w opisie linków tekst, który będzie miała sens, gdy zostanie przeczytany bez kontekstu. Unikaj zwrotów typu kliknij i więcej. 2008-05-16 Jak ulepszyć stronę internetową? 15 Korzyści zwiększa liczbę potencjalnych klientów, zwiększa nasz zysk/dochód z działalności Internetowej, zwiększa prestiż naszej marki w Internecie, poprawa dostępności kodu poprawia również użyteczność serwisu: usprawnienie działania naszego serwisu Internetowego poprzez poprawienie jakości kodu, obniżenie kosztów (szybsze ładowanie kodu), umożliwienie szybszego i łatwiejszego przeniesienia na inne technologie programowania 2008-05-16 Jak ulepszyć stronę internetową? 16 8

Analiza heurystyczna Analiza heurystyczna Analiza heurystyczna to ocena serwisu przez ekspertów w oparciu o zbiór zasad i konwencji przyjętych w Internecie. Jakob Nielsen Obserwacja zmian zachodzących w Internecie i pojawiających się konwencji. 2008-05-16 Jak ulepszyć stronę internetową? 18 9

Analiza heurystyczna przykład zasad Nielsen: http://www.useit.com/papers/heuristic/heuristic_list.html Zapewnij widoczność stanu systemu Dostosuj system do świata rzeczywistego (np. brak żargonu technicznego) Ostrzegaj użytkownika przed błędami Zachowaj spójność i standardy w systemie Pomóż użytkownikom rozpoznawać, diagnozować i radzić sobie z błędami 2008-05-16 Jak ulepszyć stronę internetową? 19 Analiza heurystyczna w praktyce 2008-05-16 Jak ulepszyć stronę internetową? 20 10

Analiza heurystyczna ilu ekspertów? Odsetek liczby wykrytych błędów Liczba ekspertów http://www.useit.com/papers/heuristic/heuristic_evaluation.html 2008-05-16 Jak ulepszyć stronę internetową? 21 Główne Zalety i Wady Zalety: Wykrycie odstępstw od konwencji i standardów internetowych Wykrycie błędów użyteczności Szybkość i niskie koszty Wady: Tylko ocena ekspertów, brak oceny użytkowników Zmieniające się standardy 2008-05-16 Jak ulepszyć stronę internetową? 22 11

Badania użyteczności z użytkownikami Badania uŝyteczności a czas i miejsce Czas badania Rozbieżny (Asynchroniczne) Zbieżny (Synchroniczne) Położenie użytkownika Naturalne środowisko Kwestionariusz internetowy Synchroniczne zdalne badania użyteczności Narzędziowa ocena użyteczności Raportowanie przez użytkownika krytycznych błędów Środowisko kontrolowane (laboratorium) N/A Tradycyjne (laboratoryjne) badania użyteczności Comparative Study of Synchronous Remote and Traditional In-Lab UsabilityEvaluation Methods. PrakaashSelvaraj, 03/2004, Blacksburg, Virginia 2008-05-16 Jak ulepszyć stronę internetową? 24 12

Klasyczne Badania Użyteczności Klasyczne Badania Użyteczności (KBU) z użytkownikami Klasyczne Badania Użyteczności to badania polegające na realizowaniu specjalnie przygotowanych zadań (zgodnych z celem istnienia danej strony internetowej) przez przedstawicieli (użytkowników) grupy docelowej serwisu w specjalnie przygotowanym laboratorium. Podczas badań: użytkownicy są obserwowani przez zespół badawczy, są sporządzane notatki, są rejestrowane zachowania użytkowników, moderator może zadawać pytania, celem wyjaśnienia wątpliwości. 2008-05-16 Jak ulepszyć stronę internetową? 26 13

Klasyczne badanie użyteczności 2008-05-16 Jak ulepszyć stronę internetową? 27 KBU - Ilu użytkowników testować % znalezionych błędów użyteczności Liczba testowanych użytkowników Jakob Nielsen www.useit.com 2008-05-16 Jak ulepszyć stronę internetową? 28 14

Główne Zalety i Wady Zalety: Zbadanie zachowania użytkownika z grupy docelowejna stronie WWW w warunkach zbliżonych do naturalnych Badanie użytkowników z grupy docelowej Możliwość rozmowy i dopytywania badanych Wykrycie sytuacji, które sprawiają problem użytkownikom Wady: Badanie nie odbywa się w naturalnych warunkach uczestnika Problem deklaracji, a realne przesłanki działania Problem dostępności specyficznej grupy docelowej Wysokie koszty 2008-05-16 Jak ulepszyć stronę internetową? 29 Zdalne Badania Użyteczności 15

Zdalne Badania UŜyteczności (ZBU) z uŝytkownikami Zdalne badania użyteczności to rodzaj badań, w których moderator i badany są oddzieleni przestrzennie. Badacz śledzi pracę użytkownika za pomocą sieci komputerowej z wykorzystaniem pomocnych narzędzi : - programy do wideo/audio konferencji, - narzędzia udostępniania aplikacji/pulpitu, - współdzielone tablice, itp.. 2008-05-16 Jak ulepszyć stronę internetową? 31 ZBU narzędzie UserVue Prowadzący: -zarządza badaniem, -nagrywa badanie i współdzieli pulpit -łączy się z badanymi przez chat lub telefon Uczestnik: -udostępnia swój pulpit, -komunikuje się z prowadzącym (TYLKO) Obserwatorzy: -obserwują badanie, -obserwują chat i/lub przysłuchują się rozmowie, - kontaktują się z prowadzącym, - kontaktują się między sobą, -mogą korzystać z markerów i zaznaczać istotne sytuacje 2008-05-16 Jak ulepszyć stronę internetową? 32 16

Główne Zalety i Wady Zalety: Zbadanie zachowania użytkownika z grupy docelowejna stronie WWW w warunkach naturalnych Badanie użytkowników z grupy docelowej niezależnie od miejsca przebywania Możliwość rozmowy i dopytywania badanych Wykrycie sytuacji, które sprawiają problem użytkownikom Wady: Zależność od połączeń sieciowych Instalacja oprogramowania po stronie badanego Brak możliwości stosowania technologii Eye Tracking 2008-05-16 Jak ulepszyć stronę internetową? 33 Eye Tracking 17

Eyetracking śledzenie wzroku Bezinwazyjna i bezdotykowa metoda badania Nieingerująca w naturalne zachowania 2008-05-16 Jak ulepszyć stronę internetową? 35 Wyniki eye trackingu -hot spot X oznacza kliknięcia Pomarańczowy czerwony kolor prawie wszyscy spojrzeli w to miejsce śółty kolor 50% badanych spojrzało w to miejsce Zielony kolor ktoś spojrzał w to miejsce 2008-05-16 Jak ulepszyć stronę internetową? 36 18

Wyniki eye trackingu gaze plot Kółko = fiksacja: im większe tym dłuŝsza fiks. wewnątrz kółka numer fiks. 200 300 ms Linia = skada: gwałtowne ruchy oka sakada łączy fiksacje Fiksacje + Sakady = ŚcieŜka Skanowania 2008-05-16 Jak ulepszyć stronę internetową? 37 Zastosowanie eye trackingu w badaniach serwisów WWW Badanie użyteczności,sprawdzające czy odwiedzający serwis: radzą sobie z jego obsługą? widzą potrzebne im opcje? wygodnie czyta im się treść stron? Badanie marketingowe, oceniające na ile użytkownicy zauważają te elementy stron, które chcieli wyeksponować twórcy. Mapa gorących miejsc 2008-05-16 Jak ulepszyć Eyetracking stronę internetową? - nowy trend 38 19

Główne Zalety i Wady Zalety: Sprawdzenie działania bodźców na wzrok człowieka Oszacowanie intuicyjności Eliminacja mało ważnych, a niepotrzebnie zwracających uwagę elementów Uzupełnienie wiedzy dla klasycznych badań użyteczności Wady: Nie odpowiada na pytanie dlaczego? Problemy z nagraniami u osób z wadami wzroku Wyniki należy interpretować tylko w konkretnych przypadku 2008-05-16 Jak ulepszyć stronę internetową? 39 Eye tracking bądźmy ostrożni wykrywacz konkretnych niepoprawności kreator ogólnych reguł 2008-05-16 Jak ulepszyć stronę internetową? 40 20

Dziękuję za uwagę Piotr Jardanowski Project Manager Symetria piotr.jardanowski@symetria.pl 2008-05-16 Jak ulepszyć stronę internetową? 41 21