Robienie różnicy: błąd UX łodzi

May 04 2023
W listopadzie zeszłego roku ukończyłem studium przypadku UX, które koncentrowało się wokół strefy kciuka i ogólnej dostępności nawigacji w witrynie Boat na urządzeniach mobilnych. Wykorzystując najlepsze praktyki i analizę porównawczą, zaproponowałem cztery potencjalne rozwiązania poprawiające dostępność strony i doświadczenia użytkowników.

W listopadzie zeszłego roku ukończyłem studium przypadku UX , które koncentrowało się wokół strefy kciuka i ogólnej dostępności nawigacji w witrynie Boat na urządzeniach mobilnych.

Główny problem zidentyfikowany w starszej wersji witryny mobilnej Boat

Wykorzystując najlepsze praktyki i analizę porównawczą, zaproponowałem cztery potencjalne rozwiązania poprawiające dostępność strony i doświadczenia użytkowników. Z przyjemnością informuję, że od tego czasu w witrynie mobilnej Boat wprowadzono kilka pozytywnych zmian, które rozwiązują problemy wskazane w moim studium przypadku.

To rozwiązanie przedstawia jeden z możliwych sposobów rozwiązania problemu

Zagłębmy się w ostatnie aktualizacje ➡

Projekt wizualny nowej witryny mobilnej firmy Boat

Firma Boat pomyślnie rozwiązała wszystkie problemy związane z obsługą klienta w najnowszej wersji swojej witryny mobilnej. Wizualny język strony ma charakter liniowy i jest spójny w całym tekście. Cienkie ikony , elegancki interfejs użytkownika i duża ilość białych znaków sprawiają, że użytkownicy czują się mile widziani i swobodni podczas poruszania się po witrynie. Natomiast poprzednia wersja była nieco ciasna pod względem informacji.

Obecna wersja jest doskonałym przykładem idealnego połączenia User Experience i User Interface. Ogólnie rzecz biorąc, uwielbiam tę wersję i chwalę Boat za ich wysiłki w ulepszaniu użyteczności i wyglądu witryny.

Ulepszona architektura informacji dla nowej wersji mobilnej strony internetowej Boat

IA przeszła zauważalną zmianę, oferując teraz użytkownikom więcej niż tylko kategorie produktów.

Ten nowy dodatek pozwoli użytkownikom odkrywać i poznawać markę Boat, zwiększając ogólne zaangażowanie w witrynę, w tym .

Lista pozycji w menu Hamburger

Firma Boat dokonała znacznego ulepszenia, wyświetlając wszystkie kategorie produktów w pierwszym zwoju, co znacznie skraca czas, jaki użytkownicy spędzają na przewijaniu i wyszukiwaniu określonej kategorii produktów.

Szukaj

Zaktualizowana funkcja wyszukiwania wyświetla domyślną listę produktów i dynamicznie sugeruje wprowadzany tekst wyszukiwania, który wcześniej był statyczny jako „Wyszukaj smartwatche”. Ponadto zaokrąglone rogi zostały zminimalizowane, co zapewnia bardziej atrakcyjny wizualnie i estetyczny wygląd.

I ostatnia rzecz!

Jeśli chodzi o projektowanie mobilnego UX, jednym z najważniejszych aspektów, które należy wziąć pod uwagę, jest strefa kciuka — obszar ekranu, do którego użytkownik może łatwo dotrzeć kciukiem. Firma Boat wykonała wyjątkową pracę w tej wersji, optymalizując swoją witrynę mobilną w taki sposób, aby wszystkie istotne elementy, takie jak menu nawigacyjne i przyciski wezwania do działania , były umieszczone w zasięgu kciuka użytkownika.

Nie tylko poprawi to user experience, ale także zwiększy prawdopodobieństwo konwersji i zadowolenia klientów.

Inne ekrany interfejsu użytkownika

Ostatnie zmiany wprowadzone w mobilnej witrynie internetowej Boat uwzględniają wytyczne dotyczące strefy kciuka, dzięki czemu jest ona bardziej dostępna , łatwa w nawigacji , przejrzysta i przyjemna wizualnie . Ekrany są teraz zgodne z wytycznymi, dzięki czemu jest to idealne połączenie User Experience i interfejsu. Ogólnie rzecz biorąc, firma Boat wykonała niezwykłą pracę, poprawiając wrażenia użytkowników urządzeń mobilnych.

Jeśli przegapiłeś studium przypadku, sprawdź je na Behance . Zapraszam do kontaktu ze mną na LinkedIn , razem udoskonalamy Human-Experience!

Pięknego dnia! ❤️