Przeprojektowanie koszyka i systemu filtrowania produktów dla iRobot
Opis projektu
iRobot to globalny lider w dziedzinie robotyki konsumenckiej oraz technologii smart home, najbardziej znany z robotów odkurzających Roomba oraz robotów mopujących Braava. Marka kojarzona jest z innowacją oraz inteligentnym designem, który upraszcza codzienne obowiązki domowe. Projekt koncentrował się na przeprojektowaniu zarówno systemu filtrowania produktów, jak i koszyka zakupowego. Celem było poprawienie wyszukiwalności produktów, zwiększenie pewności decyzyjnej użytkowników oraz stworzenie bardziej przejrzystego i płynnego procesu zakupowego.
Moja rola
Kompleksowe przeprojektowanie systemu filtrowania produktów oraz doświadczenia koszyka zakupowego w ramach istniejącego system designu iRobot.
Metodologia
Badania & analiza
Przeanalizowałam istniejące doświadczenia zakupowe użytkowników sklepu internetowego iRobot oraz rozwiązania stosowane przez czołowe marki z branży elektroniki użytkowej i inteligentnego domu, aby zrozumieć aktualne standardy dotyczące procesu zakupowego. Badania wykazały, że użytkownicy poszukujący urządzeń smart home potrzebują bardziej przejrzystych informacji na temat funkcji i możliwości produktów. Analiza procesu checkout podkreśliła również znaczenie ograniczenia zbędnych kroków, zapewnienia stałej widoczności kluczowych informacji oraz minimalizacji elementów rozpraszających uwagę na końcowym etapie zakupu.
Koncepcja
Etap koncepcyjny rozpoczęłam od przygotowania map myśli, które pomogły uporządkować potrzeby użytkowników, wymagania biznesowe oraz kluczowe funkcjonalności zidentyfikowane podczas analizy. Następnie stworzyłam serię szybkich szkiców odręcznych, pozwalających na swobodne eksplorowanie różnych rozwiązań dla systemu filtrowania produktów oraz koszyka zakupowego, bez przedwczesnego ograniczania się do jednego kierunku.
Wybrane koncepcje zostały rozwinięte w wireframe’y. Projekt powstawał zgodnie z podejściem mobile-first, czyli widoki zostały zaprojektowane z myślą o mniejszych ekranach, a następnie skalowane do większych rozdzielczości.
Proces projektowy
Filtrowaniee produktów zostało przeprojektowane tak, aby zapewnić użytkownikom większą kontrolę nad procesem wyszukiwania. Wprowadzono nowe opcje filtrowania i sortowania, umożliwiające zawężanie wyników według istotnych kryteriów użytkownika. Aby ograniczyć konieczność ciągłego przechodzenia między listą produktów a stronami produktowymi, najważniejsze informacje o produktach zostały udostępnione bezpośrednio w panelu filtrowania. Dzięki temu użytkownicy mogli szybciej porównywać kluczowe parametry i podejmować bardziej świadome decyzje zakupowe już na wczesnym etapie procesu.
Efekt końcowy
Zgodnie z podejściem mobile-first, filtrowanie zostało przekształcone w dedykowany widok pełnoekranowy na urządzeniach mobilnych. Rozwiązanie to poprawiło dostępność i ograniczyło wizualny chaos.
Koszyk zakupowy również został przeprojektowany jako uporządkowany, wieloetapowy proces prowadzący użytkownika przez kolejne etapy finalizacji zamówienia. Układ eksponuje najważniejsze informacje, takie jak wybrane produkty, ceny oraz podsumowanie zamówienia, jednocześnie w odpowiednich momentach prezentując trafnie dobrane rekomendacje produktów uzupełniających. Pozwoliło to zwiększyć potencjał sprzedaży dodatkowej bez zakłócania procesu zakupowego.
Przeprojektowane doświadczenie zakupowe przyczyniło się do zmniejszenia liczby użytkowników rezygnujących z zakupu na etapie checkout oraz do wzrośnięcia liczby użytkowników dodających produkty komplementarne do koszyka, przy jednoczesnym zachowaniu płynnego, przejrzystego i pozbawionego zbędnych przeszkód procesu finalizacji zakupu.
.png)
