Projektowanie serwisów, Anna Liszewska, Janmedia Interactive

Warsztat

Projektowanie i testowanie serwisów z elementami

społecznościowymi

Plan • Jak projektowad

– Społecznośd

– Rejestracja

– Utrzymanie użytkownika

• Jak badad

– Badania

– Makiety

• Praktyczne wykorzystanie zdobytej wiedzy

• Ludzie są z natury istotami społecznymi Społecznośd - połączony ze sobą więziami zbiór należący do danego

środowiska społecznego lub zawodowego, zbiorowośd osób związanych ze sobą na przykład wspólnym terenem zamieszkania (społecznośd lokalna), sposobem wzajemnej komunikacji (społecznośd użytkowników Internetu) lub wyznawanymi wartościami (społecznośd chrześcijaoska). Jej istnienie służy zaspokajaniu potrzeb jej członków.

Społeczeostwo

Równanie Lewina

b=f(P,E)

Zachowanie jednostki jest funkcją zarówno jej osobowości jak i jej otoczenia

Teoria osobowości Lewina

Osobowośd to mechanicznie osiągany stan równowagi między jednostką

a środowiskiem

• Interfejs to środowisko w którym ludzie pracują i się bawią.

• Jeżeli interfejs będzie zbyt ograniczający, ludzie nie będą go używad.

• Jeżeli interfejs będzie zbyt elastyczny, ludzie nie będą wiedzieli, jak go używad.

• Zaprojektowanie serwisu to duże wyzwanie dla projektanta

Środowisko: interfejs programowania

Obiekty społeczne

Skąd się wziął facebook?

Do czego służy:

• Youtube

• Twitter

• Goldenline

• Sympatia

• Skupiając się na najważniejszej Aktywności

• Zidentyfikuj Obiekty (jak będą wspomagad aktywności)

• Zidentyfikuj zestaw najważniejszych Opcji

Projektuj

• Aktywności

• Myślimy o ludziach dla których projektujemy, musimy zrozumied ich aktywnośd którą chcemy wspierad.

• Tylko jedna aktywnośd jest tą najważniejszą.

Aktywności, obiekty, opcje

• Flickr – zdjęcia

• Amazon – produkty

• Youtube - filmy

• Last.fm – muzyka

• Blogger - blogi

Obiekty

Funkcje/opcje

• Produkty: – oceo produkt,

– dodaj tag do produktu,

– powiadom przyjaciela

• Lista życzeo – Dodaj rzeczy,

– Stwórz nowa listę

• Opinie klientów – Dodaj opinie

– Skomentuj opinie

– Posortuj opinie

Cykl korzystania z aplikacji

Nieświadomi Zainteresowani Pierwsze użycie Regularne korzystanie

Korzystanie z pasją

Rejestracja

• Rejestracja pomaga przeskoczyd krok:

Zainteresowani Pierwsze użycie

Co jest ważne?

• Technika dziennikarska:

– Kto będzie tego używał? Dla kogo to jest

– Co to jest, do czego to służy, jakie ma możliwości

– Gdzie mogę tego używad? (Np. czy istnieje wersja mobilna)

– Kiedy mogę z tego korzystad

– Dlaczego jest to dla mnie ważne

– Jak mogę zacząd?

Rejestracja


Nieświadomi Zainteresowani Pierwsze użycie Regularne korzystanie

Korzystanie z pasją

– Co zrobid by użytkownicy regularnie używali serwisu?

• Określ dlaczego ludzie mają korzystad z aplikacji/ co im da projektowana aplikacja, rozwijaj motywacje

• Pomóż użytkownikowi budowad swoją tożsamośd


Postaw na unikalnośd jednostki

– Podkreślaj unikalnośd osoby:

• książki dla ciebie, filmy dla ciebie

Wykorzystuj wzajemności

• Rekomendacje (przykład)

• Budowanie reputacji

• Przynależnośd do grupy

• Dzielenie się

Budowanie reputacji

Rekomendacje

Przynależnośd do grupy

Dzielenie się

• Słuchaj użytkowników, odpowiadaj na ich potrzeby a odwdzięczą się

pasją

Projektowanie

Chcę: •Jeździd szybko •Bawid się

Źródło: About Face 3, Cooper

Persony

Chcę jeździd: •Bezpiecznie •Wygodnie


Persony

Chcę •Wozid duże ładunki •Byd wiarygodnym


Persony

Chcemy: •?


Persony

Czym są persony? • Portrety użytkowników, które pomogą projektantom stworzyd użyteczny

serwis

• Zawartośd: informacje o użytkowniku, jego potrzebach, celach, zadaniach, preferencjach, oczekiwaniach

• Przydatny zwłaszcza na początku procesu projektowania

• Na każdym etapie: przypominacz

Persony

Cel • Ułatwia podejmowanie decyzji

• Nikt z grupy projektowej nie mówi „a mnie się wydaje, że użytkownicy, to chcą tego…”

• Wychwytywanie potrzeb użytkowników

• Wykorzystywanie do rekrutacji do testów – opis grupy

• Wykorzystanie do tworzenia zadao do testów

• Pokazywanie, czy system odpowiada potrzebom użytkowników

• Ustawianie priorytetów funkcji i zawartości strony

Persony

Joanna Kowalska

• Lat: 55 • Wzrost 163 cm • Waga 70 kg • Pani Joanna pracuje jako nauczycielka w gimnazjum. Lubi swoją pracę i kontakt z dziedmi, jest

życzliwa i spokojna. • Pani Joanna bardzo lubi gotowad, organizuje często wieczorki na które zaprasza rodzinę. Lubi wtedy

ugotowad coś specjalnego • Od kiedy córka pokazała jej kilka stron z książkami kucharskimi często szuka inspiracji w Internecie.

Zapisała się nawet na forum dyskusyjne poświęcone gotowaniu. • Cele Życiowe pani Joanny

– Doczekad emerytury – Cieszyd się wolnym czasem spędzanym z rodziną

• Cele powiązane z korzystaniem z produktu – Odnaleźd ciekawe przepisy – Porozmawiad z innymi osobami które daną potrawę ugotowały – Podzielid się osiągnięciami

Częśd 1 Praktyczna

• Design – prototypy papierowe

– Zaprojektowad widoki potrzebne do przeprowadzenia testu

• Serwis kucharski

• Zaprojektuj (korzystając z aktywności, obiektów, opcji):

1. Stronę główną przed zalogowaniem

2. Stronę główną po zalogowaniu

3. Stronę z przepisem (z możliwością dzielenia się z innymi)

4. Jedną stronę - co jeszcze powinno znaleźd się w serwisie?

• Wykorzystaj personę!

Projekt

Badanie z użytkownikami

Testy z użytkownikami

Krótki test pokazujący szybką utratę obiektywizmu.

A czy teraz potrafisz zobaczyd coś oprócz krowy?


Co to jest test użyteczności

• Ewaluacja systemu przez reprezentatywnych użytkowników

• Badanie jakościowe, obserwacyjne

Lub inaczej…

Obserwujesz jak ludzie wykonują realne zadania w systemie, który projektujesz i zapisujesz wszystkie problemy, które wystąpiły podczas użytkowania!


Komputer

Użytkownik

• Wszystko – od papierowych prototypów do istniejących produktów

(cudzych też!)

• Ciągle i jak najwcześniej – od wczesnych faz koncepcji aż do wypuszczenia produktu

Stara chioska mądrośd ludowa:

• Testowad lepiej raz niż wcale

• Testowad lepiej 3x po 4 osoby niż 1x z 12 osobami

Co testowad i kiedy?

Co to wszystko da? • Niewielkim nakładem sił uzyskujemy dużą poprawę

• Nie wymaga formalnego podejścia

• Dostaniemy odpowiedź na pytanie: Dlaczego?

• Generuje nowe pomysły, waliduje stare

• Weryfikuje wymagania użytkowników

• Ogranicza koszty (wczesne testowanie)


Ograniczenia • Nie dostaniemy odpowiedzi jak naprawid błędy – Użytkownik to kiepski

doradca.

• Nie dostaniemy odpowiedzi o ile lepiej coś działa

• Wybrani uczestnicy często nie reprezentują całej grupy docelowej

• Test jest nienaturalny (problem tylko w nielicznych przypadkach)

• Nie zawsze odpowiednia technika badawcza

– Analiza ekspercka jest np. szybsza i taosza

– Wiele odpowiedzi kryje się w statystykach


• Przygotowanie planu testu

• Zdefiniowanie uczestników i przeprowadzenie rekrutacji

• Przygotowanie materiałów

• Przeprowadzenie testu

• Interpretacja danych i sformułowanie zaleceo

Przeprowadzenie testu

Ilośd osób

Wynagrodzenie dla użytkownika

• Skupiamy się na tym co motywuje użytkownika, aby skorzystad z funkcji systemu – myślimy o celach nadrzędnych

• Wprowadzamy kontekst zadania – istotne jest, aby użytkownik zidentyfikował się z nim i wczuł się w rolę

Jak sformułowad zadania

Przykłady • „Kup sobie i rodzinie wakacje Twoich marzeo.”

• „Właśnie zorientowałeś się, że zgubiłaś kartę kredytową. Co byś zrobiła, aby ją zablokowad?”

• „Wyobraź sobie, że remontujesz łazienkę. Znajdź w swojej okolicy specjalistę, który położy tobie kafelki w łazience.”

• „Który ze sprzętu AGD w kuchni chciałbyś wymienid? Aha, w takim razie poszukaj dla siebie lodówki.”


Instrukcje dla użytkownika • Dziękujemy za przybycie

• Przedstawienie siebie, otoczenia

• „Nie testujemy Ciebie tylko serwis!”

• Nie ma złych lub dobrych odpowiedzi

• Prosimy o szczere odpowiedzi, głośne myślenie

• Prosimy o wykonywanie zadao naturalnym tempem

• W każdej chwili możesz przerwad zadanie

• Możesz mied pytania ale zwykle nie będziemy mogli tobie pomóc

• Pytania?

• Umowa o poufności (NDA) – jeżeli konieczna


Coś do notowania - koniecznie – Kartka i ołówek

– Laptop: *użytkownik+-[data]-[godzina]


„Przypominacz” zadao dla użytkownika

• Tam, gdzie występuje problem – wykorzystaj tę chwilę i dowiedz się dlaczego problem wystąpił, czego spodziewał się użytkownik,

• Odpowiadaj pytaniem na pytanie: „Co będzie jak tu kliknę?” „Jak myślisz, co się stanie? Czego byś się spodziewał?”

• Powtarzaj zdania, aby dostad więcej informacji: „Nie wydaje mi się to jasne.” „Mówisz zatem, że nie wydaje się Tobie to jasne?”. Gdy brak reakcji, zapytaj „Dlaczego?”.

Jak testowad?

• Nie pokazuj jak zrobid zadanie w trakcie testu – powiedz, że wyjaśnisz wszystko po zakooczeniu wszystkich zadao

• Niech Twoja obecnośd będzie lekko przytłumiona – usiądź z boku i trochę z tyłu. Nie zdominuj sesji testowej swoim zachowaniem i gestami.

• Korzystaj z werbalnej niewerbalnej komunikacji zachęcającej – kiwanie głową, uśmiech, „mmhhmmm”, „rozumiem”

• Jeżeli czegoś nie rozumiesz, czegoś nie zauważyłeś – po prostu zapytaj i powiedz, że nie rozumiesz

Jak testowad?

Gafa Podoba ci się takie menu?

Dlaczego nie zauważyłeś tego komunikatu. Przecież jest dobrze widoczny!

Z czym masz problem?

Czy ten komunikat jest dla ciebie zrozumiały?

To nie działa w tej chwili. Klikam i nic się nie dzieje.

Dlaczego akurat tam klikasz?

Tak tego nie można robid

Jak się aż tutaj znalazłeś?

Naprawdę?

Co przydatnego znalazłeś?

Nie wiesz, co teraz zrobid?

Naprawdę nie widzisz tego?

Jeżeli miałbyś tutaj [coś tam] zamiast [czegoś tam+ to czy myślisz, że to by pomogło?

Podoba się tobie serwis ?

Czy to jest dobre miejsce na ten przycisk?

Dobrze

Co sądzisz o tym menu ?

O rety! Nigdy tak nie pytaj !

O czym teraz myślisz?

Jak oceniasz ten komunikat? Co o nim sądzisz?

Czy możesz pokazad jeszcze raz jak tutaj doszedłeś?

Co chciałbyś teraz zrobid? O czym myślisz?

Bez komentarza…

Czego spodziewasz się po kliknięciu tego?

Czy możesz mi proszę wyjaśnid, dlaczego tam chciałeś kliknąd?

Nie mów tak. Nikogo nie interesują Twoje opinie !

Nie pokazuj zaskoczenia – kamienna twarz

Jak oceniasz wyniki wyszukiwania?

Jaka jest twoja opinia na temat wyglądu serwisu?

Co sądzisz o umiejscowieniu tego przycisku?

Czy są jakieś zmiany, które chciałbyś widzied w systemie?

Moderacja

Jest to badanie jakościowe – obserwujemy zachowania

• Potrzeba 20+ osób dla danej grupy, aby wyniki były statystycznie ważne (80 osób, aby margines błędu zmniejszyd o połowę!)

• Konieczne jest zapewnienie identycznych warunków badania, co się kłóci z ideą badania nieformalnego.

Czy można coś zmierzyd?

Raportowanie wyników

ALBO…

Częśd 2 Praktyczna

• Przetestuj makiety z użytkownikami

A1

A2

B1

B2

Testowanie

Krok 1

A1

A2

B1

B2

Testowanie

Krok 2

Serwisy społecznościowe. Projektowanie – Joshua Porter

http://pl.wikipedia.org/wiki/Spo%C5%82eczno%C5%9B%C4%87

Źródła

http://pl.wikipedia.org/wiki/Spo%C5%82eczno%C5%9B%C4%87

Projektowanie serwisów, Anna Liszewska, Janmedia Interactive

Documents

Transcript of Projektowanie serwisów, Anna Liszewska, Janmedia Interactive