stwórzmy ekspres do kawy! czyli jak projektować interfejsy zorientowane na użytkownika (chi...
TRANSCRIPT
Cele warsztatu1. Poznamy podstawy podstaw:
○ projektowanie zorientowane na użytkownika (UCD)
○ User Experience i Usability2. Poznamy model projektowania User Experience3. Dowiemy się jak rozmawiać z użytkownikami4. Spróbujemy stworzyć papierowy prototyp i go
przetestować “korytarzowo”5. Poznamy fajnych ludzi i dobrze będziemy się bawić!
To ja- Marcin Woroch- absolwent e-biznesu na UEP- ~4 lata “w UX”
- Vitalia.pl/Trener.pl (Poznań)- User Centric (Chicago)- UsabilityTools (Poznań)- Cogision (Poznań)
Kim jesteście Wy? (5 min)
Narysujmy swoje karty● Wpisz imię● Opisz krótko swoje hobby/ciekawy fakt o sobie● Narysuj i podpisz rzecz którą ostatnio stworzył/aś
Przedstawiamy się (5 min)
1. Przekazujemy sobie nawzajem karty (wstajemy!)2. Zadajemy 1 pytanie osobie której kartę trzymamy3. Wszystkie karty trafiają do mnie4. Siadamy po 3 osoby przy stoliku z osobami których
wcześniej nie znaliśmy
Czym jest UX?● User Experience czyli Doświadczenie
Użytkownika● UX ≠ Usability ≠ UI,
○ UX - czym jest produkt○ UI - jak wygląda, jak działa
Definicja UX“User experience” encompasses all aspects of the end-user’s interaction with the company, its services, and its products.
Jakob Nielsen & Don Norman
User Centered Design
Sprawdź czy jesteś na dobrej ścieżce
Wybierz dobrą ścieżkę
Zrozum
Zaprojektuj
Zamodeluj
User Centered Design
Sprawdź czy jesteś na dobrej ścieżce
Wybierz dobrą ścieżkę
Zrozum
Zaprojektuj
SprawdźZamodeluj
O co pytać? (5 min)
Tu chodzi o użytkownika!Trzeba go pytać. Tylko o co?
Jakie pytania zadać potencjalnym użytkownikom naszego ekspresu (przed jego stworzeniem)?
A teraz historyjkaDawno, dawno temu nad pewną wielką rzeką żyła sobie grupa ludzi.
Ty, projektancie, spytałeś się ich:“Co ułatwiłoby wam życie?”
“Most!” - odpowiedzieli.
Aż w końcu...... spytałeś:“Ale dlaczego most ułatwiłby wam życie?”
“Ponieważ lubimy rozmawiać z naszymi przyjaciółmi po drugiej stronie rzeki.”
A może lepiej...E-mail?
Łódka?
Telegraf?
Gołębie pocztowe?
Znając prawdziwe potrzeby użytkownika jesteś w stanie zaprojektować najlepsze rozwiązanie.
Pytania projektanta
Simon Sinekhttp://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actionhttps://www.startwithwhy.com/
Pytania projektanta
Simon Sinekhttp://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actionhttps://www.startwithwhy.com/
Pytania projektanta
Simon Sinekhttp://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actionhttps://www.startwithwhy.com/
Pytania projektanta
Simon Sinekhttp://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actionhttps://www.startwithwhy.com/
Jak rozmawiać z użyszkodnikami?1. Rozmawiaj z nimi o ich życiu, a nie Twoich
pomysłach2. Pytaj o konkretne przypadki z przeszłości,
a nie o opinie i hipotetyczną przyszłość3. Mniej mów, więcej słuchaj4. Szukaj wglądu (insight)
Poprawiamy pytania (5 min)
1. Spróbujcie poprawić wcześniej wypisane pytania zgodnie z ww zasadami.
2. Dlaczego chcecie zadać własnie te pytania?
No to pytajmy (10 min + 5 min + 5 min)
1. Wstajemy od stołów i szukamy nasze przyszłe “ofiary”
2. Pytamy, drążymy - dlaczego?3. Szukamy insightów, potrzeb i problemów4. Rozmowa z 1 osobą - max 5 minut5. Debrief i prezentacja znalezionych
wniosków6. Wybieramy po jednym, najważniejszym
insighcie
The Elements of UX● Jesse James Garrett● Klasyka UX● Porządkuje chaos i
układa proces● Model możliwy do
zastosowania nie tylko w Sieci
Zróbmy to! (3 min)
1. Potrzeby użytkowników○ Lista○ N.p. “Rano potrzebuje jak
najszybciej przygotować kawę” itd.
○ Wybierzcie jedną, najważniejszą
Zróbmy to! (3 min)
2. Specyfikacja funkcjonalna○ Lista funkcjonalności
zaspokajających potrzeby użyszkodników
○ N.p. “Budzik z automagicznym parzeniem kawy” lub “Tryb turbo” itp.
Zróbmy to! (5 min)
3. Projektowanie interakcji○ User flow○ Co się stanie gdy..?○ Jak najprościej, tak by
wszyscy rozumieli○ Przypadki brzegowe
Zróbmy to! (1 + 3 + 5 min)
1. Projekt interfejsu○ 6 szybkich szkiców na
osobę○ Przegląd pomysłów i wybór
najlepszych elementów○ Rysujemy prototyp, czyli
flamastry w dłoń!○ Jak zasymulować
interakcję?
Dlaczego testować?
Gdy zbyt długo siedzisz w swojej jaskini - Twój projekt wydaje Ci się zbyt wielkim “skarbem”.
Z kim, ile, kiedy?● 1 > 0● 3 x 5 > 15● Jakikolwiek uczestnik jest lepszy niż żaden
Nielsen/Norman
N (1-(1- L ) n )
Jak NIE testować z użyszkodnikami?● http://vimeo.com/38348326
Przykładowe pytania● Jak ci się wydaje, co to jest?● Co możesz z tym (ekspresem) zrobić?● Chcesz wypić kawę X. Pokaż mi jak byś ją
zrobił/a.● Czy czegoś temu ekspresowi brakuje?● Czy jest w nim coś niezrozumiałego?
Jak odpowiadać użyszkodnikom?● Echo
○ “Ten przycisk jest jakiś dziwny…”○ “Ten przycisk…?”○ “Dziwny…?”
● Boomerang○ “Czy muszę tutaj nacisnąć?”○ “A jak myślisz?”○ “A co byś zrobił gdyby mnie tu nie było?”
● Colombo○ “A co jeśli teraz nacisnę ‘x’?”○ “Eeee… czyli zastanawiasz się… Eee...”
Czy w ogóle musisz odpowiadać?
http://www.nngroup.com/articles/talking-to-users/
Na co zwracać uwagę?… lub co notować?
● Co powiedzieli?● Co zrobili?● Co myśleli? (co myślisz, że myśleli)● Pomysły na lepsze rozwiązania (nie teraz)
Co użyszkodnik wiedzieć powinien● Oceniamy ekspres, nie ciebie● My nie tworzyliśmy tej aplikacji● Zachowuj się swobodnie● Myśl na głos● Powtórzę, jeśli trzeba● Ten ekspres jest niedokończony● Czy zgadzasz się na nagrywanie?
Do dzieła - testować! 10 + 5 + 5 min
1. Wymieniamy się projektamia. Dowiadujemy się jak działa ekspres innej grupyb. Dowiadujemy się jakie zadanie przetestować
2. Wstajemy i prosimy obcych ludzi o pomoc.3. Jedna osoba pyta, reszta notuje4. Zmieniacie się przy każdej osobie5. Debrief
a. Gdzie użytkownicy natrafiali na problemy?b. Szybki brainstorm pomysłów
6. Wprowadzenie poprawek
Prezentacja ekspresów 3 min
1. Pokażcie swój ekspres!2. Jaką potrzebę użytkowników spełnia?3. Jakie funkcjonalności pozwalają ją
zaspokoić?4. Jakie były problemy pierwszej wersji i jak je
rozwiązaliście?