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