Case Study Wyszukiwarka2 Rainbow. Audyt UX/UI narzędzia - konfiguratora wycieczek

HTML
DOWNLOAD

Wielkość: px

Rozpocząć pokaz od strony:

Download "Case Study Wyszukiwarka2 Rainbow. Audyt UX/UI narzędzia - konfiguratora wycieczek"

Dominik Janik
7 lat temu
Przeglądów:

1 Case Study Wyszukiwarka2 Rainbow Audyt UX/UI narzędzia - konfiguratora wycieczek

2 INDEKS O projekcie Zadanie 04 Wyzwania 05 Stan początkowy projektu 05 [Nie]standardowy audyt UX/UI 06 Przebieg prac 07 Nowy projekt graficzny konfiguratora wycieczek Efekt końcowy 09 Rekomendacja 10 Team projektowy i narzędzia 11 Zróbmy Razem COŚ Spektakularnego 12

03 O projekcie Spółka Rainbow to jeden z największych i najprężniej rozwijających się touroperatorów w Polsce. Marka pomaga realizować urlopowe marzenia Polaków O PROJEKCIE prawie od 27 lat.

3 03 O projekcie Spółka Rainbow to jeden z największych i najprężniej rozwijających się touroperatorów w Polsce. Marka pomaga realizować urlopowe marzenia Polaków O PROJEKCIE prawie od 27 lat. W sierpniu 2017 r. pomogliśmy Rainbow podnosić efektywność pracy sprzedawców wycieczkowych, korzystających z wewnętrznego systemu do konfigurowania wycieczek, poprzez przeprowadzenie audytu UX/UI narzędzia.

4 04 Zadanie Naszym początkowym zadaniem było wypracowanie koncepcji biznesowej i analiza potrzeb Klienta. Na tym etapie najważniejszym było określenie architektury ZADANIE informacji, zrozumienie i opisanie wszystkich kluczowych dla projektu procesów biznesowych. Usprawnienie całego UX/UI w celu lepszego wykorzystania narzędzia przez sprzedawców Rainbow było drugim etapem realizacji zadania.

5 05 Stan początkowy projektu Jednym z większych wyzwań było zmierzenie się z już gotowym narzędziem i stosunkowo krótkim czasem na wprowadzenie pożądanych zmian. Nasz audyt musiał WYZWANIA zakładać pewne ograniczenia, wynikające ze specyfiki konfiguratora oraz czasu jaki pozostał na wprowadzenie dodatkowych modyfikacji. Bardzo duże znaczenie miały tutaj przeprowadzone sesje warsztatowe z zespołem sprzedażowym i developerskim. Pozwoliły na przygotowanie najważniejszych rekomendacji i usprawnień systemu.

6 06 [Nie]standardowy audyt UX/UI Standardowy sposób przeprowadzenie przez nas audytu, zakłada: zdefiniowanie celów biznesowych; przeanalizowanie narzędzia pod kątem użyteczności, oceniając między innymi: WYZWANIA nawigację w narzędziu, intuicyjność, przejrzystość, zrozumiałość tekstów, umiejscowienie elementów, prowadzenie użytkownika preferowaną ścieżką czy wykorzystanie tzw. dobrych praktyk (mając na uwadze zdefiniowane wcześniej cele) przygotowanie raportu tekstowo-graficznego z przeprowadzonego audytu. Wspomniane sesje warsztatowe z zespołami Rainbow miały ogromny wpływ na przebieg całego procesu audytu, do którego podeszliśmy w mniej szablonowy sposób. Po określeniu potrzeb i celów Klienta, przeszliśmy do pracy nad usprawnieniem konfiguratora. Cały proces analizy i proponowanych zmian przeprowadzaliśmy jednak etapowo. Każdy etap (nowy widok elementu konfiguratora) był konsultowany z zespołem Rainbow i dostosowywany na bieżąco do zgłaszanych przez Klienta potrzeb.

7 07 Przebieg prac Przede wszystkim przedstawiliśmy konfigurator jako pewną ścieżkę, którą obsługujący go sprzedawca ma do przejścia w celu znalezienia optymalnej oferty wycieczkowej. Specyfika konfiguratora i bardzo duża zależność od siebie poszczególnych elementów spowodowała, że było to wymagające zadanie. WYZWANIA Pierwszym elementem jaki odseparowaliśmy wizualnie od reszty narzędzia były filtry. Ułożenie filtrów (lewa kolumna lub cały content strony) użytkownik może ustawić wg preferencji. Kolejny wydzielony element to moment, w którym sprzedawca określa ilości pokoi i osób. Ich konfiguracja może być dowolna. Skupiliśmy się przede wszystkim na przejrzystym zaproponowaniu widoku przypisywania ilości osób do pokoi. Ważnym założeniem konfiguratora jest jego dynamiczne działanie. Kolejne listy aplikacji to zawężające się na bieżąco wyniki, zależne od tego co zostanie wybrane wcześniej. Ponadto musieliśmy pamiętać o tym, aby ostateczny wynik wyszukiwania przedstawiał wszystkie niezbędne do rezerwacji informacje. Klikając Rezerwuj sprzedawca przechodzi do odrębnej sekcji rezerwacji, gdzie musi podać jedynie dane zamawiającego. Wszystkie kwestie związane z terminami wycieczki, wylotem, przylotem, dostępnymi promocjami, standardem wyżywienia czy pokoju są określane już na etapie konfiguratoratora.

08 Nowy projekt graficzny konfiguratora wycieczek Rainbow postawiło przed nami jasny cel: takie przedstawienie wizualne i funkcjonalne wyszukiwarki, aby przy jednoczesnej dużej ilości zmiennych, była

8 08 Nowy projekt graficzny konfiguratora wycieczek Rainbow postawiło przed nami jasny cel: takie przedstawienie wizualne i funkcjonalne wyszukiwarki, aby przy jednoczesnej dużej ilości zmiennych, była WYZWANIA ona przyjazna i intuicyjna dla sprzedawców. W procesie wypracowywania zmian skupiliśmy się przede wszystkim na stworzeniu mockupów i wypracowaniu schematów działania. Projekt graficzny, oparty na material design zakładał wizualne wydzielenie przestrzeni, odpowiednie dobranie kolorów oraz prostych, intuicyjnych ikon. Jednym z istotniejszych elementów, na który położyliśmy nacisk była odpowiednio dobrana typografia, która wizualnie ma ogromne znaczenie dla czytelności całego narzędzia. Wyszukiwarka ma być wykorzystywana głównie na desktopie. Zaproponowane przez nas rozwiązania zostały zaprojektowane w taki sposób, żeby można było dostosować narzędzie do różnych rozdzielczościach ekranu, a także na urządzeniach mobilnych (np. tablecie).

9 10 Efekt końcowy Po niespełna miesiącu intensywnej współpracy z Rainbow stworzyliśmy nową odsłonę konfiguratora wycieczek. W najnowszej wersji położyliśmy szczególny nacisk na użyteczność i funkcjonalność narzędzia. Prostota oraz wykorzystanie wzorców projektowych material design, pozwoliło na stworzenie jasnej i przejrzystej ścieżki konfiguracyjnej wycieczki. Wykorzystując EFEKT KOŃCOWY doświadczenie i potrzeby sprzedawców, wyposażyliśmy konfigurator w dodatkowe elementy, takie jak ikony atrybutów, wyświetlanie ocen, galerii zdjęć czy trasy wycieczki i mapy regionu.

Szczególnie dobrze oceniam jakość komunikacji pomiędzy naszymi zespołami.

10 10 Rekomendacja REKOMENDACJA Zaprojektowanie wyglądu i sposobu działania naszej nowej wyszukiwarki we współpracy z firmą eengine przebiegło wyjątkowo szybko i skutecznie. Szczególnie dobrze oceniam jakość komunikacji pomiędzy naszymi zespołami. Częsta i bezpośrednia komunikacja w połączeniu z elastycznością i dobrym zrozumieniem pozwoliła na szybkie uzyskanie oczekiwanego przez nas efektu. SŁAWOMIR RAŻNIEWSKI Dyrektor działu IT Rainbow Tours S.A.

11 11 Team projektowy: TEAM PROJEKTOWY I NARZĘDZIA Narzędzia:

12 Zróbmy Razem COŚ Spektakularnego 12 Zatrudnij nas Poznaj naszą kulturę pracy ZRÓBMY RAZEM COŚ SPEKTAKULARNEGO

Podobne dokumenty

Case Study Gatta. Wdrożenie nowego sklepu internetowego

Case Study Gatta. Wdrożenie nowego sklepu internetowego Case Study Gatta Wdrożenie nowego sklepu internetowego INDEKS O projekcie 03 01 02 03 Zadanie 04 Wyzwania 05 Projekt graficzny 06 Testy A/B oraz heatmapy 07 Wsparcie działu marketingu 08 Budowanie marki