UX & UI Audit
Ponad 95% stron głównych nie spełnia standardów WCAG 2, . Pokażę Ci audyt, który stworzyłam, by rozwiązać te problemy.
Tło
Dostarcza suplementy diety dla kobiet na 9 rynkach europejskich.
Wyzwaniem było dostosowanie rekomendacji projektowych do frameworka Shopify, uwzględniając jego ograniczone możliwości oraz wady podejścia headless e-commerce.
Opis projektu
Udoskonalenie procesu zakupu w celu zwiększenia konwersji.
Moja rola
Przeprowadziłam audyt UI/UX, aby zidentyfikować obszary wymagające poprawy w doświadczeniu zakupowym klientów. Wykorzystując Google Analytics, uzyskałam wgląd w zachowania użytkowników i ich ścieżki. Audyt obejmował różne metody, w tym analizę wizualną, metodę listy kontrolnej, przegląd poznawczy oraz ocenę heurystyczną.
Razem z project managerem przeprowadziłyśmy Discovery Workshop z klientem, aby lepiej zrozumieć jego biznes, produkt oraz klientów. Następnie ustaliliśmy zadania i opracowaliśmy plan działania. Przez cały czas trwania projektu ściśle współpracowałam z klientem oraz naszym wewnętrznym zespołem deweloperskim.
Użyam tych narzędzi:
Rozpoczęcie projektu i warsztaty
Pierwszym krokiem w zrozumieniu biznesu i produktu było spotkanie kick-off z klientem. Po wstępnej ocenie przygotowałam warsztaty, aby zebrać wszystkie niezbędne informacje, ustalić priorytety zadań i zaplanować kolejne kroki dla zespołu.
Warsztat obejmował:
- Energizer: Angażującą aktywność na rozpoczęcie sesji.
- Faza Discover: Aktywności takie jak Golden Circle, Value Proposition Canvas i Unique Selling Points w celu odkrycia kluczowych informacji.
- Faza Define: Użyłyśmy „User Story”, aby sformułować stwierdzenie użytkownika, a następnie „How Might We”, aby generować pomysły i przeformułować wnioski. To pomogło nam ustalić priorytet i cele za pomocą metody MoSCoW.
- Lightning Demo: Zespół podzielił się zrzutami ekranu i obrazami, które następnie zebraliśmy na tablicy. Dzięki technice „Crazy 8s” dostosowaliśmy inspiracje do specyfikacji naszego projektu. Ten krok był kluczowy do analizy wyzwania i potencjalnych rozwiązań.
Po warsztatach miałam szerokie zrozumienie produktu i jego użytkowników. Pozwoliło mi to rozpocząć audyt oraz przeprojektować user flow sklepu, koncentrując się na udoskonaleniu procesu zakupowego, aby zwiększyć możliwości upsellingu i cross-sellingu.
Widok z Miro planu warsztatu
UI/UX Audit Template
Pobierz szablon audytu, aby zobaczyć proces krok po kroku, z którego korzystałam. Ten plik pomoże również stworzyć szczegółowy raport. Przyjrzyj się wybranym widokom!
Przed i po
Zobacz stronę produktu, którą odświeżyłam po audycie.
- Model subskrypcyjny: Większość klientek to osoby wracające, dlatego wprowadziłam model subskrypcyjny, aby uprościć i poprawić ich doświadczenia zakupowe.
- Sprzedaż krzyżowa: Widok „Po” jest bardziej skuteczne, wykorzystując zachęty do zakupu większej ilości i tworząc FOMO.
- Konwersja: Widok „Po” ma wyższy potencjał konwersji dzięki dowodom społecznym, FOMO i cyklicznym zakupom.
Wniosek
Audyt UI/UX ujawnił kluczowe insighty, które zmieniły doświadczenie zakupowe klientów. Poprawiłam funkcjonalność wyszukiwania i naprawiłem problemy z użytecznością poprzez przeprojektowanie strony produktu i procesu realizacji zakupu. To zwiększyło dostępność i usprawniło upselling oraz cross-selling, zwiększając zaangażowanie użytkowników i satysfakcję.
Ten szablon okazał się wartościowy, zdobywając miejsce w firmowej bazie. Nadal go udoskonalam i dostosowuję do unikalnych potrzeb każdego projektu.
Asia jest bardzo niezależna; wielokrotnie zaskakiwała mnie metodami optymalizacji procesów i innowacjami ze świata AI, które naprawdę wspierały ją jako projektantkę w dostarczaniu artefaktów procesowych. Asia kładzie nacisk na jakość i ma bardzo dobrą i zdrową kulturę pracy, w tym głęboką pracę, która daje doskonałe wyniki. Asia podniosła proces projektowania audytów UX dla naszych klientów na nowy, wyższy poziom.
Luke Lasek
Head of Product Design @ Design Allies | 25wat
Następny projekt
Sprawdź, jak zaprojektowałam interfejs, który zwiększył konwersję.
