Wstęp
Aplikacja PIMZEN służy do zarządzania informacjami o produktach – PIM (Product Information Management). Skierowana jest ona do właścicieli sklepów e-commerce, których produkty są dostępne na różnych platformach lub kanałach sprzedaży. Dzięki PIMZEN użytkownicy mogą zarządzać danymi wszystkich produktów z jednego miejsca. Aplikacja jest na wczesnym etapie rozwoju i opiera się na istniejącym szablonie, który jest dostosowywany do celów PIMZEN i potrzeb grup docelowych. Wersja beta aplikacji ma już płatnych użytkowników.
Moja rola
Research, architektura informacji, UI design, Brand design
Zespół
Product Owner, Backend Developer, Frontend Developer
Czas pracy
Wrzesień 2023 – Maj 2024
Wyzwania
Oczekiwania biznesowe:
Główne wyzwania przy aplikacji PIMZEN:
Główne cele
Research
Moja pierwsza interakcja z Klientem i moje początkowe zadanie polegało na zaprojektowaniu brandingu nowego produktu PIMZEN. Projekt zakończył się sukcesem, co doprowadziło do dalszej współpracy, tym razem nad samą aplikacją.
Początkowo badania i wywiady z Klientem koncentrowały się na budowaniu marki. W kolejnym etapie współpracy przeanalizowałam aktualny stan aplikacji, która była w wersji beta i miała już płacących użytkowników. Badania obejmowały rozmowy z Klientem, analizę informacji od supportu – wsparcia technicznego – oraz problemów zgłaszanych przez użytkowników.
Wyzwania użytkowników:
Rozwiązania:
Zmiana wybranego widoku aplikacji
Widok listy produktów przed zmianami.
Analiza
Widok prezentuje listę produktów wraz z istniejącymi funkcjami. Niektóre z nich są domyślnie z szablonu/biblioteki. Utworzono nowy moduł „Wyszukiwanie zaawansowane”, który umożliwia użytkownikom filtrowanie produktów według wybranych parametrów.
Jednym z zauważalnych problemów jest konieczność uporządkowania niektórych funkcji – odpowiedniego pogrupowania i przypisania. Na przykład, w sekcji „Ustawienia” dostępna była opcja dostosowania kolumn (aby wybrać, które parametry mają być wyświetlane w tabeli) i wierszy (liczby wierszy na stronie), co mogło być mylące dla początkujących użytkowników aplikacji.
Przyciski i funkcje
Spotkania z klientem i zespołem
Omówiliśmy potrzebne funkcje, cele i potrzeby – w tym potrzeby użytkowników (na podstawie rozmów Klienta z użytkownikami i supportu) – a także ograniczenia techniczne i czasowe. Notatki zapisywałam na bieżąco w Figmie, na omawianych widokach aplikacji.
Wybrane wnioski oraz inspiracje
Ustawienia kolumn i wierszy
Wyszukiwanie
Dodatkowe funkcje i ulepszenia
Proponowane rozwiązania
Z uwagi na krótki termin realizacji, pierwszym krokiem było dopasowanie interfejsu aplikacji pod względem kolorów, typografii oraz ikon, do nowego brandingu PIMZEN. Zostały wybrane przykładowe ekrany do wstępnych zmian. Po wyborze konkretnych rozwiązań, stworzyłam pozostałe widoki na postawie przygotowanych wcześniej elementów.
Następnie zaporponowałam trzy propozycje uporządkowania i rozmieszczenia funkcji na liście produktów.
Propozycja 1
Ta wersja jest najbardziej kompleksowa; podzieliłam przyciski na trzy główne kategorie: „Dodaj”, „Akcje” i „Pobierz”, z funkcją filtrowania umieszczoną pośrodku, a funkcje związane z tabelami po prawej stronie. Funkcje tabel umieściłam jako ikony, które odpowiednio sugerowały kolumny i wiersze.
Ta propozycja została częściowo odrzucona ze względu na umiejscowienie i prezentację opcji filtrowania – po rozwinięciu opcje pojawiałyby się między przyciskami a tabelą. Wymagałoby to przeprojektowania modułu i mogłoby powodować zamieszanie podczas filtrowania.
Propozycja 2
Przyciski zostały podzielone na trzy grupy.
To rozwiązanie może wprowadzić dodatkowy chaos i przeciążyć poznawczo użytkownika.
Propozycja 3
Filtrowanie zaawansowane zostało przeniesione do centralnej części, obok nagłówka.
Funkcja filtrowania jest widoczna, a kształt przycisku dodatkowo sugeruje, że jest to element klikalny. To rozwiązanie utrzymuje rozwinięty moduł w tym samym miejscu.
Rozwiązania
Korzyści dla użytkownika
Przed / Po
Kolejne kroki w rozwoju apliakcji PIMZEN
1. Testy użyteczności połączone z wywiadami IDI
Po wdrożeniu widoków i sprawdzeniu funkcji w aplikacji, testy dotyczyłyby najczęściej wykorzystywanych funkcji, takich jak dodawanie produktów, opisów i kategorii.
2. Projekt onboardingu
Onboarding związany byłby z nauką nowych użytkowników kluczowych funkcji aplikacji. Postępy i wskazówki będą widoczne na pulpicie natychmiast po zalogowaniu.
3. Poprawienie treści komunikatów o błędach
Uzupełnienie i doprecyzowanie komunikatów o błędach pomoże ograniczyć liczbę zapytań do pomocy technicznej – supportu.
Chcesz przejść ze mną przez podobny proces?
Umów się na 30-minutową rozmowę i sprawdźmy co możemy razem zrobić.
