Stwórzmy ekspres do kawy! Czyli jak projektować interfejsy zorientowane na użytkownika (CHI...

Projektujemy ekspres do kawyCzyli podstawy UCD i UX w praktyce

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

Nasz plan działań1. Zrobić dobry produkt (badanie)2. Zrobić dobrze produkt (testowanie)

User Centered Design

Wybierz dobrą ścieżkę


Sprawdź czy jesteś na dobrej ścieżce





Zrozum




Zrozum

Zamodeluj




Zrozum

Zaprojektuj

Zamodeluj




Zrozum

Zaprojektuj

SprawdźZamodeluj


Zrozum

Zamodeluj

Zaprojektuj

Sprawdź

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.

Świetnie, budujecie most!

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?

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/

http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action

http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action

https://www.startwithwhy.com/

https://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

ProjektowanieCzyli weźmy się wreszcie do roboty

Czy jesteś kreatywny/a?

Kim jesteście Wy? (5 min)

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

1

2

3

4

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ę?

TestowaniePokażmy to światu!

Dlaczego testować?

Gdy zbyt długo siedzisz w swojej jaskini - Twój projekt wydaje Ci się zbyt wielkim “skarbem”.

Dlaczego testować?

Bo jest taniej

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

http://vimeo.com/38348326

http://vimeo.com/38348326

Badanie vs. Testowanie

vs.

Czego nie robić?● Nie opowiadaj● Nie tłumacz● Nie wyjaśniaj● Nie przekonuj● Nie sugeruj

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?

To wszystko!

Dzięki!Marcin Woroch

Stwórzmy ekspres do kawy! Czyli jak projektować interfejsy zorientowane na użytkownika (CHI...

Education

Transcript of Stwórzmy ekspres do kawy! Czyli jak projektować interfejsy zorientowane na użytkownika (CHI...