SlideShare a Scribd company logo
1 of 45
Download to read offline
Whiteboard Challenge
Dribbble Warsaw Meetup - 20 Września 2016
Stanisław Eysmont
UX Designer / Trener / GOG.com (CD Projekt)
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Prezentacja będzie dostępna on-line
twitter: @eysmont
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Rozmowa kwalifikacyjna
Zaprezentowanie portfolio
Zadanie domowe
Ale czy jest coś lepszego?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Whiteboard Challenge
Zadanie przy tablicy
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Co jest potrzebne do tego zadania?
Tablica, marker i projektant.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Jak wygląda zadanie?
Jest to zadanie projektowe (np. zaprojektowanie aplikacji). Rozwiązujesz je na białej
tablicy przed potencjalnym pracodawcom, który wciela się w fikcyjną postać klienta.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Masz 20 minut na rozwiązanie i 5 minut
na podsumowanie.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Cel zadania
Ocena samodzielnej pracy kandydata oraz jego komunikacji w zespole, a przede
wszystkim…
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
… to jak myślicie, jak wygląda wasz
proces myślowy.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Czy potrafisz…
… zadawać właściwe pytania aby doprecyzować zadanie?
… skupić się na użytkowniku i celu zadania?
… zaproponować właściwe rozwiązanie?
… myśleć holistycznie o problemie?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Czy wskazujesz…
… na inne rozwiązania?
… na konkretne badania i sposób wykonania projektu?
… potencjalne ograniczenia techniczne?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Czy rozumiesz podstawowe zasady
projektowania?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Jakich błędów
unikać?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Nie bądź niechlujny.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Niechlujstwo pokazuje że panikujecie.
Rysuj szybko ale czytelnie, pisz pełne słowa, rysuj proste linie.
Nie przestawaj mówić.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Cały czas podtrzymuj rozmowę. Zadawaj pytania, bądź interaktywny.
Ale zachowaj proporcję…
Nie skupiaj się tylko na rozmowie.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Poza mówieniem ważne jest rysowanie. Mów o tym co rysujesz zaznaczając dlaczego
taką decyzję podjąłeś.
Nie przyjmuj postawy obronnej.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Jeśli rozmówca zadaje Ci pytania to chce zrozumieć twój proces myślowy. Skup się na
zrozumieniu rozmówcy i bądź elastyczny co do sugestii drugiej strony.
Skup się na konkretnym przypadku.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Celem nie jest wygenerowanie jak największej liczby pomysłów.
Skup się na jednym przypadku i pokaż że rozumiesz metody z których korzystasz.
Co zrobić aby dobrze
wykonać zadanie?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#1
Zadawaj pytania aby doprecyzować
zadanie
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Nie zaczynaj zanim nie będziesz miał
jasności co do zdania!
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#2
Zapytaj o użytkowników oraz kontekst
samego zadania
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#3
Narysuj najważniejsze elementy
historii użytkownika
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#4
Narysuj kilka kluczowych ekranów
swojego rozwiązania
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#5
Podsumuj zadanie i zaproponuj
alternatywne rozwiązania
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Co właściwie należy narysować?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Najlepiej opowiem wam to na
przykładzie Pana Zbyszka…
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Pan Zbigniew
Pan Zbigniew ma firmę autobusową w Norwegii. Jego 5 busów wozi pasażerów na
lotniska w okolicach Oslo. Chciałby stworzyć dla nich aplikację do zarządzania
rezerwacjami.
Aplikacja do rezerwacji miejsc w busie
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Odbiorcy
Polacy i Litwini, czasem Norwegowie
Pracujący w Norwegii, czasem turyści
20 -30 lat
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Marcin ma 25 lat
Mieszka w Mrągowie
Od 2 lat pracuje w Oslo / legalnie
Lata do żony raz w miesiącu
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Aplikacja do rezerwacji miejsc w busie
Android
Powiadomienia o kursie (off-line)
Możliwość kontaktu z kierowcą i biurem
Wybór języka (PL, NOR, ENG)
Wybór rodzaju płatności / u kierowcy / karta
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
W jedną stronę
Data
wylotu
Yes
Menu główne
Lista rezerwacji
Formularz
rezerwacji
Yes
No
Wybiera
lotnisko
Wybiera
przystanek
Wpisanie
danych
Płatność
On line
Yes
Płatność u
kierowcy
No
Płatność
Kartą
User Flow
Otwiera
aplikację
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Data
wylotu
Data
powrotu
No
Ekrany
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Norweski BUS
REZERWUJ
LISTA REZERWACJI
KONTAKT
Ekran początkowy
Norweski BUS
Wybierz lotnisko
Wybierz przystanek
Dalej »
Data przylotu
Formularz rezerwacji
Norweski BUS
VISA, MASTERCARD
Zarezerwuj
U KIEROWCY
Ekran płatności
Zapłać i zarezerwuj
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Na koniec macie czas na
podsumowanie waszej pracy.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Co udało nam
się zrobić?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Doprecyzowaliśmy zadanie
Zidentyfikowaliśmy platformę
Zidentyfikowaliśmy grupę docelową
Zbudowaliśmy persone
Pokazaliśmy przykładowy proces
Narysowaliśmy szkic aplikacji
Sprawdziliśmy jeszcze raz wszystko
Whiteboard Challenge w pracy?
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Na koniec…
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Pamiętajcie o tym że projektowanie to wybór priorytetów i dokonywanie
kompromisów. Nie ma jednego idealnego rozwiązania dla problemów
projektowych a wynik waszej pracy zależy od tego o co pytacie i jakie
decyzje podejmujecie.
#DribbbleWarsaw | Wrzesień 2016 | @eysmont
Dziękuje i trzymam za was kciuki!
s.eysmont@me.com | twitter: @eysmont
Pytania?
s.eysmont@me.com | twitter: @eysmont

More Related Content

What's hot

What's hot (20)

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
What is UX?
What is UX?What is UX?
What is UX?
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Design process
Design processDesign process
Design process
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UX research
UX researchUX research
UX research
 
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezWireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UX Metrics for Enterprise
UX Metrics for EnterpriseUX Metrics for Enterprise
UX Metrics for Enterprise
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
Design driven innovation and design thinking
Design driven innovation and design thinkingDesign driven innovation and design thinking
Design driven innovation and design thinking
 

Viewers also liked

Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
zakir2012
 
Bootstrap Responsive Framework
Bootstrap Responsive FrameworkBootstrap Responsive Framework
Bootstrap Responsive Framework
Steve Noone
 

Viewers also liked (19)

Design Thinking - Warsztaty
Design Thinking - WarsztatyDesign Thinking - Warsztaty
Design Thinking - Warsztaty
 
Design Thinking Sprint (3 Hours)
Design Thinking Sprint (3 Hours)Design Thinking Sprint (3 Hours)
Design Thinking Sprint (3 Hours)
 
Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
Is Non Veg Food Permited Or Prohibited For Humans Part 2 (By Dr Zakir Naik)
 
Ambi belén presentació_competic2
Ambi belén presentació_competic2Ambi belén presentació_competic2
Ambi belén presentació_competic2
 
Bootstrap Responsive Framework
Bootstrap Responsive FrameworkBootstrap Responsive Framework
Bootstrap Responsive Framework
 
ACW kan voor ARCO spaarpot van 20 miljoen aanspreken
ACW kan voor ARCO spaarpot van 20 miljoen aansprekenACW kan voor ARCO spaarpot van 20 miljoen aanspreken
ACW kan voor ARCO spaarpot van 20 miljoen aanspreken
 
Branding • G&L Surgical
Branding • G&L SurgicalBranding • G&L Surgical
Branding • G&L Surgical
 
Heroes(brenda)
Heroes(brenda)Heroes(brenda)
Heroes(brenda)
 
06 mobile o melhor meio da história marco scabia e guilherme cavalcante
06 mobile o melhor meio da história   marco scabia e guilherme cavalcante06 mobile o melhor meio da história   marco scabia e guilherme cavalcante
06 mobile o melhor meio da história marco scabia e guilherme cavalcante
 
Praktický radca pri balení na zimnú dovolenku
Praktický radca pri balení na zimnú dovolenkuPraktický radca pri balení na zimnú dovolenku
Praktický radca pri balení na zimnú dovolenku
 
Art Wars: Design as a force for good
Art Wars: Design as a force for goodArt Wars: Design as a force for good
Art Wars: Design as a force for good
 
Web Banner • Great Eastern Life
Web Banner • Great Eastern LifeWeb Banner • Great Eastern Life
Web Banner • Great Eastern Life
 
Get On the Poke Train
Get On the Poke TrainGet On the Poke Train
Get On the Poke Train
 
How Professional Athletes Train Their Minds & What Sales Pros Can Learn
How Professional Athletes Train Their Minds & What Sales Pros Can LearnHow Professional Athletes Train Their Minds & What Sales Pros Can Learn
How Professional Athletes Train Their Minds & What Sales Pros Can Learn
 
Apresentação Denken (Atualizada) - Baixa Resolução
Apresentação Denken (Atualizada) - Baixa ResoluçãoApresentação Denken (Atualizada) - Baixa Resolução
Apresentação Denken (Atualizada) - Baixa Resolução
 
Building Stuff for Fun and Profit - confessions from a life in code and cables
Building Stuff for Fun and Profit - confessions from a life in code and cablesBuilding Stuff for Fun and Profit - confessions from a life in code and cables
Building Stuff for Fun and Profit - confessions from a life in code and cables
 
What is capitalism
What is capitalismWhat is capitalism
What is capitalism
 
Big Data in Finance, 2012
Big Data in Finance, 2012Big Data in Finance, 2012
Big Data in Finance, 2012
 
History of Digital Media from 1965 1989
History of Digital Media from 1965 1989History of Digital Media from 1965 1989
History of Digital Media from 1965 1989
 

Whiteboard Challenge - Jak rekrutować UX Designera

  • 1. Whiteboard Challenge Dribbble Warsaw Meetup - 20 Września 2016
  • 2. Stanisław Eysmont UX Designer / Trener / GOG.com (CD Projekt) #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 3. Prezentacja będzie dostępna on-line twitter: @eysmont #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 4. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Rozmowa kwalifikacyjna Zaprezentowanie portfolio Zadanie domowe
  • 5. Ale czy jest coś lepszego? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 6. Whiteboard Challenge Zadanie przy tablicy #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 7. Co jest potrzebne do tego zadania? Tablica, marker i projektant. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 8. Jak wygląda zadanie? Jest to zadanie projektowe (np. zaprojektowanie aplikacji). Rozwiązujesz je na białej tablicy przed potencjalnym pracodawcom, który wciela się w fikcyjną postać klienta. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 9. Masz 20 minut na rozwiązanie i 5 minut na podsumowanie. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 10. Cel zadania Ocena samodzielnej pracy kandydata oraz jego komunikacji w zespole, a przede wszystkim… #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 11. … to jak myślicie, jak wygląda wasz proces myślowy. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 12. Czy potrafisz… … zadawać właściwe pytania aby doprecyzować zadanie? … skupić się na użytkowniku i celu zadania? … zaproponować właściwe rozwiązanie? … myśleć holistycznie o problemie? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 13. Czy wskazujesz… … na inne rozwiązania? … na konkretne badania i sposób wykonania projektu? … potencjalne ograniczenia techniczne? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 14. Czy rozumiesz podstawowe zasady projektowania? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 15. Jakich błędów unikać? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 16. Nie bądź niechlujny. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Niechlujstwo pokazuje że panikujecie. Rysuj szybko ale czytelnie, pisz pełne słowa, rysuj proste linie.
  • 17. Nie przestawaj mówić. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Cały czas podtrzymuj rozmowę. Zadawaj pytania, bądź interaktywny. Ale zachowaj proporcję…
  • 18. Nie skupiaj się tylko na rozmowie. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Poza mówieniem ważne jest rysowanie. Mów o tym co rysujesz zaznaczając dlaczego taką decyzję podjąłeś.
  • 19. Nie przyjmuj postawy obronnej. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Jeśli rozmówca zadaje Ci pytania to chce zrozumieć twój proces myślowy. Skup się na zrozumieniu rozmówcy i bądź elastyczny co do sugestii drugiej strony.
  • 20. Skup się na konkretnym przypadku. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Celem nie jest wygenerowanie jak największej liczby pomysłów. Skup się na jednym przypadku i pokaż że rozumiesz metody z których korzystasz.
  • 21. Co zrobić aby dobrze wykonać zadanie? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 22. #1 Zadawaj pytania aby doprecyzować zadanie #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 23. Nie zaczynaj zanim nie będziesz miał jasności co do zdania! #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 24. #2 Zapytaj o użytkowników oraz kontekst samego zadania #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 25. #3 Narysuj najważniejsze elementy historii użytkownika #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 26. #4 Narysuj kilka kluczowych ekranów swojego rozwiązania #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 27. #5 Podsumuj zadanie i zaproponuj alternatywne rozwiązania #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 28. Co właściwie należy narysować? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 29. Najlepiej opowiem wam to na przykładzie Pana Zbyszka… #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 30. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 31. #DribbbleWarsaw | Wrzesień 2016 | @eysmont Pan Zbigniew Pan Zbigniew ma firmę autobusową w Norwegii. Jego 5 busów wozi pasażerów na lotniska w okolicach Oslo. Chciałby stworzyć dla nich aplikację do zarządzania rezerwacjami.
  • 32. Aplikacja do rezerwacji miejsc w busie #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 33. Odbiorcy Polacy i Litwini, czasem Norwegowie Pracujący w Norwegii, czasem turyści 20 -30 lat #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 34. Marcin ma 25 lat Mieszka w Mrągowie Od 2 lat pracuje w Oslo / legalnie Lata do żony raz w miesiącu #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 35. Aplikacja do rezerwacji miejsc w busie Android Powiadomienia o kursie (off-line) Możliwość kontaktu z kierowcą i biurem Wybór języka (PL, NOR, ENG) Wybór rodzaju płatności / u kierowcy / karta #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 36. W jedną stronę Data wylotu Yes Menu główne Lista rezerwacji Formularz rezerwacji Yes No Wybiera lotnisko Wybiera przystanek Wpisanie danych Płatność On line Yes Płatność u kierowcy No Płatność Kartą User Flow Otwiera aplikację #DribbbleWarsaw | Wrzesień 2016 | @eysmont Data wylotu Data powrotu No
  • 37. Ekrany #DribbbleWarsaw | Wrzesień 2016 | @eysmont Norweski BUS REZERWUJ LISTA REZERWACJI KONTAKT Ekran początkowy Norweski BUS Wybierz lotnisko Wybierz przystanek Dalej » Data przylotu Formularz rezerwacji Norweski BUS VISA, MASTERCARD Zarezerwuj U KIEROWCY Ekran płatności Zapłać i zarezerwuj
  • 38. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 39. Na koniec macie czas na podsumowanie waszej pracy. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 40. Co udało nam się zrobić? #DribbbleWarsaw | Wrzesień 2016 | @eysmont Doprecyzowaliśmy zadanie Zidentyfikowaliśmy platformę Zidentyfikowaliśmy grupę docelową Zbudowaliśmy persone Pokazaliśmy przykładowy proces Narysowaliśmy szkic aplikacji Sprawdziliśmy jeszcze raz wszystko
  • 41. Whiteboard Challenge w pracy? #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 42. Na koniec… #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 43. Pamiętajcie o tym że projektowanie to wybór priorytetów i dokonywanie kompromisów. Nie ma jednego idealnego rozwiązania dla problemów projektowych a wynik waszej pracy zależy od tego o co pytacie i jakie decyzje podejmujecie. #DribbbleWarsaw | Wrzesień 2016 | @eysmont
  • 44. Dziękuje i trzymam za was kciuki! s.eysmont@me.com | twitter: @eysmont