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.
Okej. To, o czym chciałbym teraz porozmawiać, to metody generowania pomysłów. Bo w
poprzednich etapach w bardzo ustrukturyzowany sposób zbieraliśmy
różne informacje, zbieraliśmy informacje od naszych klientów, zastanawialiśmy
się jakie są ich cele biznesowe, jakie oni mają wymagania wobec tego produktu, zastanawialiśmy
się jakie cele mają użytkownicy, rozmawialiśmy z nimi, testowaliśmy
ich trochę, zapraszaliśmy do badań, analizowaliśmy
również konkurencję, całe otoczenie konkurencyjne i zbieraliśmy te najciekawsze
elementy, które można poprawić, albo które są po prostu na
tyle ciekawe, że warto zastanowić się czy nasz produkt również nie powinien w ten sposób
się zachowywać. Więc mamy te inspiracje, mamy
całkiem dużo założeń, no i teraz trzeba przekuć to faktycznie w jakiś
interfejs. Mając architekturę informacji jest już dużo prościej. To jest to,
o czym mówiłam już w poprzednich lekcjach, czyli tak naprawdę pierwszym naszym etapem
będzie przełożenie tej struktury treści, którą mamy, na ekran. I to
na początku mogą być po prostu etykiety z tekstem i nic więcej, a potem będziemy
ubierać to w jakieś konkretne elementy interfejsu, wybierać
konkretne kontrolki, wybierać jakieś rozwiązania nawigacyjne,
wyszukiwania. Tutaj warto skierować się w stronę
popularnych rozwiązań interfejsowych, przejrzeć w ogóle jakie
kontrolki mamy do dyspozycji i z czego możemy korzystać na stronach
internetowych, co jest wspierane przez przeglądarki, a jakie są
rozwiązania natywne. W przypadku rozwiązań natywnych sprawa jest dosyć prosta, ponieważ
mamy coś takiego jak design system. Zarówno Android, jak i iOS
wypuściły swoje design systemy, gdzie sugerują w
jakim stylu i w jaki sposób powinny zachowywać się pewne elementy interfejsu. I
to jest materiał, z którym musimy się zapoznać zanim będziemy pracować z aplikacją
mobilną. Natomiast jeżeli będziemy przygotowywać stronę
internetową, kiedy będziemy przygotowywać coś, co nie jest zależne od systemu
operacyjnego, jest po prostu stroną wyświetloną w przeglądarce, musimy
dowiedzieć się jakie elementy interfejsu mamy do wyboru. No i tutaj mamy całkiem
sporo materiałów, bo z jednej strony możemy skorzystać z książek, które będą
przedstawiać nam poszczególne kontrolki, opisywać co mogą robić, a
z drugiej strony mamy po prostu Internet, czyli to
najlepsze, największe, najobszerniejsze źródło informacji. Możemy
po prostu znaleźć strony, które zbierają wszystkie kontrolki i wszystkie komponenty interfejsu
i je opisują, a możemy po prostu zacząć obserwować dobrze strony, z których korzystamy
na co dzień. Jeżeli zaczniecie przyglądać się jak
działa Facebook, jak wyglądają poszczególne opcje, jak działa wyszukiwarka
Google, jak działają strony, na które często wchodzicie, to będziecie obserwować
coraz częściej pewne powtarzające się wzorce, pewne patterny, sposoby
w jaki działają systemy nawigacyjne, ta wspomniana wcześniej już
wielokrotnie belka górna, nawigacyjna, która powtarza się w wielu
stronach, ona bardzo często wygląda w bardzo różny sposób, ale
to jest tylko kwestia wizualizacji i UI, nadania kolorów, typografii
czy wielkości poszczególnych elementów. Natomiast sposób jej działania i to
w jaki sposób wyświetla informacje, jest na różnych stronach do siebie bardzo podobne. I
im dłużej i im częściej będziecie przypatrywać się innym rozwiązaniom, aplikacjom
czy stronom internetowym, tym będziecie pewniej czuli
się w tworzeniu swoich własnych rozwiązań, bo będziecie wiedzieć, że, robiąc
taką opcję, czy robiąc taką wyszukiwarkę mogę skorzystać z tej czy
z tej funkcji. Więc przede wszystkim zachęcam was do tego, żeby zacząć trochę inaczej patrzeć
na strony internetowe, z których korzystamy na co dzień, inaczej patrzeć na to w jaki
sposób wyszukujemy informacji, w jaki sposób nawigujemy
po różnych aplikacjach na przykład za pomocą gestów. I potem
przekładać te wasze doświadczenia na to, co tworzycie, co prototypujecie, co
powstaje w waszych produktach, które przekazujecie potem klientom dalej. Ale
czasami jest tak, że niezależnie ile stron internetowych obejrzeliście, z iloma
materiałami się nie zapoznaliście, jak duże doświadczenie macie,
po prostu te pomysły nie przychodzą. I wszystko, co rysujecie, i wszystko,
co przedstawiacie w prototypie, po prostu wam się nie podoba albo wstajecie przed
tą ścianą i po prostu brakuje wam pomysłów. Są
pewne metody i są pewne ćwiczenia, które sprawiają, że łatwiej
trochę wyciągać te pomysły, łatwiej wyciągać pomysły również od osób, z którymi pracujemy. I
właśnie to chciałabym wam pokazać w kolejnych lekcjach, czyli przyjdziemy do konkretnych
metod generowania pomysłów. Zaczniemy od brainstormingu.