w Praktyce
7 godz. 35 min · User Experience · UI, UX i Webdesign
Natalia BieniasHead of Design w Mobee DickCały kurs został podzielony na trzy główne części: zbieranie wymagań, architekturę informacji oraz prototypowanie. Czasami jako projektanci będziemy zajmować się w pracy każda z nich, a czasami będziemy odpowiedzialni za wszystkie. Niezależnie od tego, czym ostatecznie będziemy się zajmować, warto znać i rozumieć pozostałe etapy, aby sprawniej współpracować z innymi członkami zespołu projektowego.
To, czego nie uczą z reguły podręczniki to praca z klientem i rozwijanie tak zwanych kompetencji miękkich. W części poświęconej zbieraniu wymagań poznasz metody i narzędzia, które pomogą Ci we współpracy z innymi ludźmi. Dowiesz się min. jak i po co stworzyć brief, jak zorganizować i poprowadzić spotkanie lub warsztat kreatywny, a także jak uporządkować sobie zdobyta wiedze, by wykorzystać ja dalej.
W pracy projektowej albo tworzymy struktury architektury informacji lub na takich strukturach, przygotowanych przez architektów informacji pracujemy. Niezależnie od tego, w która stronę pójdziemy, będziemy mieć do czynienia na co dzień z projektowaniem treści. W kursie dowiesz się w jaki sposób porządkujemy treści na stronach, jakie są popularne modele nawigacji i w jaki sposób weryfikować, czy stworzone przez nas modele są zrozumiale dla użytkowników.
Etap prototypowania jest jednym z najbardziej charakterystycznych, do tego stopnia, ze często myli się go z samym projektowaniem UX. Dowiesz się jak wygląda proces powstawania prototypu i jak dobrać najlepszy jego rodzaj do typu projektu, który realizujesz. Nie zawsze bowiem będą potrzebne prototypy o wysokim stopniu szczegółowości i dużej interaktywności!
Z tego kursu skorzystają przede wszystkim osoby, które zaczynają prace zawodowa w obszarze projektowania UX lub chcą się przebranżowić z innych specjalizacji. Jeżeli jesteś osoba zupełnie zielona w temacie projektowania User Experience, sięgnij w pierwszej kolejności po kurs Wprowadzenie do UX. Dzięki temu poznasz podstawowe pojęcia. Z tego kursu skorzystają przede wszystkim: projektanci, którzy chcą poznać inne podejście do wytwarzania produktów cyfrowych; osoby zainteresowane praca w obszarach UX, architektury informacji czy projektowania interfejsów; osoby, które planują przebranżowić się na stanowisko UX albo UI designera; graficy, którzy chcą rozwinąć swoje kompetencje w procesie projektowym.
Kolejna rzecz, o której musimy sobie powiedzieć, to jak w ogóle przygotować się do
tej pracy nad prototypem. Zanim w ogóle jeszcze zaczniemy tam
sobie rysować, zanim zaczniemy zastanawiać się, w którym miejscu jakie elementy powinny
się znaleźć, jest jeszcze kilka rzeczy, nad którymi musimy się zastanowić,
i nad którymi musimy trochę popracować. Jednym z takich etapów, o których
warto wspomnieć jest również analiza konkurencji. No bo w gruncie rzeczy chcemy zrobić produkt,
który będzie prawdopodobnie lepszy od rozwiązania konkurencyjnego, który będzie miał
wygodniejsze i fajniejsze funkcje dla naszych użytkowników. I który
sprawi, że na przykład będzie po
prostu atrakcyjniejszy i wygodniejszy w użyciu. Więc żeby zrobić
coś takiego, musimy wiedzieć z kim, z czym mamy do czynienia, jak wygląda
otoczenie konkurencyjne tego produktu, nad którym właśnie pracujemy. Więc
zanim siądziemy do Axura czy zanim zaczniemy do szkiców i zaczniemy
wymyślać co powinno być w naszym prototypie, musimy przejść się po stronach i aplikacjach
konkurencyjnych rozwiązań. Te konkurencyjne rozwiązania może wam podać klient,
on może w czasie zbierania wymagań zaserwować wam taką listę bezpośrednich
i pośrednich konkurentów czy też benchmarków, czyli takich firm, do których są my
chcemy trochę aspirować, które nie muszą być związane bezpośrednio z branżą dla
jakiej pracujemy, ale mają bardzo ciekawe rozwiązania na przykład interfejsowe,
które mogą przydać się w naszym rozwiązaniu. Więc taka
analiza konkurencji jest do zrobienia po waszej stronie i to będzie
analiza konkurencji, która będzie skupiała się głównie na zakresie funkcji,
na tym jak te funkcje zostały rozwiązane w interfejsie, jak
na przykład wygląda architektura informacji i jak wyglądają i działają już poszczególne
rozwiązania tego interfejsu. Więc to są takie zagadnienia, na które
powinniśmy zwracać uwagę, oglądając konkurencyjne strony i aplikacje. I
w jakiś sposób powinniśmy sobie to notować i zapisywać na później, bo zaraz
będziemy z tego korzystać kiedy będziemy tworzyć swoje własne produkty. Jak
w ogóle podejść do analizy konkurencji, jak się do tego wszystkiego zabrać? Jest
kilka narzędzi i metod, które mogą nam w tym pomóc. Takim popularnym rozwiązaniem jest
chociażby analiza heurystyczna. Możemy przejść sobie
jakieś wędrówki poznawcze, możemy przygotować sobie scenariusze, według których
chcemy poruszać się po konkurencyjnej stronie albo aplikacji, na przykład
zrobić przykładową rejestrację w
jakimś serwisie konkurencyjnym albo spróbować kupić jakieś produkty w
aplikacji, która jest naszą konkurencją. I w momencie kiedy robimy
sobie te wszystkie ścieżki, kiedy przechodzimy przez te elementy i coś wyjątkowo
zwróciło naszą uwagę, robimy screeny, notujemy, robimy zdjęcia,
wrzucamy to sobie później gdzieś do jakiegoś dokumentu. To
może być RealtimeBoard, to może być jakakolwiek aplikacja, która służy nam
do tworzenia prezentacji, to może być po prostu folder ze zdjęciami,
to może być jakikolwiek Dropbox. Narzędzie, które wybierzecie nie jest aż tak
istotne. Ważne, żeby przydało się wam i ewentualnie waszym kolegom i koleżankom, z którymi będziecie
pracować nad prototypem. I kiedy
będziecie sobie zapisywać takie przykłady, notujcie i komentujcie, zaznaczajcie
co tak naprawdę wam się w tym konkretnym elemencie spodobało, czy to
jest jakaś funkcja, która działa w określony sposób, czy to jest tak jak widzicie na slajdzie - sposób
zwijania filtrów, który sprawia, że automatycznie dodaje nam się jedna kolumna produktów
więcej, po prostu tych produktów widzimy więcej. Więc jeżeli użytkownik nie potrzebuje
filtrowania, to może je wyłączyć, a kiedy będzie chciał coś przefiltrować, to w każdym momencie
może je sobie rozwinąć. Więc takie drobne elementy, takie
drobne elementy interfejsowe warto sobie zapisywać w jednym miejscu. Jeżeli nie
chcecie tworzyć specjalnej przestrzeni, nie chcecie inwestować w kolejną aplikację,
która będzie wam do tego służyła, całkiem niezłym rozwiązaniem do zbierania
konkurencyjnych rozwiązań, ale również inspiracji jest Pinterest. Jeżeli
stworzycie sobie tam darmowe konto, możecie stworzyć boarda, do
którego wrzucicie po prostu przykładowe zdjęcia i obrazki. Jego
możecie oznaczyć jako też secret boarda, czyli nikt nie będzie miał za
bardzo z nim do czynienia poza tymi osobami, które zaprosicie do współpracy. Więc
jeżeli pracujecie nad jakimś projektem i nie chcecie nikomu zdradzać nad jakim projektem pracujecie, to takie secret boardy, na
chociażby Pintereście mogą świetnie się sprawdzić.