Projekt zespołowy · Bootcamp UX Upgrade · 2023

Cyberstore

Elastyczny pulpit aplikacji B2B dla franczyzobiorców

Na podstawie wywiadów i ankiety zaprojektowałyśmy personalizowany pulpit. Testy użyteczności pomogły nam dopracować sposób jego konfiguracji. Użytkownik może zmieniać zestaw, kolejność i rozmiar kafli oraz tworzyć kilka układów dopasowanych do różnych zadań.

Badania UX · Projektowanie UX/UI · Desktop i mobile

Mobilny i desktopowy widok personalizowanego pulpitu aplikacji Cyberstore

01 / KONTEKST

Pulpit jako punkt startowy codziennej pracy

Cyberstore to aplikacja B2B używana przez franczyzobiorców Żabki w codziennym zarządzaniu sklepem. Z pulpitu przechodzili między innymi do raportów, dostaw, wpłat, zamówień i komunikatów.

Dotychczas wszyscy użytkownicy korzystali z tego samego układu. Przed rozpoczęciem projektowania chciałyśmy sprawdzić, które funkcje są dla nich najważniejsze, czego brakuje w obecnym rozwiązaniu i czy jeden pulpit odpowiada różnym sposobom pracy.

Ekran onboardingu aplikacji Cyberstore przedstawiający nową funkcję personalizacji pulpitu

CEL BIZNESOWY

Zwiększyć satysfakcję franczyzobiorców, skrócić czas wykonywania codziennych zadań i poprawić ich relację z produktem.

CEL PROJEKTU

Zrozumieć, które informacje i funkcje powinny być dostępne bezpośrednio z pulpitu oraz jak użytkownicy chcą go porządkować.

Ramy projektu

Istniejący system projektowy

Rozwiązanie musiało pozostać spójne z obecnymi wzorcami aplikacji.

Zakres badań

5 wywiadów, ankieta wśród 11 franczyzobiorców i 5 testów użyteczności.

Etap projektu

Przetestowany prototyp bez wdrożenia i pomiaru efektów biznesowych.

PYTANIE PROJEKTOWE

Jak ułatwić dostęp do kluczowych funkcji, nie narzucając wszystkim użytkownikom jednego układu pulpitu?

03 / ZESPÓŁ I PROCES

Moja rola w projekcie

Projekt powstał zespołowo podczas Bootcampu UX Upgrade. Wspólnie przeanalizowałyśmy obecny pulpit, przygotowałyśmy badania, zebrałyśmy wnioski oraz zaprojektowałyśmy i przetestowałyśmy prototyp w wersji desktopowej i mobilnej.

Mój wkład

Badania

Brałam udział w przygotowaniu scenariusza wywiadów i samodzielnie przeprowadziłam 3 rozmowy z franczyzobiorcami.

Analiza

Analizowałam odpowiedzi z wywiadów oraz porządkowałam obserwacje i wnioski w Miro.

Projektowanie

Brałam udział w analizie konkurencji, przygotowaniu rekomendacji oraz projektowaniu w ramach istniejącego systemu projektowego.

Testy

Uczestniczyłam w testach użyteczności i zapisywałam obserwacje.

04 / OD BADAŃ DO ROZWIĄZANIA

Jeden pulpit nie odpowiadał wszystkim użytkownikom

Chciałyśmy sprawdzić, z których funkcji franczyzobiorcy korzystają najczęściej, czego potrzebują od razu po zalogowaniu i czy ten sam układ sprawdza się w różnych sposobach pracy.

Zakres badań

5 wywiadów, Ankieta wśród 11 franczyzobiorców, Analiza odpowiedzi w Miro

Po wywiadach uporządkowałyśmy odpowiedzi w tabeli i pogrupowałyśmy obserwacje w Miro. Ankieta pomogła nam sprawdzić, które z nich pojawiają się również u innych użytkowników.

Arkusz Excel z notatkami z wywiadów z franczyzobiorcami

NAJWAŻNIEJSZY WNIOSEK

Franczyzobiorcy często wracali do tych samych zadań, ale nie wszyscy potrzebowali na pulpicie tego samego.

Różne priorytety

Najczęściej używane funkcje różniły się między użytkownikami.

Szybki dostęp

Część informacji była potrzebna od razu po zalogowaniu.

Różne konteksty

Desktop i mobile były wykorzystywane w innych sytuacjach.

PERSONALIZOWANY PULPIT

Pulpit dopasowany do sposobu pracy

Zamiast tworzyć kolejny stały układ, zaprojektowałyśmy pulpit, który użytkownik może dostosować do swojego sposobu pracy.

  • Dodawanie i usuwanie kafli
  • Zmiana rozmiaru
  • Zmiana kolejności
  • Kilka pulpitów
  • Pulpit domyślny

05 / JAK DZIAŁA ROZWIĄZANIE

Jak użytkownik konfiguruje swój pulpit

Franczyzobiorca może samodzielnie zdecydować, które informacje chce widzieć po zalogowaniu i jak mają być ułożone. Kafle można dodawać, usuwać, przesuwać i zmieniać ich rozmiar, a różne układy zapisać jako osobne pulpity.

Nowy układ pulpitu analitycznego aplikacji Cyberstore zaprojektowany na podstawie badań

Swobodna konfiguracja układu

Użytkownik może zmieniać kolejność i rozmiar kafli oraz usuwać elementy, których nie potrzebuje. Dzięki temu pulpit nie narzuca jednego zestawu informacji wszystkim franczyzobiorcom.

Ekran konfiguracji pulpitu aplikacji Cyberstore podczas usuwania zbędnego kafla
Ekran aplikacji Cyberstore podczas tworzenia i nazywania nowego pulpitu

Osobne pulpity do różnych zadań

Można utworzyć kilka pulpitów, nadać im nazwy i przełączać się między nimi. Jeden z układów może zostać ustawiony jako domyślny, a osobny pulpit przygotowany na przykład dla kasjera.

Dodawanie bezpośrednio z aplikacji

Wybrane funkcje można dodać do pulpitu również z innych miejsc aplikacji. Użytkownik nie musi więc za każdym razem przechodzić do trybu edycji, żeby rozbudować swój układ.

Ekran aplikacji Cyberstore z panelem dodawania wybranej funkcji bezpośrednio do pulpitu

06 / TESTY I ITERACJE

Testy pomogły nam dopracować konfigurację pulpitu

Przeprowadziłyśmy 5 testów użyteczności, żeby sprawdzić, czy użytkownicy potrafią samodzielnie skonfigurować pulpit i wykonać najważniejsze działania.

Co sprawdzałyśmy

  • Onboarding
  • Dodawanie i usuwanie kafli
  • Zmianę kolejności i rozmiaru kafli
  • Tworzenie i nazywanie nowych pulpitów
  • Ustawienie pulpitu domyślnego
Tablica Miro z notatkami i obserwacjami z testów użyteczności
Ekran pulpitu Cyberstore podczas przeciągania kafla z zaznaczonym miejscem docelowym

Czytelniejsze przesuwanie kafli

Podczas przeciągania nie zawsze było jasne, gdzie kafel zostanie umieszczony. Dlatego lepiej zaznaczyłyśmy jego miejsce docelowe i zmieniłyśmy ikonę przesuwania.

Łatwiejsze zarządzanie pulpitami

Uprościłyśmy zmianę nazwy pulpitu i dodałyśmy możliwość ustawienia wybranego układu jako domyślnego.

Menu zarządzania pulpitami w Cyberstore z opcjami zmiany nazwy i ustawienia pulpitu jako domyślnego

Mniej przeszkadzające komunikaty

Przycisk zamknięcia powiadomienia pojawiał się wcześniej, dzięki czemu użytkownik mógł szybciej wrócić do wykonywanego zadania.

Wyjaśnienie dostępne także po onboardingu

Sam onboarding nie wystarczał wszystkim uczestnikom. Dlatego zaproponowałyśmy dodatkową informację o zmianach dostępną również na stronie internetowej.

07 / REZULTAT I WNIOSKI

Projekt zakończyłyśmy przetestowanym prototypem

Powstał prototyp personalizowanego pulpitu w wersji desktopowej i mobilnej oraz zestaw rekomendacji UX/UI opartych na wywiadach, ankiecie i testach użyteczności.

Mobilny widok personalizowanego pulpitu Cyberstore z informacjami wybranymi przez użytkownika
Mobilny ekran Cyberstore z wyborem kafli dodawanych do personalizowanego pulpitu

Co powstało

Personalizowany pulpit

Użytkownik sam decyduje, które informacje chce widzieć po zalogowaniu.

Kilka zapisanych układów

Może tworzyć osobne pulpity do różnych zadań i ustawić jeden jako domyślny.

Desktop i mobile

Obie wersje uwzględniają różne sytuacje korzystania z aplikacji.

Iteracje po testach

Najważniejsze interakcje zostały poprawione na podstawie obserwacji użytkowników.

WNIOSEK

Czego nauczył mnie ten projekt

Ten projekt pokazał mi, że w narzędziu B2B jeden stały układ nie zawsze odpowiada wszystkim użytkownikom. Połączenie wywiadów, ankiety i testów pomogło nam lepiej zrozumieć różne sposoby pracy franczyzobiorców i zaprojektować rozwiązanie, które można do nich dopasować.

Projekt zakończył się na etapie przetestowanego prototypu. Nie mamy danych o wdrożeniu ani wpływie rozwiązania na wyniki biznesowe.

Kolejny projekt

Styl.fm - redesign portalu lifestyle’owego

Zobacz case study →

Chcesz dowiedzieć się więcej?