UX: Interaktywne vs statyczne

0:00Kolejna decyzja, którą mamy do podjęcia to to czy nasz prototyp będzie

0:04interaktywny, czy statyczny, oraz czy będzie prosty, czy raczej bardzo rozbudowany.

0:08Dlaczego musimy zastanowić się nad interaktywnością naszego prototypu? No

0:12przede wszystkim dlatego, że wpływ będzie miało to na to jakie

0:17narzędzie będziemy wykorzystywać, z jakiego narzędzia możemy skorzystać, ponieważ nie

0:22każdy program do prototypowania, nie każda aplikacja do prototypowania pozwoli

0:26nam stworzyć bardzo rozbudowane interakcje. Więc jeżeli wiemy, że w naszych

0:30testach będziemy musieli używać bardzo rozbudowanych interakcji, będziemy musieli

0:34udawać, że ten prototyp naprawdę żyje, że te pola

0:38formularza są do wypełnienia, to raczej nie będziemy mogli skorzystać z takich narzędzi

0:42jak Marvel albo InVision, a bardziej będziemy decydować się

0:46na rozwiązania typu ProtoPie Studio albo Axure. Więc warto

0:50zastanowić się na samym początku czy faktycznie musimy tworzyć bardzo

0:54rozbudowane interfejsy pod kątem interaktywności, czy jednak wystarczy, że te

0:58prototypy będą dość statyczne i wtedy wystarczy nam na przykład stworzenie

1:03prototypu, który będzie przechodził między ekranami po kliknięciu w jakiś element

1:07albo po prostu w cały ekran. A może się okazać, że nie będziemy też

1:11tworzyć prototypu cyfrowego, będziemy opierać się tylko i wyłącznie na prototypie

1:16papierowym, i wtedy również warto zastanowić się czy są jakieś

1:20interakcje, które musimy pokazać użytkownikowi, czy wystarczy, że będziemy tylko

1:24zabierać i przekładać kartki użytkownikowi, żeby dać mu do zrozumienia, że przechodzimy

1:28między kolejnymi ekranami, a może jednak trzeba będzie pokazać jakąś formę

1:32interakcji, trzeba będzie powycinać na przykład okienka komunikatów, które

1:36będziemy nakładać temu użytkownikowi na dany

1:40prototyp, żeby on zrozumiał, że teraz zadziało się coś innego. I

1:44oczywiście no różnice jakie są między tym interaktywnym a statecznym

1:49prototypem... jeżeli mówimy o prototypie interaktywnym, to taki, który sprawia,

1:54że zachodzi jakaś interakcja po działaniu użytkownika. Jeżeli on w coś klika,

1:58na coś najeżdża, uzupełnia jakieś dane, to ten prototyp reaguje automatycznie. To

2:03znaczy jest tam zakodowana jakaś interakcja, jest zakodowana jakaś animacja, my

2:08to sobie wszystko zaplanowaliśmy i to po prostu samo się dzieje. A kiedy mówimy o prototypach

2:12statycznych, mówimy wtedy o takich prototypach, które po prostu są statyczne.

2:16To znaczy nic się na nich nie dzieje i jedyne interakcje, jakie zachodzą to takie, które wymuszane

2:21są przez badacza, przez obserwatora, który

2:25pracuje w czasie testów właśnie z tym użytkownikiem. No

2:30i druga rzecz, o której musimy też zdecydować to to czy robimy proste,

2:34czy rozbudowane prototypy. Bo możemy zdecydować się

2:38na to, że w pełni oddajemy strukturę

2:42naszego produktu. To znaczy robimy prototyp dokładnie każdej strony,

2:46która znajduje się w tym produkcie, bo z jakiegoś powodu jest to istotne dla nas. Na

2:50przykład musimy zaplanować jak rozkładają się treści, bo one będą wyglądać

2:55inaczej na każdej stronie albo mamy tak rozbudowane testy z użytkownikami, że ci użytkownicy

2:59faktycznie będą krążyć między tymi wszystkimi stronami i my musimy wiedzieć w

3:03jaki sposób oni w interakcje wchodzą z właśnie

3:08tymi podstronami, które są do zaprototypowania. Natomiast możemy zdecydować

3:12się również na bardzo proste, nieskomplikowane prototypy. I wtedy

3:17zdecydujemy się na przykład na stworzenie dwóch albo trzech widoków, między którymi

3:21można się przeklikiwać albo tylko drobnych zmian stanu

3:25jakiegoś widoku. Jeżeli chcemy sprawdzić jak działa filtrowanie w naszych listach

3:29albo tabelach, to nie będziemy musieli robić bardzo rozbudowanego prototypu. Raczej

3:33wystarczy nam widok, który będzie pokazywał stan początkowy tabeli, włączenie

3:38filtrów i to, co się stanie po włączeniu tych filtrów. I możemy wtedy

3:42pracować na wymyślonych danych, które przekażemy temu

3:46użytkownikowi w czasie testów, z których

3:50powinien skorzystać. I wtedy mamy już zaplanowane, że

3:54właśnie takie informacje wpisze, co się z nimi stanie i możemy już udawać,

3:58że ten prototyp żyje, że on faktycznie reaguje na

4:02te działania użytkownika. Ostatecznie niezależnie od tego,

4:06czy to będą rozbudowane prototypy, czy bardzo interaktywne czy będą papierowe,

4:10czy będą cyfrowe, chodzi o to, po co je tworzycie, do czego one będą wam

4:14służyły i tak naprawdę jakie cele chcecie osiągnąć przez to,

4:18że stworzycie ten prototyp. Nie róbmy sztuki dla sztuki, nie twórzmy prototypów

4:23kiedy one nie są potrzebne, bo czasami może się okazać, że na tym konkretnym etapie

4:27ten prototyp nie będzie potrzebny, ale będzie potrzebny później albo wręcz

4:31przeciwnie będzie potrzebny tylko na początku, a później kolejne iteracje testów

4:35będziemy przeprowadzać już na żywym organizmie. Więc zastanawiajmy się, rozmawiajmy,

4:40przedstawiajmy wszystkie argumenty za i przeciw kiedy zastanawiamy się

4:44nad wybraniem już konkretnego rozwiązania, a dzięki temu będziemy

4:49mieć pewność, że faktycznie to nie są jakieś losowe wybory, i że te prototypy

4:53będą nam służyć tak, jak powinny nam służyć. Okej. Teraz

4:57będziemy mówić o tym, co powinno znaleźć się w prototypach

5:01i jak w ogóle pracować na tych prototypach.