SlideShare a Scribd company logo
1 of 39
Download to read offline
Narzędzia w
warsztacie UXa
/pawelkopysc
DESIGN PROCESS
Understand
Plan
Design
Prototype
Evaluate (and deliver…)
Understand
the business, brand
and users
Kick-off
workshops
Warsztaty wprowadzające
-  Dowiesz się z kim będziesz
współpracować
-  Poznasz cele poszczególnych
zespołów
-  Zdefiniujesz w jaki sposób
będziemy współpracować
Przykładowy cel
Opracowanie własne
Brand personality
Osobowość marki
-  Odkryjesz cechy i charakter marki
-  Zaprzyjaźnisz sie z marką
-  Zaczniesz projektować relacje a
nie obiekty
Źródło: Marketing Buzzar
John Hodgman as PC and Justin Long as Mac
from ‚Get A Mac Campaign’ by Apple
What If Girls Were Internet Browsers
by Viktorija Pashuta
What If Girls Were Internet Browsers
by Viktorija Pashuta
Proto-personas
Prototypowa persona
-  Użytkownicy nie będą Ci się
kojarzyć tylko z excelem
-  Użytkownicy staną się ludźmi
-  Zrozumiesz potencjalne
zachowania i potrzeby
użytkowników
Empathy map
From Flickr by Sarah Best
Moodboard
by Kaitlyn Durgali
User Persona Posters
by MailChimp
User journey map
Mapa podróży użytkownika
-  Zdefiniujesz punkty styku
-  Poznasz momenty prawdy
-  Poznasz punkty bólu
Przykłady customer journey map
Źródła różne…
Dobry przykład user journey map
Źródło: servicedesigntools.org
Własny przykład
Praca zespołowa
Plan
Flow charts
Diagramy przepływu
-  Zaplanujesz jak to ma działać
-  Odkryjesz ciemne zaułki i kręte drogi
-  Zwizualizowany proces pomoże w
jego zrozumieniu
Notification flow
Opracowanie własne
Wireflows
Opracowanie własne
Wireflow
Opracowanie własne
Site Map
DoGo Map
Mapa Systemu
Mapa Zrób-Przejdź
-  Wizualizacja mapy jest lepsza niż
instrukcja obsługi
-  Mapa może posłużyć za
dokumentację projektową
-  Masz możliwość wizualizacji
ogólnego obrazu systemu
Mapa aplikacji
Opracowanie własne
Mapa aplikacji
Źródło UX Mag
Design
Design Studio
Studio projektowe
-  Zaangażowanie całego zespołu w
projektowanie
-  Wygenerowanie o wiele więcej
możliwych pomysłów
-  Wypracowanie wspólnej wizji
Design Studio
by Brian Sullivan
Design Studio
by Brian Sullivan
Prototype
Rapid
prototyping
Błyskawiczne prototypowanie
-  Możliwość walidacji rozwiązań (PoC)
-  Zaczniesz rozpowszechniać swoje
rozwiązanie
-  Lepiej zrobić coś niż nie robić nic…
inVision, Marvel,
UXPin, Justinmind,
Pixate, Origami,
PopApp,
Axure, Sketch,
Adobe XD…
Remote tests
with users
Testy z użytkownikami
na odległość
-  Walidacja hipotez (w końcu!)
-  Odpowiedzi na narastające pytania
-  Odkrycie możliwości usprawnień
Remote Usability and UX Research Tools
By remoteresear.ch/tools/
Evaluate, Deliver,
Evaluate, Deliver, ...
Enterprise Design
Language
Ujednolicony język projektowy
-  Ustanowienie standardów
przyspieszy rozwój
-  Jeden język – te same
doświadczenia
-  Wypracowanie wspólnego podejścia
i procesu projektowego
US Design Standards,
UK Gov Digital Service,
Google Material Design,
IBM Design Language,
Sabre Spark, …
Paweł Kopyść
E-mail:
LinkedIn/Twitter:
Web:
info@kopysc.pl
/pawelkopysc
Kraina.biz

More Related Content

What's hot

Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...
Zabawa w agencję interaktywną. Projekt od A do Z.Tomasz Karwatka, Divante i ...Zabawa w agencję interaktywną. Projekt od A do Z.Tomasz Karwatka, Divante i ...
Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...Biznes 2.0
 
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...
#IT fest 2013 -  UX ma znaczenie. O różnych podejściach do projektowania inte...#IT fest 2013 -  UX ma znaczenie. O różnych podejściach do projektowania inte...
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...#IT fest
 
User Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things
 
UX w trudnych warunkach
UX w trudnych warunkachUX w trudnych warunkach
UX w trudnych warunkachAnna Liszewska
 
Design Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupDesign Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupMarcin Cichoń
 
Audyt użyteczności - webinar
Audyt użyteczności - webinarAudyt użyteczności - webinar
Audyt użyteczności - webinarWojtek Kutyla
 

What's hot (6)

Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...
Zabawa w agencję interaktywną. Projekt od A do Z.Tomasz Karwatka, Divante i ...Zabawa w agencję interaktywną. Projekt od A do Z.Tomasz Karwatka, Divante i ...
Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...
 
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...
#IT fest 2013 -  UX ma znaczenie. O różnych podejściach do projektowania inte...#IT fest 2013 -  UX ma znaczenie. O różnych podejściach do projektowania inte...
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...
 
User Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach IT
 
UX w trudnych warunkach
UX w trudnych warunkachUX w trudnych warunkach
UX w trudnych warunkach
 
Design Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupDesign Thinking vs Lean UX Startup
Design Thinking vs Lean UX Startup
 
Audyt użyteczności - webinar
Audyt użyteczności - webinarAudyt użyteczności - webinar
Audyt użyteczności - webinar
 

Similar to Narzędzia w warsztacie UX Designera

O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...Project: People
 
User Experience w Analizie Biznesowej
User Experience w Analizie BiznesowejUser Experience w Analizie Biznesowej
User Experience w Analizie BiznesowejAnna Liszewska
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytaniaguest4e2bd4
 
UX is (almost) dead. Now what?
UX is (almost) dead. Now what?UX is (almost) dead. Now what?
UX is (almost) dead. Now what?Tomasz Skórski
 
Makiety uzytkownikow
Makiety uzytkownikowMakiety uzytkownikow
Makiety uzytkownikowSymetria
 
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyce
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyceAnna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyce
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyceComenius Projects in Paderewski
 
Studia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyStudia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyTomasz Skórski
 
Krótki wstęp do User Experience
Krótki wstęp do User ExperienceKrótki wstęp do User Experience
Krótki wstęp do User ExperienceDaria Michalska
 
What makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxWhat makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxUxeria
 
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdf
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdfUX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdf
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdfElzbieta Krutysza
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...Project: People
 
Startup stage #8 design - bartek matoga
Startup stage #8   design - bartek matogaStartup stage #8   design - bartek matoga
Startup stage #8 design - bartek matogaStartup Stage
 
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aKtóre sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aAgnieszka Guryn
 
Modele mentalne a strony WWW (SparkUp 2010)
Modele mentalne a strony WWW (SparkUp 2010)Modele mentalne a strony WWW (SparkUp 2010)
Modele mentalne a strony WWW (SparkUp 2010)ThinkLab
 
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktów
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktówSkuteczne wykorzystanie badań w projektowaniu użytecznych produktów
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktówTomasz Karwatka
 
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...Biznes 2.0
 
New #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of EverythingNew #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of EverythingNordea
 
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Paulina Makuch
 

Similar to Narzędzia w warsztacie UX Designera (20)

O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
 
User Experience w Analizie Biznesowej
User Experience w Analizie BiznesowejUser Experience w Analizie Biznesowej
User Experience w Analizie Biznesowej
 
User-centered design
User-centered designUser-centered design
User-centered design
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytania
 
UX is (almost) dead. Now what?
UX is (almost) dead. Now what?UX is (almost) dead. Now what?
UX is (almost) dead. Now what?
 
Makiety uzytkownikow
Makiety uzytkownikowMakiety uzytkownikow
Makiety uzytkownikow
 
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyce
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyceAnna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyce
Anna Dąbska - Design Thinking i nauczanie oparte na projektach w praktyce
 
Studia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyStudia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowy
 
Krótki wstęp do User Experience
Krótki wstęp do User ExperienceKrótki wstęp do User Experience
Krótki wstęp do User Experience
 
What makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxWhat makes them love you czyli mobilne ux
What makes them love you czyli mobilne ux
 
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdf
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdfUX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdf
UX Designer - dlaczego to się opłaca- Elzbieta Krutysza 2023.pdf
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
 
Startup stage #8 design - bartek matoga
Startup stage #8   design - bartek matogaStartup stage #8   design - bartek matoga
Startup stage #8 design - bartek matoga
 
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aKtóre sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
 
Modele mentalne a strony WWW (SparkUp 2010)
Modele mentalne a strony WWW (SparkUp 2010)Modele mentalne a strony WWW (SparkUp 2010)
Modele mentalne a strony WWW (SparkUp 2010)
 
Agile i UX
Agile i UXAgile i UX
Agile i UX
 
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktów
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktówSkuteczne wykorzystanie badań w projektowaniu użytecznych produktów
Skuteczne wykorzystanie badań w projektowaniu użytecznych produktów
 
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...
Jak skutecznie wykorzystać badania w procesie projektowania serwisów internet...
 
New #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of EverythingNew #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of Everything
 
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012
 

More from Paweł Kopyść

Socially Responsible Design - Why, What, How
Socially Responsible Design - Why, What, HowSocially Responsible Design - Why, What, How
Socially Responsible Design - Why, What, HowPaweł Kopyść
 
How to Become a Responsible Product Designer - Big Design Conference 2018
How to Become a Responsible Product Designer - Big Design Conference 2018How to Become a Responsible Product Designer - Big Design Conference 2018
How to Become a Responsible Product Designer - Big Design Conference 2018Paweł Kopyść
 
Jak zostać społecznie odpowiedzialnym product designerem?
Jak zostać społecznie odpowiedzialnym product designerem?Jak zostać społecznie odpowiedzialnym product designerem?
Jak zostać społecznie odpowiedzialnym product designerem?Paweł Kopyść
 
Jak wspólnie generować pomysły
Jak wspólnie generować pomysłyJak wspólnie generować pomysły
Jak wspólnie generować pomysłyPaweł Kopyść
 
Mamo pracuj w IT. Mamo zostań UXem.
Mamo pracuj w IT. Mamo zostań UXem.Mamo pracuj w IT. Mamo zostań UXem.
Mamo pracuj w IT. Mamo zostań UXem.Paweł Kopyść
 
Strategiczne podejście do projektowania
Strategiczne podejście do projektowaniaStrategiczne podejście do projektowania
Strategiczne podejście do projektowaniaPaweł Kopyść
 

More from Paweł Kopyść (6)

Socially Responsible Design - Why, What, How
Socially Responsible Design - Why, What, HowSocially Responsible Design - Why, What, How
Socially Responsible Design - Why, What, How
 
How to Become a Responsible Product Designer - Big Design Conference 2018
How to Become a Responsible Product Designer - Big Design Conference 2018How to Become a Responsible Product Designer - Big Design Conference 2018
How to Become a Responsible Product Designer - Big Design Conference 2018
 
Jak zostać społecznie odpowiedzialnym product designerem?
Jak zostać społecznie odpowiedzialnym product designerem?Jak zostać społecznie odpowiedzialnym product designerem?
Jak zostać społecznie odpowiedzialnym product designerem?
 
Jak wspólnie generować pomysły
Jak wspólnie generować pomysłyJak wspólnie generować pomysły
Jak wspólnie generować pomysły
 
Mamo pracuj w IT. Mamo zostań UXem.
Mamo pracuj w IT. Mamo zostań UXem.Mamo pracuj w IT. Mamo zostań UXem.
Mamo pracuj w IT. Mamo zostań UXem.
 
Strategiczne podejście do projektowania
Strategiczne podejście do projektowaniaStrategiczne podejście do projektowania
Strategiczne podejście do projektowania
 

Narzędzia w warsztacie UX Designera