Jakość stron WWW. Analiza śladów użytkowników. Dmitrij Żatuchin
Agenda <ul><li>Dane służące do analizy wyników badań użyteczności. </li></ul><ul><li>Metryki użyteczności. </li></ul><ul><...
Dane służące do analizy wyników badań użyteczności. <ul><li>Dane uzyskiwane podczas badań: </li></ul><ul><ul><li>Notatka, ...
Metryki użyteczności <ul><li>Potrzebne, aby ocenić o ile bardziej użyteczny jest produkt po wprowadzonych poprawkach </li>...
Zastosowanie clicktrackingu 1/2 <ul><li>Metoda wykorzystywaną do śledzenia aktywności użytkowników na stronach WWW, lecz n...
Zastosowanie clicktrackingu 2/2 <ul><li>Możliwe sposoby prezentacji danych to: </li></ul><ul><ul><li>mapa kliknięć </li></...
Motiontracking.  Charakterystyka danych. <ul><li>„ nagrywanie” ruchów i akcji wykonywanych przez użytkownika na stronie WW...
Motiontracking.  Ścieżka wizyty użytkownika <ul><li>graf zachowań sieciowych </li></ul><ul><li>System webowy: </li></ul><u...
System ewaluacji zachowań użytkowników Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
Działanie web aplikacji Obitracks.com <ul><li>Dwie mniejsze aplikacji: </li></ul><ul><ul><li>User Tracker: </li></ul></ul>...
Case study: Czytodziala.pl Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
Case study: Czytodziala.pl. Zadania. <ul><li>Zadanie 1 </li></ul><ul><ul><li>Wejdź na stronę  http://czytodziala.pl </li><...
Case study: Testowanie i wyniki <ul><li>8 użytkowników </li></ul><ul><li>Natywne środowisko pracy użytkowników </li></ul><...
Case study:  Czytodziala.pl. Mapa cieplna Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
Case study: Czytodziala.pl. Ścieżka. Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
Case study: Wyniki z Eyetrack.  Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
Metoda porównania danych. Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Webowy system. 486|87|998|opera|1|1200958706460|82.143.1...
Metoda porównania danych:  Algorytm 1. <ul><li>Suma różnic odległości między punktami w stosunku do łącznej długości ścież...
Metoda porównania danych:  Algorytm 2. <ul><li>Różnica w położeniu kursora i czasie przestoju między poprzedzającym i nast...
Metoda porównania danych. Kroki. <ul><li>Wyznaczane wartości: </li></ul><ul><li>NOOP TIME DURATION (ms)  – długość przesto...
Literatura <ul><li>HACKOS, J. T., REDISH J. C.,  User and Task Analysis for Interface Design </li></ul><ul><li>HILBERT D. ...
Dziękuje za uwagę!  Thanks for attention! Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Stała kontrola dostępności stron WWW, i ...
Upcoming SlideShare
Loading in …5
×

Quality and usability of WWW - user tracks

1,201 views

Published on

Published in: Design, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,201
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Quality and usability of WWW - user tracks

    1. 1. Jakość stron WWW. Analiza śladów użytkowników. Dmitrij Żatuchin
    2. 2. Agenda <ul><li>Dane służące do analizy wyników badań użyteczności. </li></ul><ul><li>Metryki użyteczności. </li></ul><ul><li>Zastosowanie clicktrackingu. </li></ul><ul><li>Motiontracking. Charakterystyka danych. </li></ul><ul><li>System ewaluacji zachowań użytkowników na stronach internetowych bez udziału moderatora i użytkownika. </li></ul><ul><li>Case study: Czytodziala.pl. </li></ul><ul><li>Metoda porównania danych. </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    3. 3. Dane służące do analizy wyników badań użyteczności. <ul><li>Dane uzyskiwane podczas badań: </li></ul><ul><ul><li>Notatka, odpowiedzi na ankietę, lista kontrolna </li></ul></ul><ul><ul><li>Wywiad przed- i potestowy </li></ul></ul><ul><ul><li>Dane pozyskane automatycznie za pomocą sprzętu i oprogramowania </li></ul></ul><ul><ul><li>Statystyczne dane </li></ul></ul><ul><ul><li>Analiza ekspercka </li></ul></ul><ul><li>Dane pozyskiwane bez udziału użytkowników: </li></ul><ul><ul><li>ślady drogi (ślady myszki), </li></ul></ul><ul><ul><li>mapę cieplną, </li></ul></ul><ul><ul><li>mapę kliknięć, </li></ul></ul><ul><ul><li>obszary skupienia wzroku, </li></ul></ul><ul><ul><li>pliki z historią dokonanych akcji na stronie. </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    4. 4. Metryki użyteczności <ul><li>Potrzebne, aby ocenić o ile bardziej użyteczny jest produkt po wprowadzonych poprawkach </li></ul><ul><li>Prosty przykład: </li></ul><ul><li>ISO 9126: </li></ul><ul><ul><li>skuteczność zadaniowa, </li></ul></ul><ul><ul><li>kompletność zadaniowa, </li></ul></ul><ul><ul><li>częstotliwość błędów. </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Zadanie/Czas Przed poprawkami Po przeprojektowaniu Poprawa % Zadanie 1 20 s 6 s 233 Zadanie 2 80 s 55 s 45 Zadanie 3 150 s 160 s -6 Czas razem 250 s 121 s Arytmetycznie 107% lepiej Geometrycznie (biorąc pod uwagę spadek użyteczności) 63% lepiej
    5. 5. Zastosowanie clicktrackingu 1/2 <ul><li>Metoda wykorzystywaną do śledzenia aktywności użytkowników na stronach WWW, lecz nie samych akcji; oraz testach A/B </li></ul><ul><li>Dane z clicktrackera: </li></ul><ul><ul><li>czas kliknięcia </li></ul></ul><ul><ul><li>pozycja kliknięcia </li></ul></ul><ul><ul><li>liczba kliknięć w dany element </li></ul></ul><ul><ul><li>parametry użytkownika (GeoIP, browser, etc.) </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    6. 6. Zastosowanie clicktrackingu 2/2 <ul><li>Możliwe sposoby prezentacji danych to: </li></ul><ul><ul><li>mapa kliknięć </li></ul></ul><ul><ul><li>mapa cieplna </li></ul></ul><ul><li>Mapa kliknięć - dwie warstwy nałożone na siebie </li></ul><ul><li>Mapa cieplna – graficzna reprezentacja liczby punktów skupień w określonym promieniu </li></ul><ul><li>Pomaga rozwiązywać problem product placement </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    7. 7. Motiontracking. Charakterystyka danych. <ul><li>„ nagrywanie” ruchów i akcji wykonywanych przez użytkownika na stronie WWW w czasie rzeczywistym </li></ul><ul><li>Trybem dyskretnym ciągłym notowana jest w krótkim odstępnie czasu czwórka danych: </li></ul><ul><ul><li>P – pozycja kursora </li></ul></ul><ul><ul><li>T – czas pozycji w wyznaczonym miejscu </li></ul></ul><ul><ul><li>L – długość przestoju kursora </li></ul></ul><ul><ul><li>A – rodzaj akcji, np. przeciąganie, kliknięcie, fiksacja, opuszczenie </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    8. 8. Motiontracking. Ścieżka wizyty użytkownika <ul><li>graf zachowań sieciowych </li></ul><ul><li>System webowy: </li></ul><ul><ul><li>Kreślenie ścieżek użytkowników </li></ul></ul><ul><ul><li>Idealna ścieżka od punktu startu do celu jako wzorzec do porównywania </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    9. 9. System ewaluacji zachowań użytkowników Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    10. 10. Działanie web aplikacji Obitracks.com <ul><li>Dwie mniejsze aplikacji: </li></ul><ul><ul><li>User Tracker: </li></ul></ul><ul><ul><ul><li>Kod JavaScript (e.g. GoogleAnalytics) </li></ul></ul></ul><ul><ul><li>Server Controller: </li></ul></ul><ul><ul><ul><li>Generuje ClickMap oraz HitMap </li></ul></ul></ul><ul><ul><li>Przykład wpisu danych: </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Dane: 382|640|1007|firefox|3| 1200762663|156.17.227.10 czyli X | Y | browser_width | browser_type | timestamp_unix | client_IP
    11. 11. Case study: Czytodziala.pl Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    12. 12. Case study: Czytodziala.pl. Zadania. <ul><li>Zadanie 1 </li></ul><ul><ul><li>Wejdź na stronę http://czytodziala.pl </li></ul></ul><ul><ul><li>Spróbuj zapisać się na monitoring nasza-klasa.pl dla adresu Gadu-Gadu. </li></ul></ul><ul><ul><li>Powtórz Krok nr 2 dla niepoprawnych danych. </li></ul></ul><ul><li>Zadanie 2 </li></ul><ul><li>Wejdź na stronę http://czytodziala.pl </li></ul><ul><ul><li>Załóż nowe konto w serwisie. </li></ul></ul><ul><ul><li>Dodaj 1 kontakt mailowy, 1 test na dowolny protokół z dowolnymi ustawieniami. </li></ul></ul><ul><ul><li>Przypisz kontakt RSS do testu. </li></ul></ul><ul><li>Zadanie 3 </li></ul><ul><li>Wejdź na stronę http://czytodziala.pl </li></ul><ul><li>Zaloguj się na swoje konto. </li></ul><ul><li>Odpowiedz na trzy pytania: </li></ul><ul><ul><li>Czy wszystko, co widzę, jest dla mnie jasne? Wiesz gdzie jesteś? </li></ul></ul><ul><ul><li>Gdybym był w stanie, co bym poprawił na tej stronie? </li></ul></ul><ul><ul><li>Co przykuwa największą uwagę? </li></ul></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    13. 13. Case study: Testowanie i wyniki <ul><li>8 użytkowników </li></ul><ul><li>Natywne środowisko pracy użytkowników </li></ul><ul><li>Testy eyetrack w laboratorium ergonomii PWr </li></ul><ul><li>Analiza porównawczą jakości uzyskanych wyników przez web aplikację i Eyetrack 6000 (GTAnaly) </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    14. 14. Case study: Czytodziala.pl. Mapa cieplna Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    15. 15. Case study: Czytodziala.pl. Ścieżka. Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    16. 16. Case study: Wyniki z Eyetrack. Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    17. 17. Metoda porównania danych. Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Webowy system. 486|87|998|opera|1|1200958706460|82.143.157.23 592|95|998|opera|1|1200958709735|82.143.157.23 556|86|998|opera|1|1200958716499|82.143.157.23 674|94|998|opera|1|1200958718808|82.143.157.23 549|91|998|opera|1|1200958731017|82.143.157.23 1122|238|1257|firefox|1|1200958981668|62.21.16.7 599|91|1257|opera|2|1200962745875|83.12.143.166 Eyetrack6000. Win, Code, Number, x, y, Start Time, End Time, Duration, Scroll Set, LZ Name Czytodziala.pl - monitoring stron WWW- Mozilla Firefox, F, 57, 337, 604, 20.658, 20.698, 0.040, 0, Czytodziala.pl - monitoring stron WWW- Mozilla Firefox, F, 58, 206, 604, 20.718, 20.858, 0.140, 0, Czytodziala.pl - monitoring stron WWW- Mozilla Firefox, F, 59, 325, 605, 20.878, 20.918, 0.040, 0, Czytodziala.pl - monitoring stron WWW- Mozilla Firefox, F, 60, 822, 603, 21.098, 21.358, 0.260, 0, Czytodziala.pl - monitoring stron WWW- Mozilla Firefox, F, 61, 795, 604, 21.518, 21.638, 0.120, 0
    18. 18. Metoda porównania danych: Algorytm 1. <ul><li>Suma różnic odległości między punktami w stosunku do łącznej długości ścieżki. </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    19. 19. Metoda porównania danych: Algorytm 2. <ul><li>Różnica w położeniu kursora i czasie przestoju między poprzedzającym i następującym kliknięciu. </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    20. 20. Metoda porównania danych. Kroki. <ul><li>Wyznaczane wartości: </li></ul><ul><li>NOOP TIME DURATION (ms) – długość przestoju myszki w danej pozycji </li></ul><ul><li>NOOP POINT – punkt przestoju myszki, uwarunkowany stałą NOOP_LIM (100ms), która określa potrzebny czas do zmiany stanu z ACTIVE na NOOP </li></ul><ul><li>MAX_NORMALIZED_DIFF_LENGTH – stała obliczana poprzez pierwiastkowanie iloczynu szerokości i wysokości ekranu przeglądarki. </li></ul><ul><li>Działanie algorytmu: </li></ul><ul><li>Porównanie punktów tylko wtedy gdy wartość bezwzględna między długością ścieżek jest mniejsza niż MAX_NORMALIZED_DIFF_LENGTH </li></ul><ul><li>Wyliczenie odległości między punktami dwóch ścieżek wykresu w stosunku do odległości od punktu (0,1) - początek ekranu </li></ul><ul><li>Wyliczenie różnic w czasie przestoju między dwoma ścieżkami </li></ul><ul><li>Uwzględnienie odchylenia standardowego </li></ul><ul><li>Obliczenie iloczynu z poszczególnych współczynników podobieństwa – podobieństwo geometryczne </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    21. 21. Literatura <ul><li>HACKOS, J. T., REDISH J. C., User and Task Analysis for Interface Design </li></ul><ul><li>HILBERT D. M., REDMILES D. F., Why Let Perfectly Good Usability Data Go to Waste? </li></ul><ul><li>NIELSEN, J., Usability Engineering . </li></ul><ul><li>NIELSEN, J., Designing Web usability - the practice of simplicity . </li></ul><ul><li>NIELSEN J., http://www.useit.com/alertbox. </li></ul><ul><li>NIELSEN, J., LORANGER H., Prioritizing Web Usab ility </li></ul><ul><li>NORMAN K. L., Levels of Automation and User Participation in Usability Testing. </li></ul><ul><li>SOFTWARE QUALITY JOURNAL, Vol. 14, No. 2. (June 2006), 159-178. </li></ul><ul><li>ZELDMAN J., Designing with Web Standards 2nd Edition . </li></ul><ul><li>Standard ISO 9126. </li></ul><ul><li>http://www.w3c.org </li></ul><ul><li>www.upassoc.org/upa_publications/ </li></ul>Dmitrij Żatuchin, QAFA-TMS, Kraków 2008
    22. 22. Dziękuje za uwagę! Thanks for attention! Dmitrij Żatuchin, QAFA-TMS, Kraków 2008 Stała kontrola dostępności stron WWW, i testy wydajnościowe Zapraszamy do współpracy na Czytodziala.pl – partnera Konsorcjum „Użyteczna strona”. tel.+48 500 190 517 [email_address] Projektowanie serwisów korporacyjnych, społecznościowych, promocja i marketing SEO/SEM, wspieranie pomysłów. tel.+48 71 332 60 08 info@internetworks.pl

    ×