Przykłady portfolio projektów UX

Większość z nich wygląda jak krótki indeks projektu na stronie głównej, a następnie osobna strona dla każdego studium przypadku. Zazwyczaj jest to od trzech do pięciu projektów. Indeks zawiera miniaturę, nazwę projektu i jednowierszowy opis problemu. Strony ze studiami przypadku są długie i zawierają zarówno zrzuty ekranowe, diagramy, jak i pisemne uzasadnienie. Przejrzyj przykłady na żywo na tej stronie, aby zobaczyć schemat w różnych specjalizacjach.

Studia przypadków z określonym problemem i rezultatem, krótką sekcją „O mnie”, która określa, jakiego rodzaju pracy oczekujesz, oraz danymi kontaktowymi dostępnymi z każdej strony. Portfolio projektów produktów zazwyczaj zawiera więcej informacji na temat ograniczeń: czego potrzebowała firma, co zostało dostarczone, a co zostało wycięte. Artefakty procesu, takie jak persony i mapy podróży, są opcjonalne i rzadko decydują o zatrudnieniu.

Trzy do pięciu, poprawnie opowiedziane, jest lepsze od dziesięciu w streszczeniu. Recenzent, który analizuje sześciu kandydatów, otworzy jedno lub dwa studia przypadku na portfolio, więc głębia pierwszego projektu jest ważniejsza niż jego całkowita liczba. Wyrzuć wszystko, o co wolałbyś nie być pytany na rozmowie kwalifikacyjnej.

Szybko do argumentacji. Dobre portfolio UX przedstawia problem na pierwszym ekranie studium przypadku, pokazuje ograniczenie, które go utrudniało, i wymienia zmiany. Słabe portfolio rozpoczynają się animacją bohatera i przedstawiają uzasadnienie cztery przewijane strony dalej. Najmocniejsze przykłady na tej stronie mają ten sam schemat, niezależnie od tego, od którego szablonu zaczęły.

Portfolio UI jest oceniane pod kątem rzemiosła: czcionki, odstępów, koloru, systemów komponentów i spójności ekranów. Może mieć większy wpływ wizualny, a mniejszy na treść. Portfolio UX jest oceniane pod kątem logiki i wymaga pisemnego studium przypadku, aby działać. Wielu projektantów tworzy jedną stronę, która łączy oba te elementy, zaczynając od prac wizualnych i linkując do pełnych studiów przypadku.

Ujęcie problemu przesuwa się z problemu użytkownika na problem biznesowy. Przykłady portfolio projektów produktów zazwyczaj zaczynają się od zmiany metryki, podjętego kompromisu i ograniczenia zakresu. Portfolia UX kładą większy nacisk na metodę badawczą. Struktura strony jest zazwyczaj identyczna: krótki indeks, a następnie długie strony ze studiami przypadku.

Większość stanowisk badawczych wymaga takiego hasła, a jego stworzenie jest zazwyczaj trudniejsze niż w przypadku projektanta. Portfolia badawcze zawierają informacje o metodzie, próbie, syntezie i decyzji, jaką podjęto w trakcie pracy, a do pokazania jest znacznie mniej ekranów. Ochrona hasłem jest tutaj pomocna, ponieważ surowe materiały badawcze często nie mogą zostać opublikowane.

Tak. Pixpa Obejmuje ochronę hasłem na całych stronach lub na poszczególnych stronach, w każdym planie, dzięki czemu studium przypadku może być chronione hasłem, którym dzielisz się z rekruterem, a reszta portfolio pozostaje publiczna. Projektanci anonimizują również klienta, zamazują rzeczywiste dane i opisują problem bez podawania nazwy konta.

Tak. Pixpa Zawiera blok HTML, JS i CSS z funkcją przeciągania oraz wstrzykiwanie kodu na poziomie strony w każdym planie, dzięki czemu kod osadzony w Figmie, prototyp Framer, przewodnik Loom lub CodePen trafiają bezpośrednio na stronę studium przypadku. Każdy plan zawiera również niestandardowy CSS, więc szablon stanowi punkt wyjścia, a nie sztywny układ.