Porady i najlepsze praktyki dotyczące portfolio UX

Opublikowany: 2022-03-11

W swoim pamiętniku Let My People Go Surfing Yvon Chouinard, założyciel globalnej marki outdoorowej Patagonia, pisze:

Sposób wspinania się na górę jest ważniejszy niż dotarcie na szczyt.

Tak jest w świecie projektowania UX, gdzie metodologia ma największe znaczenie, zwłaszcza w pogoni za klientami i możliwościami kariery. Jednym z najlepszych sposobów, w jaki projektanci UX mogą zademonstrować metodologię i pokazać biegłość w rozwiązywaniu problemów, jest dobrze zaprojektowana witryna z portfolio.

Zamiast myśleć o portfolio jako o pokazie umiejętności — „To właśnie mogę zrobić” — projektanci UX powinni wykorzystać szansę, aby zilustrować swój proces i stworzyć zachwycające wrażenia użytkownika — „W ten sposób używam projektowania do rozwiązywania ludzkich problemów”.

Podobnie projektanci powinni dostosowywać portfolio do określonej grupy odbiorców – czyli ludzi, z którymi chcą pracować i branż, w których chcą pracować. Dlaczego?

Projektowanie UX to szeroko zakrojona dziedzina z różnymi tytułami, takimi jak projektant interakcji, badacz UX, architekt informacji i strateg doświadczenia. Te role istnieją, aby poprawić wrażenia użytkownika, ale nie są takie same. Każdy wnosi swój własny, niepowtarzalny wkład w proces projektowania produktu.

Projekt strony UX dla agencji
Świetnym sposobem na znalezienie inspiracji do portfolio jest skorzystanie z wskazówek agencji zajmujących się projektowaniem UX. Ten przykład z Momentum Design Lab pokazuje, jak podsumować złożony proces projektowania za pomocą prostej grafiki i jasnego języka.

W tym przewodniku pokażemy projektantom UX, jak stworzyć genialną witrynę portfolio poprzez:

  • Badanie podstawowych pytań dotyczących procesu
  • Udostępnianie praktycznych wskazówek i zasobów dotyczących projektowania portfolio
  • Dostarczanie atrakcyjnych przykładów portfolio UX

Zacznijmy.

Pytania dotyczące portfolio, na które każdy projektant UX musi odpowiedzieć

Jeśli chodzi o portfolio UX, projektanci nie mogą sobie pozwolić na dwuznaczność co do posiadanych umiejętności, stosowanego procesu czy rodzajów projektów, w których się specjalizują, ale powinni też uważać na prezentowanie zbyt dużej ilości informacji.

Podobnie portfele UX nie powinny być repozytorium WSZYSTKICH wcześniejszych prac. Wybierz projekty, które są konkretne, najnowsze i wyjątkowe, i przedstaw je jako proces ze wszystkimi etapami projektowania UX, które trzeba było podjąć, aby znaleźć najlepsze rozwiązanie.

Osiągnięcie równowagi między jasnym a zwięzłym wymaga planowania. Zanim zarysowana zostanie pojedyncza strona portfolio UX, należy odpowiedzieć na kluczowe pytania. Nie pomijaj ich. Odpowiedzi odblokowują niezbędne treści portfolio i służą jako ramy organizacyjne witryny.

Jakim jestem projektantem UX?

Nie ograniczaj przyszłych możliwości kariery do poprzednich tytułów zawodowych. Poświęć czas na ocenę tego, co faktycznie robisz i jak to robisz. Możesz być zaskoczony, że przez całą swoją karierę zostałeś źle oznaczony. Celem tego pytania jest dotarcie do centrum procesu projektowania UX — odkrycie wzorców rozwiązywania problemów, na których polegasz.

To duże pytanie, ale nie bój się tego, co możesz znaleźć. Podobnie jak w przypadku wszystkich dużych pytań, najlepiej jest rozpakować z mniejszymi pytaniami, więc zadaj sobie pytanie:

  • Czy istnieje wspólny wątek, który przewija się przez typy problemów związanych z projektowaniem UX, które zazwyczaj rozwiązuję?
  • Jakie są powtarzające się etapy mojego procesu projektowania UX?
  • Jakimi metodami używam do prowadzenia badań i co robię z moimi odkryciami?
  • Czy istnieją podejścia do rozwiązywania problemów, które cenię ponad inne?
  • Jak doszedłem do tego momentu w mojej karierze projektanta UX i jakie naprawdę mam odpowiednie doświadczenie?

*Wskazówka: po udzieleniu odpowiedzi na te pytania podsumuj wszystkie odpowiedzi w jednym, łatwym do odczytania zdaniu i umieść je w widocznym miejscu na stronie „Strona główna” lub „Informacje” portfolio.

Strona główna portfolio projektanta UX
Projektant produktu, Miro Kirov, wita odwiedzających swoją witrynę portfolio z jasnym opisem jego doświadczenia zawodowego, mocnych stron i referencji. Czyniąc to, wskazuje również na rodzaj klientów, z którymi chce współpracować.

Co mam zrobić w dziedzinie projektowania UX?

Gdy zrozumiesz już wewnętrzne mechanizmy procesu rozwiązywania problemów, nadszedł czas, aby bardziej szczegółowo określić, co właściwie robisz jako projektant UX. Ponownie, byłoby nierozsądne, aby poprzednie tytuły pracy zawierały informacje o twoich odpowiedziach.

Oto kilka pytań, które pomogą Ci zacząć:

  • Czy jestem badaczem lub projektantem UX?
  • Czy jestem generalistą UX? Czy mogę bez wysiłku poruszać się między badaniami UX a projektowaniem?
  • Czy jestem specjalistą? Czy jest jakieś konkretne zadanie związane z badaniem UX lub projektowaniem, w którym się wyróżniam i które chcę wykonać przede wszystkim?
  • Czy moje umiejętności sięgają projektowania interfejsu użytkownika i projektowania wizualnego?
  • Czy mam umiejętności, doświadczenie i chęć zarządzania zespołem specjalistów UX?

Twoje odpowiedzi są ważne, ponieważ pokazują, jakie projekty powinny znaleźć się w Twoim portfolio i jak ukształtować Twoje zaangażowanie.

Niektóre z najlepszych portfolio projektów UX w branży modowej
Projektantka UX/UI, Kat Windley, wykorzystuje zdjęcia okładek portfolio, aby pokazać swoje doświadczenie w pracy z najpopularniejszymi postaciami z branży modowej.

Na przykład, jeśli naprawdę chcesz pracować jako projektant interakcji, nierozsądnie byłoby budować swoje portfolio wokół projektów i pisemnych opisów, które podkreślają przeszłe doświadczenia w niszowej dziedzinie badań etnograficznych.

Jakie są moje odpowiednie umiejętności związane z UX?

Oto trudna pigułka do przełknięcia: długa lista „odpowiednich umiejętności” w witrynie z portfolio nie stanowi wartości dodanej dla odwiedzających .

Umiejętności projektowania UX i najlepsze praktyki portfolio
Długie listy umiejętności i osiągnięć projektowych są trudne do odczytania i łatwe do zatuszowania.

Jest lepszy sposób na promowanie swoich umiejętności projektowania UX — przez pryzmat Twoich projektów. Oznacza to wplatanie programów i metod projektowania, których używasz do prezentacji wizualizacji i opisów projektu.

Aby rozpocząć, weź projekt, z którego jesteś dumny i zadaj pytania takie jak:

  • Co wniosłem do tego projektu na każdym etapie procesu projektowania UX?
  • Jakich narzędzi i technik użyłem, aby wnieść ten wkład?
  • Czy stworzyłem lub pomogłem wdrożyć strategię, która miała duży wpływ na produkt końcowy?
  • Czy brałem udział we wczesnych rozmowach z klientami lub przygotowywałem propozycję projektu?
  • Czy były jakieś poważne przeszkody, które wymagały ode mnie wykonywania zadań poza moim normalnym obszarem specjalizacji?

Nie sprzedawaj się krótko. Jeśli dokładnie przyjrzysz się swojemu zaangażowaniu w projekt, prawdopodobnie okaże się, że zrobiłeś o wiele więcej niż tylko „przeprowadzanie badań” lub „obsługa oprogramowania projektowego”.

*Wskazówka: niektórzy projektanci UX dołączają podsumowanie „Wykorzystanych umiejętności” dla każdego projektu w swoim portfolio. Może to być skuteczne, ale może też przynieść odwrotny skutek, jeśli wymienisz zbyt wiele umiejętności lub podkreślisz te, które nie pasują do ogólnych ram Twojego procesu projektowania UX.

Jak i dla kogo chcę wykorzystać moje umiejętności projektowania UX?

Młodym lub niedoświadczonym projektantom UX może być trudno wiedzieć, jaką pracę chcą podjąć, ale po kilku latach doświadczeń i kilku udanych projektów łatwiej jest wyobrazić sobie pożądaną ścieżkę kariery. To ważny aspekt portfolio UX.

Rodzaj ludzi, z którymi pracujesz, projekty, nad którymi pracujesz i branża, w której pracujesz, muszą być jasno określone w przykładach i pisemnych opisach twojego portfolio.

Na przykład, jeśli masz bardzo konkretną ambicję, aby być badaczem użytkowników produktów cyfrowych, które mają wpływ na świat sportów uniwersyteckich, Twoje portfolio powinno to jasno określać.

Aby dowiedzieć się, jak i dla kogo chcesz wykorzystać swoje umiejętności projektowania UX, zadaj sobie pytanie:

  • W jakich dwóch największych branżach chciałbym pracować?
  • Czy mam projekty lub wcześniejsze doświadczenia, które pomogą mi znaleźć pracę w preferowanej przeze mnie branży?
  • Jakie tempo pracy lubię? Czy jestem w porządku z długimi godzinami?
  • Czy chcę pracować jako freelancer? Pracujesz ze startupami? Wylądować w korporacyjnej karierze?
  • Czy istnieje organizacja lub przyczyna, na którą chcę mieć wpływ moja praca?
  • Ile chcę otrzymać zapłatę?
  • Gdzie chcę mieszkać? Czy chcę pracować zdalnie?

To nie jest wyczerpująca lista, ale to dobry początek. Jeśli potrafisz rozwiązywać problemy UX, będziesz bardzo poszukiwany, ale oznacza to również, że ludzie będą skłonni Cię zatrudnić, nawet jeśli dopasowanie jest nieodpowiednie. Ostatecznie musisz być swoim własnym adwokatem i zaplanować karierę UX, która jest zgodna z Twoimi ambicjami.

Pokaż i opowiedz – praktyczne wskazówki dotyczące projektowania portfolio UX

Każdy piksel witryny z portfolio jest okazją do stworzenia zachwycającego doświadczenia użytkownika. Od wizualizacji projektu po architekturę informacji witryny, każdy element projektu jest pretekstem do ogłoszenia: „Jestem najwyższej klasy projektantem UX”.

Konkluzja: traktuj portfolio jak profesjonalne projekty i uwzględnij te praktyczne wskazówki dotyczące projektowania witryny, która naprawdę błyszczy.

Wynieś proces projektowania na pierwszy plan dzięki wizualnej prostocie

  • Przedstaw artefakty procesu projektowania UX w przejrzysty, jednolity i sekwencyjny sposób. Obejmuje to szkice, makiety, mapy podróży użytkowników, prototypy i nie tylko.
  • Włączenie funkcji, takich jak skomplikowane animacje lub niekonwencjonalny układ strony, może odwrócić uwagę odwiedzających od prawdziwego powodu, dla którego przyszli do Twojej witryny — aby zobaczyć Twoją pracę.
  • Można pokazać efektowne ujęcia produktu końcowego, ale to tylko niewielka część historii. Zatrudnieni menedżerowie i potencjalni klienci chcą szybko zobaczyć i zrozumieć Twój proces, a błyszczący interfejs nie dociera do sedna Twojego wkładu w rozwiązywanie problemów.

Artefakty portfolio badań UX
Doświadczeni projektanci UX, tacy jak Jeffrey Davis, znają wartość pokazywania nieatrakcyjnych artefaktów procesu projektowania (jak ten arkusz kalkulacyjny dotyczący strategii treści).


Zrób portfolio i dołącz szkice procesu
Nawet agencje projektowania UX, takie jak Cyber ​​Duck, dzielą się szkicami koncepcyjnymi i interfejsami o niskiej wierności, aby zademonstrować swój proces rozwiązywania problemów.

Pisz przejrzyste podsumowania projektów, aby przyciągnąć odwiedzających portfolio

  • Podaj ogólne podsumowanie każdego projektu w swoim portfolio.
  • Zwięźle zdefiniuj problem i pokaż, jak poszukiwano różnych rozwiązań.
  • W podsumowaniach projektów nie chodzi o wyliczanie tego, co zrobiłeś; są szansą na pokazanie, w jaki sposób uzyskałeś korzystne rezultaty.

Podsumowanie projektu strony internetowej UX design
Podsumowanie projektu Billa Tribble'a zwięźle definiuje problem projektowania UX i przedstawia jego rolę w rozwiązaniu.

Wykaż się wiedzą, wyjaśniając proces bez żargonu

  • Nikt nie odwiedza Twojej witryny z portfolio UX, aby być pod wrażeniem Twojej rozległej znajomości żargonu technicznego.
  • Używaj głosu, który jest zarówno przystępny, jak i profesjonalny, i unikaj nadmiernej autopromocji i wewnętrznego humoru.
  • Celuj w „wiecznie zielony” język, który pozostanie świeży wraz ze zmianą technologii.
  • Prostota oznacza zrozumienie, więc pisz prostym językiem, który może łatwo zrozumieć osoby niebędące ekspertami. W końcu osoba odpowiedzialna za zatrudnienie może nie być zaznajomiona z wyrafinowaną terminologią UX.

Jasno zdefiniowany proces projektowania UX
Badania nad projektowaniem UX mogą być skomplikowane, ale projektantka Maria Corino używa łatwego do zrozumienia języka, aby wyjaśnić intencje stojące za jej pracami badawczymi.

Zaprezentuj swoją zdolność do współpracy z innymi

  • Nie musi być obszerny, ale pokaż przykłady, w których dobrze współpracowałeś z innymi profesjonalistami zajmującymi się projektowaniem i programowaniem.
  • Jeśli masz doświadczenie w pracy z C-Suite, zaznacz je.
  • Jeśli zarządzałeś zespołem produktu lub grupą pracowników zdalnych, zanotuj to.

Zarządzaj swoją pracą i odrzuć wszystko, co nie jest doskonałe

  • Samodzielna edycja to jedno z najtrudniejszych zadań dla kreatywnych profesjonalistów, ale pamiętaj, że ludzie nie odwiedzają Twojego portfolio, aby przeczesywać każdy ukończony przez Ciebie projekt.
  • Poza tym twoja praca sprzed 3-4 lat prawdopodobnie znacznie różni się od projektów, nad którymi pracowałeś w ciągu ostatnich 12-18 miesięcy.
  • Pokaż się z jak najlepszej strony i upewnij się, że nic nie stoi w sprzeczności z Twoim normalnym procesem projektowania UX.

Buduj zaufanie dzięki rekomendacjom interesariuszy

  • Charakter pracy projektowej jest taki, że projektanci często nawiązują bliskie relacje robocze z interesariuszami projektu. Dołączenie krótkiej, 1-2 zdaniowej referencji od interesariusza (wraz ze zdjęciem w głowę) to świetny sposób na wzbudzenie zaufania w ludziach, którzy zatrudnią Cię w przyszłości.
  • Tylko upewnij się, że referencje, których używasz, są odpowiednie dla rodzaju klientów UX, których chcesz przyciągnąć.

Strona z referencjami projektu portfolio
Projektantka UX, Tamara Olson, wykorzystuje pogrubioną czcionkę nagłówka, aby podkreślić kluczowe frazy z opinii klientów, które mówią o jej umiejętnościach projektowania i pozytywnych relacjach z klientami.

Link do przykładów na żywo i udowodnij rzeczywiste zalety swojej pracy

  • Potencjalni klienci lub menedżerowie ds. rekrutacji mogą mieć duże możliwości samodzielnego doświadczania Twoich projektów, więc nie wahaj się dołączać linków do przykładów Twojej pracy na żywo.
  • Ale nie polegaj wyłącznie na linkach. Każdy projekt w Twoim portfolio potrzebuje kontekstu i wyjaśnienia Twojego zaangażowania.
  • Słowo ostrzeżenia: od czasu do czasu monitoruj swoje linki, aby upewnić się, że Twoja praca jest nadal dokładnie reprezentowana. Klienci mają czasami zwyczaj „majstrowania” przy gotowych produktach, co może sprawić, że Twoje umiejętności będą wyglądały na amatorskie.

Zaprojektuj potężne wezwanie do działania i podaj dane kontaktowe

  • Jest to łatwe do przeoczenia, ale ważne jest (szczególnie dla freelancerów), aby zachęcić odwiedzających witrynę do nawiązania kontaktu.
  • Świetnym miejscem do tego jest zakończenie projektu — po pokazaniu, co potrafisz. "Lubisz co widzisz. Porozmawiajmy."
  • Następnie upewnij się, że udostępniasz jeden lub dwa niezawodne sposoby, aby ludzie mogli się z Tobą skontaktować.

Wezwanie do działania i informacje kontaktowe w witrynie portfolio
Projektant UX, Alex Gilev, nie zadowala się mało inspirującym przyciskiem „Skontaktuj się ze mną”. Zamiast tego kusi odwiedzających obietnicą: „Pracuj ze mną, a Twój produkt się poprawi”.

Pamiętaj o 5 podstawach portfolio Expert UX

Jeśli nie pamiętasz nic więcej z tego przewodnika, pamiętaj o tych pięciu podstawowych prawdach:

  1. Proces jest najważniejszy, a portfolio projektów UX musi określać sposób, w jaki projektanci podróżują od problemu do rozwiązania.
  2. Portfolio projektów UX to więcej niż prezentacja umiejętności, to okazja do stworzenia przyjemnego doświadczenia użytkownika i zademonstrowania mistrzostwa w procesie projektowania UX.
  3. Proste opisy projektów i wizualizacje są skuteczniejsze niż techniczny żargon i chłódkowe obrazy.
  4. Każdy projekt w portfolio projektanta UX powinien jasno określać obsadzone role i wniesiony wkład.
  5. Projektanci powinni dostosować swoje portfolio UX do konkretnej grupy odbiorców.

Artefakty badawcze elementów UX
Projektant UX, Fabio Muniz, udostępnia artefakt projektowy utworzony w Dokumentach Google. Pamiętaj, że rozpryskujące się obrazy produktów są w porządku, ale nie trafiają do sedna procesu projektanta.

Nie popełnij błędu — projektowanie witryny z portfolio UX to spora praca, która wymaga starannego przemyślenia i wykonania, ale gdy proces jest na pierwszym planie, jest to jeden z najlepszych sposobów dla projektantów na uzyskanie dostępu do karier i klientów, o których zawsze marzyli z.

• • •

Dalsza lektura na blogu Toptal Design:

  1. Najlepsze narzędzia UX [z infografiką]
  2. Sprawdzone i prawdziwe prawa UX [z infografiką]
  3. The Ultimate UX Hook – projektowanie przewidujące, przekonujące i emocjonalne w UX
  4. Doświadczenie jest wszystkim — ostateczny przewodnik po UX
  5. 10 elementów UX, z których korzystają najlepsi projektanci