UX: Research i przygotowanie

0:00Okej. Poznaliśmy już podstawy. Wiemy, z czego składa się tak

0:04naprawdę architektura informacji, co możemy zrobić z etykietami, wyszukiwaniem i

0:08nawigacją w naszej stronie internetowej czy aplikacji mobilnej. Teraz

0:12przejdziemy do metod pracy. Opowiem wam trochę o moim procesie i o tym,

0:16jak tak naprawdę wygląda praca nad architekturą informacji,

0:20bo teoria teorią, a w praktyce to też wygląda troszeczkę inaczej.

0:24Pierwszą rzeczą, jaką zawsze robię, kiedy zaczynam

0:29nowy projekt, kiedy zajmuję się architekturą informacji czy w ogóle projektem

0:33jakiegoś interfejsu, produktu, jakim może być na przykład strona internetowa,

0:37to jest research i przygotowanie się odpowiednio do projektu.

0:42Co rozumiem przez research i przygotowanie? No tak naprawdę znalezienie

0:46jak największej ilości informacji, które mogą przydać mi się w codziennej pracy

0:50nad projektem. Muszę sprawdzić przede wszystkim, czym

0:54jest, kim jest firma, która odzywa się do mnie. Jeżeli

0:59robię stronę internetową jakiejś firmy, jakiegoś produktu,

1:03to muszę zrozumieć, o co tak naprawdę w tym wszystkim chodzi, jakiego

1:07rodzaju usługi, jakiego rodzaju produkty oferuje swoim klientom, kim

1:11są ci klienci. Musimy zrozumieć, jakie jest otoczenie konkurencyjne tej

1:15firmy, czyli z kim tak naprawdę będzie rywalizować ta strona internetowa,

1:20od kogo musimy być lepsi i mądrzejsi, sprytniejsi, więc

1:24przegląd analizy, przegląd i analiza konkurencji. No i oprócz

1:28tego chciałabym znaleźć na tym etapie już jakieś pierwsze inspiracje

1:32do rozwiązań, które będę stosowała w swoją produkcję. I tak jak szukamy

1:36inspiracji do strony internetowych i rozwiązań interfejsowych, tak

1:41samo możemy szukać tych inspiracji, kiedy przyglądamy się etykietom na jakiejś

1:45stronie internetowej, rozwiązaniom związanym z nawigacją

1:50albo wyszukiwaniem na stronie. Jak w ogóle podejść

1:54do takiej analizy konkurencji? Jak w ogóle zbierać te wszystkie inspiracje? Jest

1:59kilka narzędzi, z których możemy korzystać. Jest kilka metod, które możemy wykorzystać. I

2:04takimi popularnymi rozwiązaniami są na przykład wędrówki poznawcze

2:08na stronach konkurencji albo analizy heurystyczne. Jeżeli robimy rebranding

2:13jakiegoś rozwiązania, mamy stronę internetową, którą musimy polepszyć, ulepszyć,

2:18mamy aplikację mobilną, której przyda się jakieś odświeżenie,

2:22w której pojawiają się problemy, ale nie do końca jeszcze wiemy, jak je

2:27wszystkie rozwiązać, no to będziemy analizować przede wszystkim to rozwiązanie,

2:32na którym będziemy pracować. Ale oprócz tego rozwiązania, które mamy, musimy

2:36również przeanalizować te konkurencyjne. Zdarza się czasem tak, że przychodzi

2:40do nas klient i chce zupełnie nowy produkt. To znaczy startujemy od zera. Nie mamy

2:45do analizy poprzedniej wersji serwisu czy poprzedniej wersji aplikacji, tylko

2:49zaczynamy wszystko od zera. Wtedy naszą analizę skupiamy właśnie

2:53na rozwiązaniach konkurencyjnych. Efekty takich działań,

2:58efekty takiej analizy będziemy zbierać prawdopodobnie w jakimś jednym dokumencie. Jeżeli

3:03pracujemy sami, będziemy zbierać sobie to do jakiegoś folderu,

3:07do jakiegoś pliku, tak jak uznamy za wygodne,

3:11za stosowne, żeby tak naprawdę ułatwić pracę sobie, a nie specjalnie

3:15ją komplikować. Ale w momencie kiedy pracujemy z większym zespołem, kiedy musimy

3:20podzielić się naszymi odkryciami, jeżeli będziemy analizować, audytować jakieś

3:24rozwiązania, to musimy je w jakiś sposób zaprezentować klientowi albo

3:28innym projektantom, z którymi pracujemy, to już trzeba zastanowić się nad takimi

3:32narzędziami, które pozwolą nam na podobną pracę. I

3:36to mogą być wszelkiej maści prezentacje. Możemy korzystać z takich

3:40serwisów, które umożliwiają robienie prezentacji online. Wtedy bardzo łatwo przekazać

3:44taką prezentację drugiej osobie. Możemy skorzystać z Dropboxa,

3:49możemy skorzystać z Google Drive, możemy skorzystać również z

3:53takich rozwiązań jak RealtimeBoard, do którego możemy

3:57wrzucać dowolne obrazy, komentarze, przypinać wirtualne sticky notes

4:01i odpowiednio komentować. No dobra, ale jak podejść

4:05do takiej analizy konkurencji? Jak podejść do takiej analizy heurystycznej? Jak zrobić

4:09dobrze wędrówkę poznawczą? Przede wszystkim musimy zastanowić się, co będziemy

4:14sprawdzać. Czy będzie to jakiś produkt strony internetowej, czy to

4:18będzie jakaś aplikacja mobilna. Musimy mieć urządzenie, na którym będziemy tę

4:23wersję sobie testować. Jeżeli mamy już urządzenie i stronę, przez

4:27którą będziemy przechodzić, musimy zastanowić się, co tak naprawdę chcemy dokładnie przeanalizować,

4:32jakie procesy na tej stronie nas interesują. Jeżeli jest to sklep internetowy, który

4:36umożliwia tworzenie swoich boxów prezentowych i

4:40odpowiednie kombinowanie ze sobą produktów, tak żeby spakować

4:45to do ładnego pudełka, dodać jakiś liścik z życzeniami, wybrać

4:49odpowiednie opakowanie i na przykład wstążkę albo kwiaty, które możemy

4:53również dołączyć do takiego pudełka, no to jest tam jakiś proces, który będzie

4:57pozwalał odpowiednio filtrować, wyszukiwać treści, dodawać je ze sobą,

5:02w jakiś sposób będzie się wyliczała ostateczna cena tego produktu. Więc

5:06będzie tam bardzo dużo takich drobnych elementów, na które my

5:10jako projektanci informacji musimy zwrócić uwagę, żeby

5:14wiedzieć, jak odpowiednio zakomponować je na poszczególnych stronach, jak

5:18rozbudować tą strukturę, żeby ten użytkownik wiedział, w co ma klikać, jak

5:23nazwać te wszystkie zakładki, jak nazwać kategorie, jak nazwać przyciski. Więc

5:28to, co będziemy robić na tym etapie, to tak naprawdę przechodzić

5:32przez kolejne procesy i notować jakieś ważne zdarzenia. Jeżeli

5:37pojawił się błąd, jeżeli widzimy, że coś zostało nazwane źle... Na

5:42przykład zakładka jest niezrozumiała i nie do końca wiemy, co stanie się po kliknięciu w

5:46konkretny przycisk, to możemy zrobić w tym momencie screena, możemy

5:50wrzucić go do naszej prezentacji albo do RealtimeBoarda i odpowiednio

5:54skomentować. I tak samo jeżeli będziemy trafiać na błędy, trafimy

5:58na takie momenty, które sprawią, że hmm, kurczę, czuję, że to jest fajne

6:02rozwiązanie, że to sprawiło jakiś uśmiech na mojej twarzy, że zaśmiałam

6:07się, bo na przykład tekst był na tyle interesujący i zabawny, że gdzieś to

6:11tam sprawiło ten uśmiech na mojej twarzy. Takie momenty również

6:16zapisujemy, bo to są te momenty, które sprawiają, że ktoś odpowiednio

6:20zadbał o te komunikaty, odpowiednio zadbał o architekturę i sprawił, że to rozwiązanie

6:24jest faktycznie takie angażujące i

6:28atrakcyjne. Więc zapisujemy w takiej analizie zarówno błędy,

6:32jak i te dobre rozwiązania. I potem będziemy zestawiać je

6:36z produktami, na których pracujemy. Jeżeli robimy rebranding,

6:40to analogicznie taką analizę i wędrówkę poznawczą dobrze zrobić w tym własnym,

6:45starym produkcie. W momencie kiedy będziemy wiedzieć, co jest złego w produkcie, a co

6:49było dobrego, dużo łatwiej będzie go poprawiać, będziemy wiedzieć, które elementy

6:53zostawić, nad którymi trzeba się zastanowić, i które na

6:57pewno będą musiały zostać poprawione. Mając kilka takich krótkich analiz -

7:01to naprawdę nie muszą być jakieś rozbudowane prezentacje ani bardzo

7:05rozbudowane audyty - chodzi po prostu o wytypowanie kilku

7:10takich punktów, w których faktycznie te problemy mogą się pojawić albo tam,

7:14gdzie faktycznie jest fajne rozwiązanie. Zestawienie ich wszystkich

7:18razem i opracowanie jakiegoś takiego wspólnego

7:22celu czy też zbudowanie strategii projektowej wokół tych rozwiązań,

7:26które mamy przed sobą. Musimy po prostu wiedzieć, co i jak mamy poprawiać. Jak -

7:31będziemy sobie odpowiadać zaraz. Ale musimy wyjść od tego "co". I taka

7:36analiza heurystyczna, taka wędrówka poznawcza w bardzo

7:40prosty i szybki sposób pozwala nam to "co" właśnie znaleźć.