Projektowanie produktu · Rekrutacja

Jobspotting

Dopasować poszukiwanie pracy do człowieka.

Moja praca UX/UI: przełożenie badań na strukturę ekranów, porównanie wariantów interfejsu i zaprojektowanie drogi od zainteresowań do własnej listy rekomendacji.

Produkt w kontekście — odkrywanie ofert i firm według lokalizacji.

Produkt: Cyfrowa platforma rekrutacyjna
Rola: UX/UI i język produktu
Okres firmy: Berlin, 2013–2017

Od badań do decyzji o interfejsie.

Jobspotting był platformą spersonalizowanych ofert pracy. Połączyłem rekomendacje, wyszukiwanie i profil: określając, co odbiorca powinien zobaczyć, gdzie może działać i jak działania łączą się między ekranami.

Reklama wideo Jobspotting. Nagranie w języku angielskim.

SmartRecruiters przejął Jobspotting w styczniu 2017 roku. Studium łączy zachowane projekty i badania w odtworzoną opowieść, a nie zweryfikowany harmonogram realizacji.

Badania

Trafność wymaga kontroli.

Wyniki badań pomogły mi określić problemy przed szukaniem rozwiązań. Skupiłem się na czytelności informacji, zauważalności kontrolek oceny i rozróżnieniu wyszukiwania od Explore.

Synteza badań z obserwacjami uczestników i wnioskami — Synteza badań — obserwacje, które określiły pytanie projektowe.

Trafność ponad liczbę ofert

Stanowisko, lokalizacja, wynagrodzenie i informacje o firmie pomagają ocenić ofertę przed jej otwarciem.

Kontrola rekomendacji

Ocena ofert i edycja profilu powinny być blisko rekomendacji, na które wpływają.

Odkrywanie z kierunkiem

Explore potrzebuje wyraźnej roli obok wyszukiwarki i spersonalizowanych rekomendacji.

Określenie problemu UX

Trzy miejsca, w których szukanie pracy traci sens.

Przełożyłem badania na trzy zadania projektowe: rozróżnić cele, pokazać kontrolę i dostarczyć informacje potrzebne do wyboru.

Wyszukiwanie i Explore zlewają się w jedno: Oddziel konkretne szukanie od swobodnego odkrywania.
Rekomendacje są niezrozumiałe: Pokaż możliwość oceny blisko oferty i pozwól ją zmienić.
Karty ofert ukrywają przydatny kontekst: Pokaż informacje potrzebne do świadomego wyboru.

Struktura i makiety

Ułatw przejście od odkrywania do wyboru.

Sprawdzałem strukturę przed dopracowaniem szczegółów wizualnych. Te dwa widoki badają przejście między odkrywaniem możliwości a edycją preferencji wpływających na rekomendacje.

Odkrywanie jako osobne zadanie

Tematy, miejsca i firmy tworzą warstwę odkrywania ponad konkretnymi ofertami, odróżniając tę stronę od bezpośredniego wyszukiwania.

Preferencje obok rekomendacji

Panel umieszcza stanowiska, tematy i lokalizację blisko rekomendacji, na które wpływają. Lista ofert pozostaje kontekstem.

Szczegółowe makiety wektorowe odtworzone na podstawie zachowanych materiałów.

Proces projektowania UX

Połącz zadania przed dopracowaniem ekranów.

Zmapowałem powiązania pierwszego użycia, rekomendacji i Explore. Następnie na makietach sprawdzałem, gdzie połączyć edycję profilu z odkrywaniem. Przechodzenie między całym procesem a ekranami utrzymywało uwagę na ścieżce użytkownika.

Diagram procesu i wczesny szkic pierwszego użycia oraz Explore — Zachowany materiał procesowy i szkic przepływu — kontekst projektu, nie potwierdzona kolejność realizacji.

Projektowanie interfejsu

Porównaj warianty. Dopracuj szczegóły.

Badałem różne warianty interfejsu. W wyszukiwaniu, kartach ofert i nawigacji porównywałem hierarchię, rozmieszczenie i stany interakcji, szukając odpowiedzi na te same pytania UX z większą szczegółowością.

Warianty interfejsu autouzupełniania i podpowiedzi — Stany wyszukiwania i podpowiedzi

Wyszukiwanie, które pomaga określić potrzeby.

Badałem warianty wpisywania tekstu, grupowania sugestii i wyboru tematów. Porównywałem sposoby rozróżniania stanowisk, miejsc i firm bez przeciążania pola wyszukiwania.

Koncepcje kart ofert z oceną, tagami, mapami i rozwiniętymi stanami — Hierarchia karty oferty i kontrolki oceny

Ocena oferty w miejscu decyzji.

Porównywałem zwarte i rozwinięte karty ofert, zmieniając proporcje informacji o stanowisku, lokalizacji, tagach i ocenie. Szukałem odpowiedzi na pytanie, co pokazać na liście, a co dopiero po otwarciu oferty.

Warianty nawigacji i profilu

Czytelne miejsce dla każdego działania.

Sprawdzałem, jak połączyć rekomendacje, Explore, filtry i zapisane oferty w nawigacji. Warianty pozwoliły ocenić grupowanie, nazwy i dostęp do ustawień profilu jako części jednego systemu interakcji.

Materiały promocyjne i premierowe

Wyjdź z projektem poza produkt.

Projekt komunikacji objął stronę i materiały drukowane. Zadaniem stała się hierarchia informacji: przedstawienie produktu, pokazanie interfejsu w kontekście i podział dłuższej opowieści na czytelne części.

Prezentacja końcowego produktu — oryginalne nagranie interfejsu, bez dźwięku.

Gotowe projekty interfejsu

System produktu w konkretnych widokach.

Gotowe projekty łączą sygnały profilu, karty ofert, kontekst firmy, pierwsze użycie, wyszukiwanie i nawigację. Pokazują wspólny język interfejsu w różnych zadaniach.

Lista ofert Jobspotting z tematami profilu, kartami ofert i mapą — Lista ofert — sygnały z profilu, szczegóły stanowiska i lokalizacja w jednym widoku.

Szczegóły firmy Jobspotting: oferty, informacje o rekrutacji, mapa i dopasowane stanowiska — Szczegóły firmy — informacje o rekrutacji, mapa i dopasowane oferty w panelu bocznym.

Profil firmy Jobspotting z informacjami, ofertami i podobnymi firmami — Profil firmy — przegląd, oferty i podobne firmy w czytelnej hierarchii.

Wyniki Explore z dopasowanymi ofertami i firmami — Wyniki Explore — czytelne dopasowania ofert i firm po wyszukaniu tematu.

Widok profilu — kontekst firmy, lokalizacja i otwarte stanowiska w jednym miejscu.

Refleksja

Projektowanie, które pomaga zdecydować.

Wspólnym wątkiem jest przejście od szerokiego pytania UX do konkretnych wyborów interfejsu. Badania określiły problemy; makiety i warianty wizualne nadały odpowiedziom formę. Zachowane materiały dokumentują moje decyzje; zmierzone wyniki użytkowników nie są dostępne.

Wróć do projektów

Porozmawiajmy o współpracy

Co mogłoby być prostsze w obsłudze?

Opowiedz o produkcie i o części, którą trzeba naprawić. Wystarczy kilka zdań.

Opowiedz mi o tym