14 lut 2020

mobile bottom navigation mobile friendly

Agnieszka Matuszewska

Nawigacja na dole jako sposób na zwiększenie konwersji z mobile w sklepie internetowym

Cytując fragment raportu WordlPay: "[...] łączna wartość sprzedaży, przez urządzenia mobilne, wzrośnie w Polsce z 3,4 mld zł w 2017 r. do 15 mld zł w 2021 r [...]”. Kanał ten rośnie dynamicznie. Zarządzający sklepami internetowymi nie bez powodu przykładają więc sporo uwagi do zbudowania sklepu który jest prawdziwie przyjazny użytkownikom mobilnym i pozwala na osiąganie konwersji porównywalnej z ruchem z komputerów. 

Wzrost wielkości ekranów a budowanie dobrych doświadczeń użytkownika mobilnego

Rozmiar ekranu smartfonów podwoił się w ciągu ostatnich 10 lat. Niegdysiejsze "phablety" (czyli telefony z wyjątkowo dużym ekranem o przekątnej 5,5 cala i większej) są dziś wiodącym formatem smartfonów. Urządzenia z dużym ekranem stanowią dwie trzecie (67%) wszystkich smartfonów sprzedanych w 2018 r. Szacuje się, że udział ten wzrośnie do 88% całkowitej wielkości sprzedanych modeli do 2022 r.

 Źródło:  https://www.businessinsider.com/xiaomi-foldable-phone-leaked-video-2019-1?IR=T

Z uwagi na coraz większe ekrany zmieniają się zachowania użytkowników. Górna część ekranu smartfonów staje się trudno dostępna. W tej sytuacji najlepszym rozwiązaniem, poprawiającym doświadczenia użytkownika mobilnego, wydaje się umieszczanie elementów nawigacji bliżej dolnej krawędzi ekranu. 

Smartfon to urządzenie, z którego ludzie korzystają najczęściej, używając go ponad 200 razy dziennie. W roku 2013 Steven Hobber przeprowadził badania dotyczące tego, jak użytkownicy trzymają swoje smartfony. Ponad 60% interakcji na mobile napędzanych jest kciukiem, a najwygodniejszym z punktu widzenia użytkownika jest obszar zlokalizowany w tzw "strefie kciuka". Istotą badania był fakt, że ludzie trzymali swoje telefony w jednym z trzech podstawowych "chwytów", gdzie zawsze obecny był kciuk. 

Źródło: https://uxplanet.org/should-all-mobile-navigation-be-at-the-bottom-4c434b5159cd

Analiza zachowań użytkowników mobilnych i&nbps;przeprowadzone w tym zakresie badania doprowadziły do powstania w projektowaniu interfejsów mobilnych terminu "thumb-driven design". 

“Strefa kciuka”

Źródło: https://www.smashingmagazine.com/2019/08/bottom-navigation-pattern-mobile-web-pages/

Z czasem, gdy ekrany podwoiły swoją wielkość, górna część stała się praktycznie niemożliwa do dotknięcia bez zmiany ułożenia dłoni. Warto wziąć pod uwagę ten aspekt przy projektowaniu swojego sklepu internetowego. 

Co zrobić, aby ułatwić zakupową podróż mobilnego e‑konsumenta? 

Rozwiązaniem jest umieszczenie podstawowych pozycji menu bliżej dolnej krawędzi ekranu. Poniżej kilka inspiracji od serwisów internetowych, które wdrożyły już dolny pasek nawigacji, podnosząc przy tym znacząco funkcjonalność na mobile. 

Mobile Bottom Navigation w sklepie internetowym - na co warto zwrócić uwagę?

Projektując dolne menu w sklepie internetowym warto zadbać o zachowanie poniższych zasad:

• Ergonomia. Przyciski funkcyjne powinny być łatwo dostępne z pozycji podręcznej na urządzeniu mobilnym i widoczne podczas przewijania strony przez użytkownika.
• Elastyka. Układ przycisków oraz umieszczone ikony powinny być rozłożone równomiernie i czytelne dla użytkownika. Układ może zmieniać się w zależności od potrzeb ekranu. W wytycznych dla projektantów nawigacji wskazuje się stosowanie od trzech do maksymalnie pięciu ikon na pasku. 
• Funkcjonalność. Zasada ta ma umożliwić proste przemieszczanie się użytkownika między stronami serwisu. E‑konsument powinien nie mieć wątpliwości, gdzie zostanie przekierowany po użyciu danego przycisku nawigacji. Celem jest budowanie dobrych doświadczeń użytkownika na każdym etapie e-konsumenckiej podróży po wersji mobilnej sklepu internetowego. 

Wiodącą zasadą przy projektowaniu jest: zawsze dostosowuj się do najbardziej ograniczonego uchwytu w strefie kciuka. Pozwoli to użytkownikowi wygodnie korzystać z Twojego serwisu niezależnie od tego, jak duży jest ekran urządzenia i jak zdecyduje się go użytkownik trzymać.

Jak wdrożenie dolnego menu w sklepie internetowym może wpłynąć na sprzedaż z mobile? 

Wyniki badań zachowań e-konsumentów wskazują, że 70% użytkowników Internetu, przeglądając oferty e-sklepów, używa urządzeń mobilnych. Wciąż jednak wyzwaniem jest osiągniecie porównywalnego poziomu konwersji na urządzeniach mobilnych. Według danych, konwersja z mobile stanowi 47% wartości poziomów osiąganych na desktop.

Podążanie w kierunku zwiększenia konwersji na mobile wiąże się z ciągłą pracą nad wieloma obszarami e‑sklepu. Nawigacja po serwisie mobilnym to jeden z ważnych, naszym zdaniem, czynników.

Wdrożenie dolnego menu dla urządzeń mobilnych poprawia znacząco poruszanie się użytkownika po e‑sklepie. Połączenie koncepcji mobile bottom navigation z planowanym rozmieszczeniem CTA oraz ograniczeniem formularzy w trakcie transakcji zakupu, może znacząco wpłynąć na chęć dokończenia zakupu przez użytkownika mobilnego.