Jeśli ludzie rozmawiają o projektowaniu, pierwszym terminem, który prawdopodobnie przychodzi Ci do głowy, jest UI/UX. Technicznie rzecz biorąc, masz rację — projektowanie polega głównie na tworzeniu interfejsów i doświadczeń użytkownika, ale świat produktów ewoluował i wypracował bardziej nowoczesną, skoncentrowaną na użytkowniku wersję — projektowanie produktów.
Jeśli chcesz lepiej poznać tę nową dziedzinę, trafiłeś we właściwe miejsce. Omówmy podstawy projektowania produktów krok po kroku.
Lean: kluczowa filozofia stojąca za projektowaniem produktów
Zanim zaczniemy omawiać poszczególne etapy projektowania produktu, powinniśmy najpierw upewnić się, że mamy odpowiednie nastawienie.
Współczesna koncepcja projektowania produktów opiera się na filozofii zwanej Lean Startup i służy realizacji jej założeń.
Wierzcie lub nie, metodyka lean jest znacznie starsza niż komputery. Narodziła się na początku XX wieku, gdy utalentowane zespoły zarządzania i projektowania przemysłowego japońskiego producenta samochodów Toyota postanowiły zwiększyć szybkość i wydajność produkcji.
Współczesna metodyka lean stosowana przez firmy tworzące oprogramowanie opiera się na pracy Erica Riesa (zdecydowanie polecam przeczytać jego książkę). W książce Eric zaleca, aby firmy koncentrowały się na szybkim zdobywaniu wiedzy i walidacji, zamiast poświęcać miesiące na przygotowywanie szczegółowych biznesplanów.
Twierdzi on, że niezależnie od tego, jak dobrze przygotujesz biznesplan, rozpadnie się on w chwili, gdy Twój nowy produkt wejdzie na rynek, ponieważ dowiesz się, że nie zaspokaja on w pełni potrzeb klientów.
Dlatego powinieneś zacząć od małej skali, zbudować coś minimalnego, wprowadzić to na rynek, zweryfikować swój pomysł, dostosować produkt na podstawie tych informacji zwrotnych i próbować ponownie, aż znajdziesz dopasowanie produktu do rynku (PMF).
Dobrze dopracowany proces projektowania UX dla produktów cyfrowych
Teraz, gdy mamy odpowiednie nastawienie i rozumiemy iteracyjny proces budowania i uczenia się, przyjrzyjmy się krokom, które należy podjąć, aby rozpocząć proces projektowania produktu cyfrowego (choć zasady te dotyczą również produktów fizycznych).
Istnieje wiele sposobów zarządzania tym procesem, ale odkryłem, że ten sprawdza się najlepiej.
Have an account? Log In
Krok 1: Zbierz kontekst strategiczny i produktowy
Twoje działania związane z projektowaniem produktu będą w zasadzie pozbawione znaczenia i przyniosą niewiele wymiernych rezultatów, jeśli zapomnisz uwzględnić strategię i wizję swojej firmy.
W najlepszym razie stworzysz dla użytkowników przeciętne doświadczenia. W najgorszym przypadku otrzymasz projekt produktu, który ani nie rozwiązuje problemów użytkowników, ani nie pomaga firmie osiągać jej celów strategicznych.
Dlatego każdy odnoszący sukcesy produkt zaczyna się od przeanalizowania przez zespoły projektowy i produktowy następujących elementów oraz uzgodnienia wspólnego podejścia:
Wizja produktu: Jest to obraz idealnego świata, w którym użytkownicy skutecznie rozwiązali swoje problemy dzięki Twojemu produktowi. Wizja sięga nieco dalej w przyszłość i służy jako gwiazda przewodnia — zapewniając, że wszystko, co projektujesz i budujesz, zmierza w kierunku tej idealnej przyszłości.
Może mieć formę tekstu, obrazu, prezentacji, a nawet całego filmu, jak w przypadku statku Starship firmy SpaceX.
To doskonały przykład wizji, ponieważ przedstawia idealny świat, w którym ludzie podróżują z Nowego Jorku do Szanghaju w 40 minut.
Jako projektant produktu chcesz mieć pewność, że Twój projekt pomaga firmie zrobić krok naprzód w kierunku tej wizji.
Strategia: Strategia produktu to zestaw działań na wysokim poziomie oraz etapów, przez które produkt musi przejść, aby osiągnąć swoją wizję.
Patrząc na powyższy przykład statku Starship, strategia Elona Muska (w dużym uproszczeniu) wyglądała następująco:
Jako projektant produktu musisz wiedzieć, na którym etapie strategii się znajdujesz i jaki jest kolejny produkt lub funkcja, które musisz zbudować, aby osiągnąć swoją wizję.
Rynek docelowy: Twój projekt będzie się znacznie różnić w zależności od rynku, na który próbujesz wejść.
Jeśli chcesz stworzyć produkt horyzontalny, z którego będą korzystać ludzie we wszystkich niszach i na wszystkich rynkach, musisz zadbać o to, aby Twój projekt był zrozumiały i użyteczny dla szerokiej gamy person.
YouTube jest typowym przykładem takiego rozwiązania, ponieważ nie zawiera elementów projektu ani funkcji dostosowanych do konkretnych nisz.
Z drugiej strony, jeśli chcesz dotrzeć do niszy (czyli działać wertykalnie), musisz zadbać o to, aby Twój projekt był zoptymalizowany pod kątem potrzeb i specyfiki osób „zamieszkujących” tę niszę.
Przykładowo Twitch specjalizuje się w grach i oferuje wiele integracji oraz wyspecjalizowany interfejs użytkownika, które pomagają influencerom udostępniać transmisje z gier widzom.
Krok 2: Poznaj swoich użytkowników dzięki odkrywaniu produktu
Teraz, gdy jesteś zgodny z wizją i strategią swojej firmy, nadszedł czas, aby skupić się na osobach, które ostatecznie będą korzystać z Twojego projektu na co dzień.
W szczególności powinieneś przeprowadzić badania użytkowników, aby poznać ich potrzeby, nawyki i priorytety. Chcesz wiedzieć, kiedy i w jakich okolicznościach doświadczają problemów, które chcesz rozwiązać, oraz z jakich alternatywnych rozwiązań korzystają, aby radzić sobie z tymi problemami.
Oto trzy ważne kroki, które możesz podjąć, aby to osiągnąć:
Przeprowadź wywiady odkrywcze: Zacznij od stworzenia listy pytań, które chcesz zadać uczestnikom wywiadów. Oto kilka przykładowych pytań, które można zadać marketerom zajmującym się pocztą elektroniczną, gdybyś próbował rozwiązać problem wiadomości e-mail trafiających do folderów ze spamem:
- Opowiedz mi, w jaki sposób unikasz trafiania swoich marketingowych wiadomości e-mail do folderów ze spamem odbiorców.
- Jak często doświadczasz tego problemu?
- Jaki jest wpływ tego problemu?
- Czy jesteś zadowolony ze sposobu, w jaki rozwiązujesz ten problem? Jakie są wady obecnego rozwiązania?
Mając gotowy kwestionariusz, możesz zacząć rekrutować uczestników, kontaktując się z nimi za pośrednictwem LinkedIn, userinterviews.com lub wyspecjalizowanych forów związanych z Twoją niszą.
Na koniec przeprowadzasz wywiad, zadając te pytania i uważnie słuchając tego, co mają do powiedzenia Twoi użytkownicy (wskazówka od profesjonalisty: nagraj wywiad albo zaproś pomocnika, który będzie robić notatki).
Przeprowadź ankiety: Ankiety to kolejne świetne narzędzie do odkrywania produktu. Chociaż nie dostarczają jakościowych informacji, które można uzyskać podczas bezpośrednich wywiadów z użytkownikami, rekompensują to możliwością gromadzenia danych od dużej liczby użytkowników.
Nie będę szczegółowo omawiać pytań, które możesz zawrzeć w swoich ankietach, ponieważ mamy poświęcony temu osobny poradnik, z którym możesz się zapoznać.
Stwórz personę: Gdy tylko zakończysz wywiady i ankiety, nadejdzie czas, aby zmaterializować wszystkie swoje ustalenia i stworzyć personę użytkownika (lub persony użytkowników).
Persona to fikcyjna postać reprezentująca użytkowników, do których chcesz dotrzeć za pomocą swojego projektu. W opisie persony uwzględnisz informacje o jej potrzebach użytkownika, frustracjach i celach, a także krótką biografię opisującą jej pochodzenie i osobowość.
Gdy persona jest gotowa, przechowuj ją w widocznym miejscu (widziałem zespoły drukujące plik z personą i umieszczające go na tablicy), aby przypominać wszystkim pracującym nad projektem, dla kogo tworzą produkt.
Krok 3: Poznaj konkurencję
Jestem prawie pewien, że nie jesteś jedyną firmą na rynku i że zarówno dominujący giganci, jak i małe startupy walczą o swoją część rynku.
Podczas gdy możesz polegać na zespołach ds. produktu i finansów, aby opracowały sposoby pokonania konkurencji, doświadczenie użytkownika oraz sposób, w jaki konkurenci rozwiązują różne problemy charakterystyczne dla Twojej niszy (np. jak sprawić, aby długie wątki czatu były czytelne, gdybyś miał aplikację do obsługi wiadomości podobną do Slacka), to obszary, w których rola i zestaw umiejętności projektanta produktu stają się ważne.
Oto dwie rzeczy, które musisz zrobić, aby lepiej poznać konkurencję:
Sprawdź zestawy funkcji konkurencji: Czy mają określone funkcje i rozwiązania projektowe, które mogą zapewnić płynne doświadczenie ich użytkownikom? Jeśli tak, powinieneś je zidentyfikować i wziąć pod uwagę podczas projektowania swojego produktu.
Najczęściej przygotowywanym rezultatem tego kroku jest tabela porównania funkcji.
W powyższym przykładzie możesz zauważyć, że większość konkurentów ma funkcję raportowania lejka, która znacząco poprawia doświadczenie menedżerów sprzedaży raportujących interesariuszom postępy swoich zespołów.
Jeśli jest to coś powszechnego i może poprawić doświadczenia docelowej persony, warto również rozważyć zaprojektowanie takiego rozwiązania.
Sprawdź ścieżki UX konkurencji: Oprócz samych funkcji konkurenci mogą mieć również dopracowane ścieżki realizacji określonych zadań przez użytkowników, które warto wziąć pod uwagę.
Zwykle robi się to, wykonując zrzuty ekranu różnych ekranów każdego konkurenta i tworząc listę taką jak ta:
W powyższym przykładzie użyłem narzędzia Figma (to moje osobiste preferencje, ale możesz użyć także Miro, AdobeXD lub dowolnego innego podobnego narzędzia), aby zobrazować ścieżki instalacji dodatków w Monday.com i Trello.
Jak widać, oba narzędzia wykorzystują podobne, lekkie ścieżki do realizacji tego zadania. Dlatego warto rozważyć zbudowanie czegoś podobnego! (Dodatkową korzyścią będzie to, że użytkownicy z łatwością poruszać się będą po Twojej aplikacji, jeśli przejdą z któregoś z tych narzędzi do Twojego produktu).
Dodatkowe wskazówki: Możesz również sprawdzić serwisy z opiniami, takie jak G2 i Trustpilot, aby znaleźć informacje zwrotne na temat użyteczności lub funkcji produktów konkurencji. Na koniec, podczas wywiadów z użytkownikami, jeśli dowiesz się, że rozmówca korzysta z narzędzi któregoś z Twoich konkurentów, poproś go o opinię na ich temat.
Krok 4: Zaprojektuj swoje rozwiązanie
Zgromadziłeś całą niezbędną wiedzę, która pomoże Ci zaprojektować coś, co zdeklasuje konkurencję i zaspokoi potrzeby użytkowników. Teraz czas rozpocząć właściwy proces projektowania.
Podzielmy proces projektowania na kilka „podkroków” i sprawdźmy kluczowe materiały, które należy przygotować dla każdego z nich.
Mapa podróży klienta (CJM)
Ten dokument przedstawia kroki, które klienci wykonują w Twoim produkcie, aby rozwiązać swoje problemy.
CJM pokazuje również kontekst i stan emocjonalny użytkownika na każdym etapie, pomagając lepiej zrozumieć jego konkretne potrzeby oraz skoncentrować działania projektowe na ich zaspokojeniu.
Oto jak wygląda CJM:
W tym konkretnym przypadku ze świata rzeczywistego przyglądamy się doświadczeniu wizyty w kawiarni. Widzimy, że użytkownicy odczuwają pewną irytację podczas oczekiwania, dlatego warto zaprojektować doświadczenie, które sprawi, że czas oczekiwania będzie mniej frustrujący (może papierowe podkładki na stół z sudoku?).
Aby uwzględnić ten kontekst emocjonalny przed przejściem do szczegółowych ścieżek, niektóre zespoły korzystają również z tworzenia scenorysów w celu wizualizacji kluczowych momentów podróży użytkownika. Te proste szkice w stylu komiksowym pomagają ujawnić motywacje użytkowników i ich problemy w konkretnych sytuacjach, wspierając bardziej empatyczne i ukierunkowane decyzje projektowe.
Przepływ użytkownika
Jeśli CJM przedstawia ogólną, wysokopoziomową sekwencję kroków podejmowanych przez użytkowników w celu rozwiązania ich problemów, przepływy użytkownika są materiałami o niższym poziomie szczegółowości i bardziej taktycznym charakterze, które wizualizują kroki potrzebne do wykonania konkretnych zadań.
W przeciwieństwie do CJM nie zawierają kontekstu ani emocji. Nie jest to jednak konieczne, ponieważ ich celem jest jasne pokazanie działań, które użytkownicy mogą podjąć na określonych stronach lub ekranach, oraz różnych ścieżek, którymi mogą przejść.
Zespoły projektowe i produktowe korzystają z przepływów użytkownika, aby upewnić się, że użytkownicy nie trafiają w ślepe zaułki i mogą wykonywać zadania możliwie najkrótszymi ścieżkami.
Typowy przepływ użytkownika wygląda mniej więcej tak:
Powyższy przykład pokazuje kroki niezbędne do rozpoczęcia rozmowy w Zoomie. W szczególności przedstawia konkretną ścieżkę, na której użytkownik kopiuje link i wkleja go do swojej aplikacji do obsługi wiadomości.
Do tworzenia przepływów użytkownika możesz używać wyspecjalizowanych narzędzi, takich jak Flowmapp i Visio, albo wybrać uniwersalne rozwiązanie, takie jak Miro i Figma.
Makieta
To Twoja pierwsza wstępna próba zaprojektowania interfejsu użytkownika. Na tym etapie skupiasz się na głównych ekranach i znajdujących się na nich elementach interfejsu, nie nadając im jeszcze ostatecznych kolorów, kroju pisma ani rozmiarów.
Celem makiety produktu jest szybkie zwizualizowanie układu i projektu, które masz w głowie, oraz zebranie opinii użytkowników przed poświęceniem czasu na stworzenie ostatecznego projektu interfejsu użytkownika.
W tym przypadku również nie będę wchodzić w zbyt wiele szczegółów, ponieważ przygotowaliśmy dla Ciebie przewodnik, który dokładnie omawia ten temat.
Do projektowania makiet mogę polecić makiety Balsamiq, ponieważ są lekkie i zawierają wiele gotowych elementów interfejsu użytkownika.
Projekt interfejsu użytkownika i klikalny prototyp
W końcu dotarliśmy do tego etapu. Czas zająć się pracą nad projektem wizualnym i nadać produktowi ostateczny wygląd.
Oprócz ukończonego projektu interfejsu użytkownika mogę również polecić stworzenie klikalnego prototypu. Będzie on świetnym narzędziem do zbierania opinii wewnątrz firmy, ponieważ Twoi współpracownicy będą mogli wchodzić w interakcję z projektem tak, jakby był on gotowym produktem.
Co więcej, klikalnego prototypu możesz później użyć do przeprowadzenia testów użyteczności.
Polecane przeze mnie narzędzia do prototypowania to Figma i AxureRP, ale możesz również sprawdzić tę listę 10 najlepszych narzędzi do projektowania produktów, aby znaleźć rozwiązanie najlepiej dopasowane do swoich potrzeb.
More Articles
Krok 5: Zweryfikuj i iteracyjnie udoskonalaj swój projekt
Nie oszukujmy się — bez względu na to, jak dobrze znamy naszych użytkowników, istnieje duże prawdopodobieństwo, że nasz projekt nie będzie dla nich idealny. Jeśli na tym etapie zbudujemy produkt na podstawie projektu i prototypu, ryzykujemy poświęcenie znacznej ilości czasu zespołu inżynieryjnego, a następnie odkrycie, że w naszym projekcie znajdowały się elementy, które użytkownicy uznali za mało przydatne.
Aby uniknąć takiej sytuacji, warto przetestować prototyp z rzeczywistymi użytkownikami, zebrać ich opinie i wprowadzić poprawki do projektu, zanim zespoły zajmujące się rozwojem produktu i inżynierią rozpoczną nad nim pracę.
Myślę, że to odpowiednie miejsce, aby porozmawiać o świetnej metodologii tworzenia produktów: sprincie projektowym. Termin ten został ukuty przez zespół UX firmy Google, który chciał wprowadzić więcej myślenia projektowego do swojego procesu pracy. Oznacza on proces, w ramach którego zespoły produktowe i projektowe szybko opracowują pomysły i przeprowadzają burze mózgów, tworzą prototypy oraz testują je w ciągu zaledwie 5 dni, bez angażowania zespołu inżynieryjnego.
Jeśli spojrzymy na pętlę metodologii Lean, sprint projektowy pomija fazy budowania i przechodzi bezpośrednio do etapu uczenia się.
Jeśli chcesz przyjąć filozofię sprintu projektowego, możesz wykorzystać zbudowany klikalny prototyp i przeprowadzić na jego podstawie testy użyteczności.
Testowanie użyteczności to proces przekazywania prototypów użytkownikom, proszenia ich o wykonanie określonych zadań i obserwowania sposobu, w jaki je wykonują.
Gdybyś pracował w zespole projektowym Spotify, typowym przykładem takiego zadania byłoby poproszenie użytkowników o utworzenie własnej playlisty za pomocą Spotify.
Jeśli chodzi o sam proces, testy użyteczności można przeprowadzić na dwa sposoby:
- Testowanie moderowane: W tym przypadku będziesz bezpośrednio obecny podczas testu i będziesz mógł zadawać pytania użytkownikom, którzy mają trudności z wykonaniem zadań lub nie rozumieją działania konkretnej funkcji.
- Testowanie niemoderowane: Tutaj po prostu obserwujesz użytkownika wykonującego zadanie, nie ingerując w jego działania. Ta metoda jest szybsza, ale w przeciwieństwie do poprzedniej nie pozwoli Ci odkryć przyczyn trudności użytkowników.
Wskazówka: Chociaż nie jest to bezpośrednio umiejętność projektowa ani zadanie projektanta, możesz również przeprowadzić testy A/B dwóch różnych wersji, porównać ich wskaźniki i znacznie przyspieszyć uzyskanie dobrego projektu dla zespołu inżynieryjnego.
Jeśli chodzi o narzędzia, których możesz użyć do przeprowadzenia testów użyteczności, możesz wybrać Userbrain lub usertesting.com.
Na koniec, korzystając ze wszystkich spostrzeżeń zebranych podczas testów użyteczności, możesz wrócić do swojego narzędzia projektowego, wprowadzić kilka iteracji w interfejsie użytkownika i doświadczeniu użytkownika, a następnie — voilà — otrzymasz projekt zweryfikowany przez użytkowników, który możesz z pełnym przekonaniem przekazać zespołowi inżynieryjnemu.
Wszystko kręci się wokół użytkowników
Powodem, dla którego uwielbiam koncepcję projektowania produktów i uważam ją za nieco lepszą od zwykłego UI/UX, jest to, że projektowanie produktów poszerza sposób myślenia i zakres funkcji zespołów projektowych oraz pozwala im uwzględniać głos użytkowników w tworzonych przez nie pięknych interfejsach.
Mam nadzieję, że ten przewodnik przypadł Ci do gustu i że znalazłeś w nim przydatne wskazówki i triki, które możesz wykorzystać w codziennej pracy projektowej. Dużą wartość może Ci również przynieść nasze zestawienie najlepszych podcastów o projektowaniu, najlepszych newsletterów o projektowaniu produktów lub konferencji poświęconych projektowaniu, które odbędą się w tym roku.
Jeśli ten artykuł był dla Ciebie wartościowy, regularnie wysyłamy również wiadomości e-mail z interesującymi treściami dotyczącymi produktów i projektowania. Zapisz się do naszego newslettera, aby co tydzień otrzymywać starannie wyselekcjonowane treści dotyczące zarządzania produktem!
