WORKATION – UX/UI DESIGN

O PROJEKCIE

„Nocowanie.pl” to popularny polski serwis internetowy, który umożliwia użytkownikom wyszukiwanie, porównywanie i rezerwację miejsc noclegowych w różnych regionach Polski. Serwis oferuje szeroką bazę obiektów, takich jak hotele, pensjonaty, apartamenty, domki letniskowe, agroturystyka, a także lokale dostosowane do tzw. „workation” (połączenia pracy zdalnej z wypoczynkiem).

Obiekty przystosowane do workation często oferują szybki internet, wygodne miejsce do pracy, cichą atmosferę oraz dodatkowe udogodnienia, takie jak przestrzenie coworkingowe czy możliwość organizacji spotkań online. Dzięki temu platforma „nocowanie.pl” pozwala na znalezienie miejsc idealnych zarówno na wypoczynek, jak i efektywną pracę zdalną w otoczeniu atrakcyjnych turystycznie lokalizacji.

PROBLEM W KONTEKŚCIE UX

Rzetelność informacji i ich prezentacja:

• Kluczowe dane na temat projektów muszą być łatwo dostępne i zaprezentowane w sposób klarowny, co oznacza zastosowanie odpowiednich hierarchii wizualnych, czytelnych etykiet i spójnych formatów danych.
• Trendy w projektach mogą być przedstawione za pomocą interaktywnych grafik, wykresów lub filtrów, które pozwolą użytkownikowi szybko zrozumieć, co jest popularne.

Szeroki wybór:

• Należy zadbać o łatwe przeszukiwanie bazy i odpowiednie mechanizmy filtrowania (np. według kategorii, ceny, dostępności).
• Możliwość sortowania według popularności, oceny użytkowników lub innych parametrów kluczowych dla decyzji użytkownika.

Atrakcyjność cenowa i dostępny kalendarz:

• Interfejs powinien umożliwiać szybkie porównanie cen różnych projektów oraz dostępność w kalendarzu w czasie rzeczywistym. Funkcje te mogą być podane w postaci widoku tabelarycznego lub wizualnego (np. interaktywny kalendarz).
• Warto zadbać o jasne oznaczenia dostępności oraz uwzględnić rabaty czy promocje.

Wspieranie pracy zdalnej:

• Produkt powinien być zoptymalizowany pod kątem wymagań pracy zdalnej, co oznacza:
  • Responsywny design, aby użytkownicy mogli z niego korzystać na różnych urządzeniach (laptopach, tabletach, smartfonach).
  • Możliwość współpracy zespołowej, np. dzielenie się projektami, komentarzami lub dodawanie współpracowników do obserwowanych projektów.
  • Integracje z narzędziami pracy zdalnej, takimi jak kalendarze (Google Calendar, Outlook) czy komunikatory.

Innowacje w UX:

• Personalizacja interfejsu, gdzie użytkownik widzi propozycje projektów dostosowanych do swoich preferencji.
• Wykorzystanie zaawansowanych algorytmów rekomendacji opartych na sztucznej inteligencji, które podpowiadają najistotniejsze projekty z uwzględnieniem trendów.

WYZWANIA PROJEKTOWE

1. Ustalenie grupy odbiorców:

• Wyzwania:
  • Zidentyfikowanie precyzyjnej grupy docelowej może być trudne, zwłaszcza jeśli potencjalni użytkownicy mają różne potrzeby (np. turyści, osoby szukające miejsc do pracy zdalnej, rodziny, podróżujący biznesowo).
  • Unikanie zbytniego zawężenia grupy, które mogłoby ograniczyć skalę produktu, oraz nadmiernego uogólnienia, co może utrudnić personalizację.
• Możliwości:
  • Wykorzystanie wywiadów z użytkownikami i analiz rynkowych w celu określenia najważniejszych segmentów użytkowników.
  • Stworzenie person użytkownika, które uwzględniają różnorodne potrzeby i motywacje odbiorców.
  • Segmentacja rynku, która pozwoli dopasować treści i funkcjonalności do różnych grup (np. filtrów wyszukiwania dla osób pracujących zdalnie vs. rodzin).

2. Umożliwienie mnogości wariantów i potrzeb wyszukiwania:

• Wyzwania:
  • Zapewnienie szerokiego zakresu filtrów, które pozwolą użytkownikom szybko dopasować wyniki wyszukiwania do ich preferencji (np. lokalizacja, budżet, udogodnienia, dostępność dla zwierząt).
  • Balansowanie między kompleksowością funkcjonalności a zachowaniem prostoty i przejrzystości interfejsu.
  • Unikanie przeciążenia użytkownika nadmiarem opcji wyszukiwania, co mogłoby prowadzić do frustracji.
• Możliwości:
  • Wprowadzenie inteligentnych algorytmów rekomendacji, które dostosowują wyniki na podstawie historii użytkownika i jego preferencji.
  • Dynamiczne filtry i sugestie, które zmieniają się w czasie rzeczywistym na podstawie wprowadzanych danych (np. dostępność w wybranym terminie).
  • Personalizowane listy wyników z funkcją „podobne oferty”, które ułatwiają decyzję.

3. Uproszczenie procesu wyszukiwania:

• Wyzwania:
  • Skrócenie liczby kroków potrzebnych do znalezienia odpowiedniego miejsca przy jednoczesnym zachowaniu istotnych informacji.
  • Tworzenie intuicyjnego interfejsu, który prowadzi użytkownika przez proces wyszukiwania w sposób naturalny.
  • Redukcja potencjalnych punktów „porażki użytkownika”, takich jak zbyt skomplikowane formularze czy niejasne wyniki wyszukiwania.
• Możliwości:
  • Zaprojektowanie wyszukiwarki z jednym polem (np. „Gdzie chcesz jechać?”), która automatycznie rozpoznaje i proponuje odpowiednie filtry.
  • Wykorzystanie wizualizacji, takich jak mapy, aby użytkownik mógł łatwo eksplorować lokalizacje.
  • Implementacja funkcji „wyszukiwanie głosowe” dla użytkowników mobilnych.

4. Usprawnienie procesu rezerwacyjnego:

• Wyzwania:
  • Zbyt skomplikowane lub czasochłonne procesy rezerwacji mogą prowadzić do rezygnacji użytkowników.
  • Konieczność integracji z systemami płatności i kalendarzami w czasie rzeczywistym.
  • Zapewnienie bezpieczeństwa danych użytkowników podczas rezerwacji i płatności.
• Możliwości:
  • Stworzenie procesu „one-click booking” (rezerwacja jednym kliknięciem) dla zalogowanych użytkowników z zapisanymi danymi.
  • Oferowanie różnych opcji płatności (karty kredytowe, BLIK, PayPal) oraz możliwość dokonania rezerwacji z płatnością później.
  • Jasne potwierdzenia rezerwacji oraz możliwość łatwego jej zmienienia lub anulowania przez panel użytkownika.

5. Zbudowanie unikalnej propozycji wartości względem konkurencji:

• Wyzwania:
  • Wyróżnienie się na tle licznych konkurencyjnych platform, takich jak Booking.com czy Airbnb, które oferują podobne usługi.
  • Opracowanie unikalnych cech i korzyści, które przyciągną użytkowników i sprawią, że będą wracać.
  • Unikanie kopiowania istniejących rozwiązań, które mogłyby zatarć tożsamość marki.
• Możliwości:
  • Skupienie się na specyficznej niszy, np. miejscach dedykowanych workation (praca zdalna) z pełnym pakietem usług (szybki internet, biurka, przestrzeń coworkingowa).
  • Tworzenie wyjątkowej społeczności użytkowników, np. poprzez programy lojalnościowe, ekskluzywne oferty lub funkcje społecznościowe (recenzje, oceny).
  • Położenie nacisku na wyjątkową obsługę klienta i lokalne doświadczenia, np. oferty personalizowane przez lokalnych gospodarzy.

PROCES PROJEKTOWY

• cel biznesowy: model prowizyjny; wysokość prowizji uzależniona od kraju

• badania & synteza
• architektura UX & UX Design
• prototypowanie & testowanie
• UI Design

BADANIA I SYNTEZA

Desk Research – Analiza Konkurencji

WYWIADY Z UŻYTKOWNIKAMI

• cel badania: poznanie preferencji osób planujących wyjazd w ramach workation
• grupa fokusowa: ludzie, którzy nigdy nie wyjechali w ramach workation, ale chcieliby wyjechać oraz osoby, które już były na workation

Wnioski

• preferencje respondentów odnośnie workation:
• szybki internet
• wygodne miejsce pracy (fotel, biurko)
• dostęp do dużego monitora
• osobne pomieszczenie do pracy
• akceptacja zwierząt
• punkty medyczne w pobliżu obiektów noclegowych

PERSONA

JOURNEY MAP

USER STORY MAPPING

IMPACT MAP

USER FLOW

PROTOTYPOWANIE

TESTOWANIE UŻYTECZNOŚCI

Po wykonaniu prototypu hi-fidelity, został napisany scenariusz badań testów użyteczności. Później do tych badań zwerbowano ludzi z różnych środowisk z różnymi stylami życia. Badania odbywały się głównie drogą online.
W sumie dziesięciu użytkowników wzięło udział w badaniach testów użyteczności używając prototypu naszego produktu cyfrowego. W celu przetestowania użyteczności i kluczowych funkcji, utworzono dwa zadania do wykonania przez użytkowników:

1. Znalezienie oferty „Paradise Beachront & Nightlife Heart” używając wyszukiwarki na stronie głównej, następnie zarezerwowanie noclegu.
2. Odwołanie rezerwacji w obiekcie noclegowym „Paradise Beachfront & Nightlife Heart” poczynając od ikony „rezerwacje” znajdującej się w panelu nawigacyjnym.

Cele badania użyteczności

• ocenienie użyteczności nowego interfejsu użytkownika
• identyfikacja mocnych i słabych stron interfejsu
• zebranie opinii i sugestii od użytkowników

Podsumowanie opinii po badaniach

• „Podobają mi się kafelki i ikony na stronie głównej”
• „Lista ikon z obiektami noclegowymi (na stronie głównej) powinna być w innej kolejności, zaczynając od: mieszkania, domy, pokoje, hostele i tak dalej. Jeżeli wyjeżdżałbym na workation, nie rezerwowałbym hotelu. Jest to zbyt drogie na dłuższy czas”
• „Interfejs prosty i czytelny”
• „Okno wyszukiwarki jest za małe”
• „Schludne scrollowanie”
• „Czcionka na kafelkach strony głównej jest za mała”
• „Prosty proces rezerwacyjny”
• „Aplikacja byłaby świetna dla każdego”
• „Jest za mała czcionka w ofercie”
• „W ofercie w rubryce udogodnień brak udogodnień związanych z workation”
• „Podczas odwołania rezerwacji nie widzę ”inne” jako podania powodu do anulowania rezerwacji”
• „Proces anulowania rezerwacji jest świetny. Na przykład jeżeli ja kupuję bilet na pociąg ze złą datą i zauważę to – muszę wtedy anulować bilet. Wówczas jest to dla mnie stresujące. Proces odwoływania nie powinien być stresujący. Naprawdę dobra robota!”

Podsumowanie interreakcji użytkowników

• Użytkownicy na stronie głównej najpierw klikali w ikony chcąc znaleźć obiekt noclegowy. Ikony były pod wyszukiwarką.
• Po rezerwacji użytkownicy byli zdezorientowani przyciskiem „Zarezerwuj następny obiekt noclegowy”
• Użytkownicy próbowali zaznaczyć kółka znajdujące się obok nazw udogodnień w ofercie obiektu noclegowego. Myśleli, że te kółka są klikalne.

Affinity Mapping

UI DESIGN

Chciałbyś usprawnić swój produkt cyfrowy? Daj znać!