Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

46
Siła prototypu w projektowaniu jako klucz do zrozumienia potrzeb użytkowników. Ciemna Strona UX#2 Kraków. 16 Kwietnia 2016.

Transcript of Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Page 1: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Siła prototypu w projektowaniu jako klucz do

zrozumienia potrzeb użytkowników.Ciemna Strona UX#2

Kraków. 16 Kwietnia 2016.

Page 2: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Cześć!

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 3: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Stanisław EysmontStarszy UX Designer w GOG.com

UX Konsultant

Projektuje od 9 lat

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 4: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Czym jest prototyp? Wczesnym modelem lub koncepcją produktu/usługi, który nie

musi wyglądać jak finalny produkt/usługa

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 5: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Renesans to epoka w której na nowo zwrócono się w stronę człowieka. To początek nowożytnej

użyteczności, a Da Vinci był pierwszym UXowcem ;)

Page 6: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Czołg, helikopter, maszyna latająca, robot i co najważniejsze utopijne miasto którego celem był człowiek.

Page 7: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

„Prostota jest szczytem wyrafinowania”Leonardo Da Vinci

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 8: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Tomas Edison - nie był twórcą żarówki, ale dzięki prototypom udoskonalił ją i dzisiaj uznajemy go za jej ojca.

Page 9: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

„Aby coś wynaleźć wystarczy odrobina wyobraźni i sterta złomu”

Thomas Edison

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 10: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 11: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

\Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Po kilku godzinach rozmów jeden z uczestników wyciągną marker, taśmę i klipsa z szuflady.

Page 12: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Prototyp narzędzia dla laryngologów

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 13: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Prototyp narzędzia dla laryngologów - kolejne iteracje - ostateczne urządzenie po lewej

Page 14: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Prototyp aparatu cyfrowego Kodaka opracowany przez IDEO -

celem było przetestowanie interfaceu

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 15: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Leonardo Da VinciCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Palm Pilot Prototyp 1996 - Jeff Hawkins

Page 16: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Palm Pilot - kolejna iteracja

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 17: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Palm Pilot 1996

Page 18: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 19: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmont

Prototyp telefonu z przyciskami 1948 -

laboratorium Bell, USA

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 20: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Prototyp telefonu Apple 1983

Page 21: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Premiera iPhone - 2007

Page 22: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Prototypy iPhone - 2006

Page 23: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Prototyp iPhone - 2005

Page 24: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Jaki jest cel prototypu?Materializacja pomysłu

Zweryfikowanie pomysłu z użytkownikiem

Zrozumienie jego emocji, intencji, reakcji

Uczenie się, wyciąganie wniosków

Zbudowanie zrozumienie w zespole

Sprzedanie naszego pomysłu w organizacji

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 25: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Tyle wystarczy aby stworzyć prototyp UX Poland 2016, Jeff Godhelf

Page 26: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Jak szybko prototypować usługi czy produkty?

Landing page

Scenariusze

Modele 3d

Scenki

Video

Ścieżki użytkownika

Broszury

Szkice

Makiety HiFi i LoFi

Karton, papier i nożyczki

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 27: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Testowanie prototypu alkomatu Service Jam 2016

Page 28: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmont

Wymyś

lanie

Wywiady

Papierowy pro

toty

p

Proto

typ

MVP

Produkt

Wartość prototypu

War

tość

Czas/Koszt

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 29: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

U C Z S IĘ

B U D U JT E S T U J

Prototypowanie jest iteracyjne

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 30: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 31: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Prototyp to interaktywność z użytkownikiem

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 32: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Makieta nie musi być elektroniczna, można

ją wydrukować

Page 33: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Testowanie

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 34: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Testowanie w laboratorium - makieta Hi-Fi

Page 35: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Prototyp to minimum elementów dzięki którym

uzyskamy odpowiedzi

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 36: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Testowanie koncepcji - minimum funkcjonalności

Page 37: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Przygotowanie testów Zaplanuj

Przygotuj scenariusz

Przydziel role

Zapisz pytania

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 38: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Przeprowadzenie testówNie staraj się sprzedać swojego rozwiązania

Nie podawaj się za autora

Obserwuj, notuj, nagrywaj

Nie komplikuj testów

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 39: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Na co uważać?Wszystko jest super

Testowałeś bez zamiaru ulepszenia produktu

Testowałeś wszystkie pomysły na raz

Testowałeś wśród znajomych

Zwlekałeś z testem

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 40: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Kilka rad na koniec :)

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 41: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Nie zakochuj się w swoim prototypie

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Prototyp ma na celu ulepszenie końcowego

produktu - to jak odbierze go użytkownik jest

najważniejsze.

Page 42: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Test Zero

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Testowanie przed testem w celu sprawdzenia

scenariuszy, pytań, czy wszystko działa, czy

członkowie zespołu rozumieją swoje role.

Można testować na znajomych.

Page 43: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Prototyp jest lepszy niż 1000 słów

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 44: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Jak masz pomysł to go zbuduj!

Ciemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Page 45: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

@eysmontCiemna Strona UX#2 • 16 Kwietnia 2016 @eysmont

Użytkownik na początku nie ma pojęcia co robić z twoim prototypem/produktem.

Page 46: Siła prototypu w projektowaniu UX - zrozumienie potrzeb użytkowników

Dziękuje! [email protected] Twitter: @eysmont

Prezentacja będzie dostępna dzisiaj na moim Twitterze