UX: Cyfrowe zalety i wady

0:00Okej. Rozmawialiśmy o prototypach papierowych, teraz zastanówmy się kiedy

0:04używać prototypów cyfrowych, kiedy najlepiej się sprawdzą,

0:08jakie jest ich najlepsze zastosowanie. Wspominałam o testach z użytkownikami

0:12i faktycznie jedną z wielu zalet prototypów cyfrowych

0:16jest to, że one świetnie sprawdzą się na testach z użytkownikami, są dobrym narzędziem

0:20komunikacyjnym, bardzo łatwo przekazać wygląd interfejsu

0:24i to jak będzie działał, kiedy taki deweloper czy klient zobaczy już faktycznie

0:28coś bardzo podobnego do tego produktu skończonego. Więc w momencie

0:32kiedy wiemy, że czekają nas testy, że tych testów będzie

0:36bardzo dużo z użytkownikami, lepiej od razu takie bardziej skomplikowane

0:41procesy przedstawiać w formie produktu cyfrowego, takiego prototypu

0:45cyfrowego, zamiast poświęcać czas na robienie tego samego

0:49na papierze, a potem przenoszenie dokładnie tego samego na prototyp

0:53cyfrowy. Więc jakie są zalety tych prototypów cyfrowych? No

0:58przede wszystkim fakt, że one świetnie sprawdzają się

1:02na testach z użytkownikami, że ci użytkownicy czasami myślą, że korzystają z

1:06już gotowego rozwiązania, ze skończonego rozwiązania jest

1:10zaskakujące, ale faktycznie te prototypy cyfrowe pozwalają nam do... na

1:14dojście do takiego momentu gdzie to faktycznie wygląda jakby był skończony

1:18produkt, że to działa jakby był skończony produkt i dzięki temu możemy zwracać uwagę

1:23na najmniejsze detale w czasie tych testów i otrzymywać feedback,

1:27którego nie otrzymalibyśmy na etapie prototypu papierowego. Użytkownikowi

1:32po prostu łatwiej zrozumieć jest coś, co dzieje się na ekranie komputera, z

1:36którego na co dzień korzysta albo kiedy wyślemy taki prototyp mobilny

1:40na jego urządzenie, na jego smartfona i kiedy

1:45sam może obsługiwać gestami ten prototyp, kiedy ten badacz

1:49czy obserwator nie musi ingerować w działanie tego prototypu,

1:53po prostu wszystko dzieje się pod wpływem interakcji użytkownika z prototypem i nie trzeba

2:00tłumaczyć tego wszystkiego, nie trzeba tego specjalnie moderować. My po prostu narzucamy

2:04pewne zadania do wykonania użytkownikowi i on sam już sobie w tym wszystkim może

2:08dłubać. Oczywiście trzeba upewnić się, że te procesy, które chcemy testować są

2:12dobrze zamakietowanie, że one mają dodane interakcje, i

2:16że te ścieżki są odpowiednio połączone, żeby nie okazało się, że nagle użytkownik

2:20trafia na jakąś niedokończoną, pustą stronę. Ale wciąż to

2:24bardzo wysoki poziom szczegółowości, który możemy przekazać w takim prototypie

2:28sprawia, że będziemy dostawać zupełnie inne uwagi niż w

2:32przypadku tego prototypu papierowego. I to, że łatwo udają prototypy

2:37cyfrowe taki skończony produkt jest też zaletą nie tylko z punktu widzenia pracy

2:41z użytkownikiem, ale również pracy z naszym klientem. W którymś

2:45momencie procesu projektowego będziemy musieli zacząć myśleć

2:49o wizualizacji, o tej stronie wizualnej, o tym jak ten

2:53produkt będzie wyglądał; czy tam będzie dużo dużych zdjęć, czy

2:58może będą bardzo skomplikowane elementy interfejsu, a może wręcz przeciwnie wszystko

3:02będzie można obsługiwać gestami. I prędzej czy później do tego etapu dojdziemy. Trzeba

3:07będzie podejmować pewne decyzje, które będą miały wpływ na to jak to wszystko będzie ostatecznie

3:11wyglądać. I dużo łatwiej podejmuje się takie decyzje związane z wizualizacjami

3:16właśnie na tych prototypach cyfrowych, a nie cały

3:20czas na papierze. No i fakt, że możemy pokazać naprawdę

3:24bardzo zaawansowane interakcje na naszych komputerach i smartfonach

3:28jest niewątpliwą zaletą takich prototypów cyfrowych. Wszelkiego

3:34rodzaju animacje, które mogą poprawiać doświadczenia

3:38naszych użytkowników, które sprawiają, że użytkownicy mogą bardziej, lepiej

3:42zrozumieć to, co dzieje się na ekranie, które mogą wspierać jakieś

3:47komunikaty błędów albo wręcz przeciwnie pokazują, że coś

3:51powiodło się, że jakieś zadanie zostało wykonane. Te wszystkie detale,

3:56te mikroanimacje, o których będziemy myśleć też zaraz na etapie

4:00projektowania interfejsu i wdrażania już końcowego

4:04produktu, one mają znaczenie. No i prędzej czy później my jako projektanci

4:09musimy się zastanowić jak to będzie wyglądać, jak to będzie działać. Na prototypie

4:13papierowym będzie to bardzo ciężkie do wykonania; robienie różnych stanów, pokazywanie

4:18różnych komunikatów. To jest kolejny szkic, kolejny element, który trzeba

4:22wykonać z papieru i zaplanować, a w tej chwili, korzystając

4:26z programów, które służą do projektowania interfejsów albo po prostu do

4:30prototypowania, one po części mają pewne rozwiązania wbudowane i po

4:35prostu te wszystkie interfejsowe komponenty można

4:39wprowadzać dużo szybciej i dużo proście.j Oczywiście

4:43cyfrowe prototypy również mają swoje wady. I

4:48takim największym zarzutem jeżeli chodzi o tworzenie

4:52prototypu cyfrowego jest czasochłonność. Niestety im bardziej skomplikowany,

4:57im bardziej rozbudowany i bogaty w interakcje będziemy chcieli zrobić prototyp, tym

5:01większe ryzyko, że zajmie on nam naprawdę dużo czasu. I wtedy pracę nad

5:05takim prototypem możemy liczyć nawet w tygodniach. Więc jeżeli rozmawiamy

5:09o prototypowaniu z klientem, który ma bardzo ograniczony czas na realizację

5:13jakiegoś produktu może okazać się, że nie możemy pozwolić sobie na to, żeby

5:17prototypować przez dwa albo trzy tygodnie, tylko w ramach jednej

5:22iteracji produktu. Więc wtedy lepiej mogą sprawdzić się właśnie szybkie, niedokładne

5:27szkice i testowanie takiego materiału niż

5:31tworzenie doskonałego, wycackanego prototypu

5:36cyfrowego, żeby potem okazało się, że część naszej pracy poszła na marne, bo po

5:40iteracji pierwszych testów po prostu niestety

5:45trzeba będzie tych poprawek wprowadzać bardzo dużo. To, co

5:49jest również wadą takich prototypów cyfrowych to fakt, że to

5:53musimy znać jakieś narzędzia, w których te prototypy będziemy mogli wykonać. Czyli

5:58musimy znać jakąś aplikację do prototypowania, musimy znać

6:02jakieś narzędzie, które pozwala nam projektować interfejsy. I w zależności od

6:06tego, jakim projektantem jesteśmy, i jaką częścią procesu

6:10projektowego chcemy się zajmować może okazać się, że będziemy musieli uczyć się dokładnie

6:14tych samych narzędzi, z których korzystają projektanci UI w tej chwili. Więc jeżeli

6:18interesujemy się tym pierwszym etapem, kiedy zastanawiamy się nad funkcją naszego

6:23produktu, nad funkcjami, które znajdują się w tym produkcie, chcemy zajmować się architekturą

6:27informacji i ewentualnie prototypowaniem bądź makietowaniem, a później

6:32zostawiać całą pracę projektantom UI, grafikom, którzy będą ubierać

6:37te wszystkie koncepcje w piękne obrazy, no to może się

6:41okazać, że mimo wszystko, mimo to, że bardziej interesujemy się funkcją

6:45i strategią tego produktu, to siłą rzeczy trzeba będzie nauczyć się jakiegoś z

6:49tych programów. I część z tych programów jest banalna i można nauczyć się

6:53ich bardzo szybko. Część z nich potrafi być dość skomplikowana i samo

6:57patrzenie na ich interfejs sprawia, że dostajemy gęsiej skórki. Ale

7:01faktem jest, że znajomość jakiegokolwiek programu do prototypowania takiego cyfrowego

7:06jest naprawdę wygodna, bo może okazać się, że na którymś

7:10etapie faktycznie będziecie potrzebować tej wiedzy i tej znajomości narzędzi. Wspominałam

7:15już o tym ryzyku, omawiając różnice między prototypami papierowymi a

7:20prototypami cyfrowymi. Niestety jeżeli pracujemy z bardzo

7:24dobrym oprogramowaniem, z takim oprogramowaniem, które służy

7:28do projektowania interfejsów, jest to ryzyko, że za bardzo będziemy skupiać

7:32się na wizualnej warstwie, że za bardzo będziemy zwracać uwagę na to jak coś

7:36wygląda, jaka jest tam typografia, jakie są interlinie, czy

7:40kolory się zgadzają, bo niektórzy decydują się na to, żeby

7:44tych kolorów również używać prototypach. I wtedy zaczynamy

7:49za bardzo myśleć już o interfejsie, za bardzo zaczynamy skupiać się na etapie

7:54tych wizualizacji, pomysłów i skończonego produktu, zamiast

7:58jeszcze poświęcić tą chwilę na to, żeby zastanowić się czy to rozwiązanie na pewno

8:02jest tym najlepszym rozwiązaniem, czy może jednak powinniśmy zastanowić się nad ścieżką

8:06użytkownika, czy może ten proces jest jeszcze do przepracowania i powinniśmy

8:10po prostu to zmienić. Więc jeżeli zaczynamy pracę na prototypach,

8:15jeżeli zaczynamy pracę nad produktem, pierwszy raz pochylamy się nad koncepcjami

8:19tego produktu, to zdecydowanie lepiej zacząć od papieru, naszkicować

8:24sobie pewne pomysły i koncepcje - i kiedy będziemy przekonani, że to faktycznie są te pomysły, z

8:28którymi chcemy pracować dalej, dopiero przenosić je na takie prototypy cyfrowe,

8:33bo to po prostu zaoszczędzi nam masę czasu.