Audyt produktu cyfrowego branży fitness
Analiza heurystyczna UX/UI została przeprowadzona w celu zidentyfikowania problemów użyteczności, które mogą wpływać na doświadczenia użytkowników. W mojej analizie skupiłam się na identyfikacji problemów użyteczności, które mogą wpływać na doświadczenie użytkowników oraz na proponowaniu potencjalnych usprawnień.
Główne wnioski:
Nawigacja: Zidentyfikowano kilka problemów z nawigacją, które mogą powodować dezorientację użytkowników. Proponowane usprawnienia obejmują poprawę struktury menu oraz dodanie bardziej intuicyjnych elementów nawigacyjnych.
Spójność i standardy: Stwierdzono brak spójności w niektórych elementach interfejsu, co może wpływać na przewidywalność i zrozumiałość systemu. Rekomendowane jest wprowadzenie jednolitych standardów projektowych.
Feedback systemu: Analiza wykazała, że użytkownicy nie zawsze otrzymują wystarczający feedback od systemu, co może prowadzić do frustracji. Zasugerowano wprowadzenie bardziej widocznych i zrozumiałych komunikatów.
Estetyka i minimalistyczny design: Stwierdzono, że niektóre elementy interfejsu są zbyt złożone, co może przytłaczać użytkowników. Propozycje obejmują uproszczenie designu i redukcję zbędnych elementów.
Kroki analizy:
Zdefiniowanie heurystyk: Skorzystałam z zestawu 10 heurystyk użyteczności Jakoba Nielsena, które obejmują m.in. przejrzystość systemu, zgodność systemu z rzeczywistością, kontrolę użytkownika, spójność i standardy, zapobieganie błędom, oraz estetykę i minimalistyczny design.
Ocena interfejsu: Przeprowadziłam szczegółową ocenę każdego elementu interfejsu, identyfikując zarówno mocne strony, jak i obszary wymagające poprawy. Skupiłam się na takich aspektach jak nawigacja, spójność, feedback systemu oraz dostępność.
Dokumentacja problemów: Każdy zidentyfikowany problem został opisany wraz z jego potencjalnym wpływem na użytkowników. Użyłam języka neutralnego i unikałam odniesień do specyficznych elementów wizualnych, aby zachować poufność.
Propozycje usprawnień: Na podstawie zidentyfikowanych problemów, zaproponowałam konkretne działania mające na celu poprawę użyteczności. Propozycje te były oparte na najlepszych praktykach UX/UI oraz mojej wiedzy i doświadczeniu w tej dziedzinie.
Kryteria oceny problemów:
- Problem krytyczny - Znacznie utrudnia czynności użytkownika, powoduje frustrację, wymusza niepotrzebne działania, elementy nieczytelne.
- Problem poważny - Utrudnia lub uniemożliwia czynności użytkownika, dezorientuje go, powoduje frustrację, wymusza niepotrzebne działania.
- Mniej poważne mankamenty - Elementy, które nie przeszkadzają w użytkowaniu, ale mogą wyglądać lepiej.
Kluczowe problemy i rekomendacje
Jednym z najbardziej krytycznych problemów był widoczny w trailerze znak wodny ze Stocka. Tego typu niedopatrzenia wpływają negatywnie na profesjonalny wizerunek serwisu, dlatego zaleca się wykupienie licencji na użyte materiały. Kolejnym ważnym problemem była nieodpowiednia muzyka w trailerze, która zamiast motywować użytkowników, wywoływała negatywne skojarzenia. W celu poprawy tego elementu, zalecam zmianę ścieżki dźwiękowej na bardziej motywującą i pozytywną.
W trakcie analizy zwrócono również uwagę na problematyczną czytelność zielonego fontu, który nie spełniał wymogów kontrastu. Tekst ten wymaga zmiany koloru na jaśniejszy odcień zieleni lub biały, a w przypadku wyboru białego koloru zaleca się również zwiększenie odstępów między literami dla poprawy czytelności. Innym poważnym problemem było wyświetlanie niepotrzebnych ikon dla niezalogowanych użytkowników, co mogło prowadzić do dezorientacji i frustracji. Zaleca się ich usunięcie z widoku niezalogowanych osób.
Ważnym problemem była także sytuacja, w której dźwięk z filmów odtwarzanych na stronie nadal grał po ich wyłączeniu. Należy wdrożyć mechanizm, który wyłącza dźwięk natychmiast po zamknięciu filmu. Dodatkowo, tło strony zawierało nieprofesjonalnie wyglądające paski, które zmniejszały czytelność tekstu. W tym przypadku najlepszym rozwiązaniem jest zastosowanie gładkiego tła w neutralnym odcieniu złamanej bieli.
Kolejnym istotnym obszarem wymagającym poprawy był panel „OSOBISTY PLAN”, gdzie zielony CTA oraz kształt strzałki wywoływały wrażenie, że użytkownik musi koniecznie kliknąć. Zalecam zmianę kolorystyki i usunięcie strzałki, aby uniknąć tego wrażenia. Podobny problem dotyczył innych paneli na stronie, gdzie brakowało spójności między klikalną częścią a resztą panelu – sugeruję ich ujednolicenie poprzez zastosowanie jednolitego tła.
W trakcie analizy stwierdzono także, że czerwony CTA użyty na stronie nie pasuje do reszty projektu. Dla zachowania spójności kolorystycznej, sugeruję zmianę jego koloru na zielony, który jest już obecny w innych elementach strony. Dodatkowo, na stronie występowały teksty w języku angielskim, co wymaga korekty – wszystkie teksty powinny być przetłumaczone na język polski, aby zapewnić jednolity odbiór treści.
Kolejnym krytycznym problemem było niepoprawne działanie logowania – użytkownik nie był przenoszony na inną stronę, a brakowało także opcji zamknięcia informacji o logowaniu. W tej sytuacji sugeruję dodanie przycisku zamykającego oraz opcji pobrania jadłospisu. Ponadto, okna do uzupełniania informacji w profilu użytkownika były nieczytelne z powodu braku odpowiednich opisów. Należy dodać opisy nad polami tekstowymi, aby użytkownicy wiedzieli, co powinni wpisać.
Wybór szablonów na stronie okazał się niewygodny – konieczność klikania „ZAPISZ” za każdym razem, aby zobaczyć podgląd, może być frustrująca. Dlatego zalecam automatyczne ładowanie podglądu wybranego szablonu. Innym istotnym problemem był szary pasek postępu, który pojawiał się przy profilach, ale brakowało informacji, co dokładnie oznacza. Sugeruję dodanie wyjaśnienia po najechaniu kursorem na pasek oraz ujednolicenie widoku profili na całej stronie.
W sekcji finansów znalazła się gwiazdka przy kuponie, której znaczenie nie było wyjaśnione. Konieczne jest dodanie odpowiedniego opisu pod kuponami. Zauważono także, że przycisk do przełączania zdjęć w banerze znajdował się poza jego polem, co negatywnie wpływało na estetykę strony. Należy przenieść przyciski na pole banera, najlepiej na środek przy dolnej krawędzi.
W artykułach brakowało jednolitego stylu kolorystycznego, co wpływało na spójność wizualną treści. Wszystkie nagłówki i inne wyróżnienia tekstowe powinny być ujednolicone, aby zachować konsekwentny wygląd.
Podsumowanie
Analiza heurystyczna strony webowej ujawniła szereg problemów wpływających na użyteczność i estetykę interfejsu. Wdrożenie zaproponowanych zmian może znacznie poprawić doświadczenia użytkowników, co w konsekwencji może prowadzić do zwiększenia satysfakcji użytkowników i lepszego odbioru strony.
Paula Sobolewska
pj.sobolewska@gmail.com
570 170 020
Strona zrobiona w WebWave.