Are you interested?  <br />Call us!

Ti abbiamo interessato? <br />Contattaci!

Zainteresowaliśmy Cię?  <br />Odezwij się!

Check what we have been living lately

Scoprite con cosa abbiamo vissuto di recente

Sprawdź, czym ostatnio żyjemy

Do you want to know our offer and talk about the needs of your business? Write to us, we will surely find the best solution.

Leave a number. We will call you back within 30 minutes.

Chcesz poznać nasza ofertę i porozmawiać na temat potrzeb Twojego biznesu? Napisz do nas, na pewno znajdziemy najlepsze rozwiązanie.

Zostaw numer. Oddzwonimy w przeciągu 30 minut.

<p class="text-26 lg:text-26 mb-7"><strong>We bring value by using the best, the most reliable technologies available on the eCommerce market. Our team makes sure that our clients have the ability to achieve their business goals in a way that is safe, predictable and at the highest level.</strong></p>
<p>We have been operating since 2011, and our team consists of 80 people whose competences and knowledge are certified. Our goal is to always achieve the goal, and our know-how is the selection, implementation and development of the best and the most reliable eCommerce technologies. The success in Europe, Asia and North America, along with our experience in numerous industries and in various business models have established our position in the eCommerce world. However, as we believe that the only constant is change, we remain one step ahead at all times, following global trends in the online sales market.</p>


This website uses cookies. By staying on this website, you consent to the use of cookies. Find out more on the <a href="/en/privacy-policy"> website </a>.

Monogo has joined the elite club of <strong>Business Gazelles</strong>, a group of the most dynamically developing polish companies.

Business Gazelle 2022 for Monogo

Featured products:

<a href="tel:+48531338668">+48 531 338 668</a> <br> <a href="mailto:hello@monogo.pl">hello@monogo.pl</a>

Monogo

Lublin (HQ)

Aleje Jerozolimskie 181, 4th floor <br> Poland

Warsaw

Parkland, 7527 NW 61st Ter, Florida<br> USA

Florida, USA

Parkland, 7527 NW 61st Ter, Florida<br> Usa

<a href="tel:+48531338668">+48 531 338 668</a><br><a href="mailto:hello@monogo.pl">hello@monogo.pl</a>

About Monogo

E-Commerce

AI AND AUTOMATION

CLOUD INFRASTRUCTURE

KNOWLEDGE BASE

KONWLEDGE BASE

Questo sito web utilizza i cookie. Restando su questo sito acconsenti all'utilizzo dei cookie. Scopri di più sul sito web <a href="/en/privacy-policy"> </a>.

Prodotti sponsorizzati:

AI E AUTOMAZIONE

Monogo - umow bezplatną rozmowe - kontakt

6 najważniejszych aspektów wyboru silnika e-commerce

<strong>Na początek trochę statystyk o mobile commerce</strong>

core/heading

<h2><strong>Na początek trochę statystyk o mobile commerce</strong></h2>

W 2021 roku 54% wszystkich transakcji podczas <em>‘cyber monday’</em> zostało dokonanych za pomocą urządzenia mobilnego. W 2022 roku średni <em>‘traffic’</em> wynosił odpowiednio 59,02% dla użytkowników mobilnych i <a href="https://explodingtopics.com/blog/mobile-internet-traffic" target="_blank" rel="noreferrer noopener nofollow">38,65%</a> dla użytkowników desktop. Widoczny jest trend wzrostowy jeśli chodzi o liczbę użytkowników korzystających z mobile. W branżach fashion czy FMCG liczba użytkowników korzystających ze smartfonów podczas zakupów online może wynosić 75% ogólnego ruchu. Widoczny jest także wzrost udziału rynku m-commerce w kontekście wszystkich kanałów sprzedaży. W roku 2018 było to <a href="https://www.insiderintelligence.com/content/mcommerce-double-its-share-of-retail-sales-by-2025" target="_blank" rel="noreferrer noopener nofollow">3,5%</a>, natomiast w roku 2022 to już blisko 7% wszystkich transakcji. Jaką rolę odgrywają zatem interfejsy w m-commerce?

core/paragraph

<p>W 2021 roku 54% wszystkich transakcji podczas <em>‘cyber monday’</em> zostało dokonanych za pomocą urządzenia mobilnego. W 2022 roku średni <em>‘traffic’</em> wynosił odpowiednio 59,02% dla użytkowników mobilnych i <a href="https://explodingtopics.com/blog/mobile-internet-traffic" target="_blank" rel="noreferrer noopener nofollow">38,65%</a> dla użytkowników desktop. Widoczny jest trend wzrostowy jeśli chodzi o liczbę użytkowników korzystających z mobile. W branżach fashion czy FMCG liczba użytkowników korzystających ze smartfonów podczas zakupów online może wynosić 75% ogólnego ruchu. Widoczny jest także wzrost udziału rynku m-commerce w kontekście wszystkich kanałów sprzedaży. W roku 2018 było to <a href="https://www.insiderintelligence.com/content/mcommerce-double-its-share-of-retail-sales-by-2025" target="_blank" rel="noreferrer noopener nofollow">3,5%</a>, natomiast w roku 2022 to już blisko 7% wszystkich transakcji. Jaką rolę odgrywają zatem interfejsy w m-commerce?</p>

Dane wyraźnie pokazują rysujący się trend wzrostowy oraz przewagę użytkowników oczekujących doskonałych doświadczeń w kanale mobile. Patrząc jednak na konwersje oczekiwania te nie są zaspokajane. W ramach analiz dla naszych klientów sprawdziliśmy średnią konwersję w podziale na kanały dostępu (desktop vs mobile). Konwersja <strong>na mobile jest średnio dwukrotnie niższa</strong> niż konwersja na desktop. Tezę tę potwierdzają również badania Nielsen Group z 2017 roku. Liczba sfinalizowanych transakcji na desktop w 2014 roku była 288% wyższa niż na mobile. W 2017 roku to już tylko 111% więcej. Jesteśmy już sześć lat później lecz ten stan rzeczy nie uległ znacznej poprawie.

<p>Dane wyraźnie pokazują rysujący się trend wzrostowy oraz przewagę użytkowników oczekujących doskonałych doświadczeń w kanale mobile. Patrząc jednak na konwersje oczekiwania te nie są zaspokajane. W ramach analiz dla naszych klientów sprawdziliśmy średnią konwersję w podziale na kanały dostępu (desktop vs mobile). Konwersja <strong>na mobile jest średnio dwukrotnie niższa</strong> niż konwersja na desktop. Tezę tę potwierdzają również badania Nielsen Group z 2017 roku. Liczba sfinalizowanych transakcji na desktop w 2014 roku była 288% wyższa niż na mobile. W 2017 roku to już tylko 111% więcej. Jesteśmy już sześć lat później lecz ten stan rzeczy nie uległ znacznej poprawie.</p>

Nie sposób nie zauważyć, że konwersja mobile ciągle traci do poziomów osiąganych przez użytkowników komputerów. Jest coraz lepiej, jednak wciąż filozofia <em>‘mobile first’ </em>wspomniana we wstępie artykułu<em> </em>jest często pustym hasłem. To jednak szansa dla Twojego sklepu, aby wyróżnić się na tle konkurencji. Na co przede wszystkim zwrócić uwagę?

<p>Nie sposób nie zauważyć, że konwersja mobile ciągle traci do poziomów osiąganych przez użytkowników komputerów. Jest coraz lepiej, jednak wciąż filozofia <em>‘mobile first’ </em>wspomniana we wstępie artykułu<em> </em>jest często pustym hasłem. To jednak szansa dla Twojego sklepu, aby wyróżnić się na tle konkurencji. Na co przede wszystkim zwrócić uwagę?</p>

<strong>Wszystkie opcje w zasięgu kciuka</strong>

<h3><strong>Wszystkie opcje w zasięgu kciuka</strong></h3>

Najważniejszy jest komfort. Aby umożliwić użytkownikowi korzystanie z aplikacji czy mobilnej wersji sklepu internetowego, należy się zastanowić nad tym w jakim kontekście będzie on korzystał z naszego portalu. Poniższa grafika w doskonały sposób obrazuje elementy ekranu łatwo i trudno dostępne za pomocą kciuka. Dobrze zaprojektowane sklepy charakteryzują się dostępnością opcji w dolnych sektorach ekranu tak, aby dotarcie do takich funkcjonalności jak kategorie produktów, wyszukiwarka czy koszyk były możliwe podczas korzystania z urządzenia przy pomocy jednej ręki.

<p>Najważniejszy jest komfort. Aby umożliwić użytkownikowi korzystanie z aplikacji czy mobilnej wersji sklepu internetowego, należy się zastanowić nad tym w jakim kontekście będzie on korzystał z naszego portalu. Poniższa grafika w doskonały sposób obrazuje elementy ekranu łatwo i trudno dostępne za pomocą kciuka. Dobrze zaprojektowane sklepy charakteryzują się dostępnością opcji w dolnych sektorach ekranu tak, aby dotarcie do takich funkcjonalności jak kategorie produktów, wyszukiwarka czy koszyk były możliwe podczas korzystania z urządzenia przy pomocy jednej ręki.</p>


<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/thumb-reach11.png" alt="Zasięg kciuka na ekranie podczas trzymania telefonu." class="wp-image-2457"/><figcaption>Zasięg kciuka na ekranie podczas trzymania telefonu.</figcaption></figure></div>


core/image

<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/thumb-reach11.png" alt="Zasięg kciuka na ekranie podczas trzymania telefonu." class="wp-image-2457"/><figcaption>Zasięg kciuka na ekranie podczas trzymania telefonu.</figcaption></figure></div>

core/column

core/columns

<br>Istnieje tendencja do umieszczania elementów nawigacyjnych w aplikacjach mobilnych czy sklepach RWD w taki sam sposób jak na desktop. Prowadzi to często do sytuacji, w której użytkownik musi przekładać telefon w ręce aby móc poruszać się po serwisie.&nbsp;

<p><br>Istnieje tendencja do umieszczania elementów nawigacyjnych w aplikacjach mobilnych czy sklepach RWD w taki sam sposób jak na desktop. Prowadzi to często do sytuacji, w której użytkownik musi przekładać telefon w ręce aby móc poruszać się po serwisie.&nbsp;</p>

Najczęstszy błąd to umieszczanie tzw. <em>‘hamburgera’</em> czyli głównego menu z kategoriami w lewym lub prawym górnym rogu. Sekcja ta jest niedostępna dla użytkowników korzystających zarówno z urządzenia lewą i prawą ręką. Prowadzi to do ogólnego poczucia braku komfortu w nawigowaniu po stronie. Zwiększa potencjalny bounce rate w ciągu pierwszych sekund po załadowaniu strony.

<p>Najczęstszy błąd to umieszczanie tzw. <em>‘hamburgera’</em> czyli głównego menu z kategoriami w lewym lub prawym górnym rogu. Sekcja ta jest niedostępna dla użytkowników korzystających zarówno z urządzenia lewą i prawą ręką. Prowadzi to do ogólnego poczucia braku komfortu w nawigowaniu po stronie. Zwiększa potencjalny bounce rate w ciągu pierwszych sekund po załadowaniu strony.</p>

<strong>Jeden spójny proces zakupowy dla desktop i mobile</strong>

<h2><strong>Jeden spójny proces zakupowy dla desktop i mobile</strong></h2>

Często obserwowanym problemem jest modyfikacja procesu zakupowego na mobile. Jeśli modyfikacja prowadzi do jego skrócenia, zadbania, w jakiś szczególny sposób, o użytkowników mobilnych zostanie docenione w postaci lepszej konwersji. Stan rzeczy jednak pokazuje, iż często proces dla użytkowników komputerów jest prostszy, krótszy i wynika z pewnej praktyki szeroko stosowanej w branży e-commerce.

<p>Często obserwowanym problemem jest modyfikacja procesu zakupowego na mobile. Jeśli modyfikacja prowadzi do jego skrócenia, zadbania, w jakiś szczególny sposób, o użytkowników mobilnych zostanie docenione w postaci lepszej konwersji. Stan rzeczy jednak pokazuje, iż często proces dla użytkowników komputerów jest prostszy, krótszy i wynika z pewnej praktyki szeroko stosowanej w branży e-commerce.</p>

Dotyczy to najczęściej dodawania produktów bezpośrednio z listingu kategorii produktu. Jeżeli jest tylko taka możliwość rekomendowana jest opcja dodawania do koszyka produktów bez potrzeby wchodzenia na ich kartę produktu. To co normalne dla desktop nie jest jednak powszechne na mobile. Zdecydowana większość analizowanych przez nas sklepów rozdziela oba procesy. Użytkownik smartfona, musi odwiedzić kartę produktu, aby dodać przedmiot do koszyka.&nbsp;

<p>Dotyczy to najczęściej dodawania produktów bezpośrednio z listingu kategorii produktu. Jeżeli jest tylko taka możliwość rekomendowana jest opcja dodawania do koszyka produktów bez potrzeby wchodzenia na ich kartę produktu. To co normalne dla desktop nie jest jednak powszechne na mobile. Zdecydowana większość analizowanych przez nas sklepów rozdziela oba procesy. Użytkownik smartfona, musi odwiedzić kartę produktu, aby dodać przedmiot do koszyka.&nbsp;</p>

Kolejny dodatkowy krok na mobile prowadzi często przez pełen koszyk. W wersjach desktop istnieje często ścieżka pozwalająca na natychmiastowe przejście do checkout z mini-koszyka lub bezpośrednio po dodaniu produktu. Na mobile? Na mobile natomiast musimy wyświetlić pełen koszyk, często przewinąć wszystkie dodane produkty, aby na końcu zobaczyć button ‘przejdź do płatności’. Te niewielkie różnice mogą mieć potężny wpływ na konwersję. Z czego to wynika? Często z lenistwa projektantów oraz klientów.&nbsp;

<p>Kolejny dodatkowy krok na mobile prowadzi często przez pełen koszyk. W wersjach desktop istnieje często ścieżka pozwalająca na natychmiastowe przejście do checkout z mini-koszyka lub bezpośrednio po dodaniu produktu. Na mobile? Na mobile natomiast musimy wyświetlić pełen koszyk, często przewinąć wszystkie dodane produkty, aby na końcu zobaczyć button ‘przejdź do płatności’. Te niewielkie różnice mogą mieć potężny wpływ na konwersję. Z czego to wynika? Często z lenistwa projektantów oraz klientów.&nbsp;</p>

Stworzenie identycznego procesu na mobile nie jest niemożliwe. Realizowaliśmy takie przedsięwzięcia, jednak cechowały się one potrzebą stworzenia czegoś więcej, wyjścia ze strefy komfortu. Musieliśmy porzucić kopiowanie procesów konkurencji i stworzyć coś nowego w oparciu o dostępną wiedzę. Tylko posiadanie spójnego procesu pomiędzy kanałami pozwala na porównywanie konwersji pomiędzy nimi. Porównywanie różnych liczb, obrazujących różne procesy nie ma sensu z perspektywy logiki i danych.

<p>Stworzenie identycznego procesu na mobile nie jest niemożliwe. Realizowaliśmy takie przedsięwzięcia, jednak cechowały się one potrzebą stworzenia czegoś więcej, wyjścia ze strefy komfortu. Musieliśmy porzucić kopiowanie procesów konkurencji i stworzyć coś nowego w oparciu o dostępną wiedzę. Tylko posiadanie spójnego procesu pomiędzy kanałami pozwala na porównywanie konwersji pomiędzy nimi. Porównywanie różnych liczb, obrazujących różne procesy nie ma sensu z perspektywy logiki i danych.</p>


<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/converse-add-to-cart.png" alt="Przykład wyboru rozmiaru i dodania produktu do koszyka bezpośrednio z listingu produktu." class="wp-image-2453"/><figcaption>Przykład wyboru rozmiaru i dodania produktu do koszyka bezpośrednio z listingu produktu.</figcaption></figure></div>


<br>Sprawdź: <a href="https://monogo.pl/blog/moc-design-thinking-w-projektowaniu-dla-it/" target="_blank" rel="noreferrer noopener">Moc design thinking w projektowaniu dla IT</a>

<p><br>Sprawdź: <a href="https://monogo.pl/blog/moc-design-thinking-w-projektowaniu-dla-it/" target="_blank" rel="noreferrer noopener">Moc design thinking w projektowaniu dla IT</a></p>

<strong>Mniej w m-commerce znaczy więcej&nbsp;</strong>

<h2><strong>Mniej w m-commerce znaczy więcej&nbsp;</strong></h2>

Mobile weryfikuje dobre lub złe projekty w sposób natychmiastowy. Jeżeli czytałeś moje poprzednie artykuły, to wiesz, że przewija się w nich często wątek zadaniowości. Głęboko wierzę w to, że sukces osiągają aplikacje realizujące jeden, konkretny cel. W kanale mobile ta zasada jest niezwykle ważna z prostej przyczyny. Mamy niewspółmiernie mniejszy ekran na urządzeniach mobilnych. Projektując m-commerce powinniśmy skupić się nie tylko na jednym zadaniu aplikacji, ale także na jednej konkretnej czynności, którą w danym momencie procesu realizuje klient.&nbsp;

<p>Mobile weryfikuje dobre lub złe projekty w sposób natychmiastowy. Jeżeli czytałeś moje poprzednie artykuły, to wiesz, że przewija się w nich często wątek zadaniowości. Głęboko wierzę w to, że sukces osiągają aplikacje realizujące jeden, konkretny cel. W kanale mobile ta zasada jest niezwykle ważna z prostej przyczyny. Mamy niewspółmiernie mniejszy ekran na urządzeniach mobilnych. Projektując m-commerce powinniśmy skupić się nie tylko na jednym zadaniu aplikacji, ale także na jednej konkretnej czynności, którą w danym momencie procesu realizuje klient.&nbsp;</p>

Rekomendowane jest więc usunięcie wszelkich funkcjonalności dodatkowych, takich jak formularz dodawania do newslettera, zbieranie informacji segmentujących i innych czynności, które nie są&nbsp;niezbędne do realizacji zamówienia.<br>

<p>Rekomendowane jest więc usunięcie wszelkich funkcjonalności dodatkowych, takich jak formularz dodawania do newslettera, zbieranie informacji segmentujących i innych czynności, które nie są&nbsp;niezbędne do realizacji zamówienia.<br></p>

<h2>Projektowanie filtrów w m-commerce</h2>


<figure class="wp-block-image size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/Filters11.png" alt="Przykład dobrze zaprojektowanych filtrów" class="wp-image-2465"/><figcaption>Przykład dobrze zaprojektowanych filtrów, źródło eobuwie.pl, nike.pl</figcaption></figure>


<br>Grafika prezentuje zestawienie dwóch sklepów w wersji mobile. Po prawej stronie widzimy doskonale zaprojektowane filtry, brak innych opcji, użytkownik skupia się jedynie na filtrach, dwa przyciski ‘wyczyść’ oraz ‘zapisz’ są dostępne w dolnej części ekranu co pozwala na natychmiastowe przejście do wyświetlenia wyników. Po stronie lewej natomiast musimy przewinąć wszystkie filtry aby dotrzeć do przycisku zapisz. Wyświetlane jest również górne menu, które nie jest potrzebne podczas ograniczania wyników na liście produktów z danej kategorii.

<p><br>Grafika prezentuje zestawienie dwóch sklepów w wersji mobile. Po prawej stronie widzimy doskonale zaprojektowane filtry, brak innych opcji, użytkownik skupia się jedynie na filtrach, dwa przyciski ‘wyczyść’ oraz ‘zapisz’ są dostępne w dolnej części ekranu co pozwala na natychmiastowe przejście do wyświetlenia wyników. Po stronie lewej natomiast musimy przewinąć wszystkie filtry aby dotrzeć do przycisku zapisz. Wyświetlane jest również górne menu, które nie jest potrzebne podczas ograniczania wyników na liście produktów z danej kategorii.</p>


<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/registration-simple.png" alt="Przykład maksymalnego uproszczenia rejestracji." class="wp-image-2456"/><figcaption>Przykład maksymalnego uproszczenia rejestracji.</figcaption></figure></div>


Projekt dla jednego z naszych klientów po prawej stronie, cechuje się minimalizmem i maksymalnym uproszczeniem standardowych elementów checkoutu. Skompilowaliśmy ‘status bar’, pokazujący progres przejścia przez formularz do jednego paska, miast wyszczególniania wszystkich kroków, podzieliliśmy formularz na kilka kroków, tak aby po kliknięciu w <em>‘input’,</em> klawiatura pokazała się w wolnej przestrzeni a przycisk ‘continue’ był widoczny w każdym momencie procesu. Dobrą praktyką jest również brak dostępności dla funkcji, które nie interesują użytkownika w danym momencie. Pływające buttony w formularzach i na kartach produktu

<p>Projekt dla jednego z naszych klientów po prawej stronie, cechuje się minimalizmem i maksymalnym uproszczeniem standardowych elementów checkoutu. Skompilowaliśmy ‘status bar’, pokazujący progres przejścia przez formularz do jednego paska, miast wyszczególniania wszystkich kroków, podzieliliśmy formularz na kilka kroków, tak aby po kliknięciu w <em>‘input’,</em> klawiatura pokazała się w wolnej przestrzeni a przycisk ‘continue’ był widoczny w każdym momencie procesu. Dobrą praktyką jest również brak dostępności dla funkcji, które nie interesują użytkownika w danym momencie. Pływające buttony w formularzach i na kartach produktu</p>

Kluczowe elementy interfejsu w m-commerce

<h2>Kluczowe elementy interfejsu w m-commerce</h2>

Kluczowym elementem dobrego projektu m commerce jest pochylenie się nad formularzami oraz nad przyciskami akcji, przenoszącymi użytkownika do kolejnego kroku w procesie. Dobrą praktyką jest umiejscowienie buttona ‘dodaj do koszyka’ czy też ‘przejdź dalej’ w formularzu, przyklejonego na dole ekranu (zgodnie z zasadą dostępności za pomocą kciuka) w taki sposób, aby użytkownik od razu widział pożądaną przez niego akcje. W jednym z artykułów, w którym podaję <a href="https://monogo.pl/blog/dlaczego-uzytkownicy-uciekaja-z-twojego-sklepu-internetowego-7-najczestszych-powodow" target="_blank" rel="noreferrer noopener">powody dla których użytkownicy uciekają&nbsp;z Twojego sklepu internetowego</a>, pisałem o tym,że istnieją teorie, w których brak możliwości znalezienia akcji w przeciągu 2.6 sekund zwiększa potencjalny bounce rate. Poniższa grafika obrazuje rekomendowane rozwiązanie.<br>

<p>Kluczowym elementem dobrego projektu m commerce jest pochylenie się nad formularzami oraz nad przyciskami akcji, przenoszącymi użytkownika do kolejnego kroku w procesie. Dobrą praktyką jest umiejscowienie buttona ‘dodaj do koszyka’ czy też ‘przejdź dalej’ w formularzu, przyklejonego na dole ekranu (zgodnie z zasadą dostępności za pomocą kciuka) w taki sposób, aby użytkownik od razu widział pożądaną przez niego akcje. W jednym z artykułów, w którym podaję <a href="https://monogo.pl/blog/dlaczego-uzytkownicy-uciekaja-z-twojego-sklepu-internetowego-7-najczestszych-powodow" target="_blank" rel="noreferrer noopener">powody dla których użytkownicy uciekają&nbsp;z Twojego sklepu internetowego</a>, pisałem o tym,że istnieją teorie, w których brak możliwości znalezienia akcji w przeciągu 2.6 sekund zwiększa potencjalny bounce rate. Poniższa grafika obrazuje rekomendowane rozwiązanie.<br></p>


<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/floating-button.png" alt="Przykład pływającego buttona ‘dodaj do koszyka’: zawsze widoczny, zawsze dostępny" class="wp-image-2451" width="311" height="672"/><figcaption>Przykład pływającego buttona ‘dodaj do koszyka’: zawsze widoczny, zawsze dostępny, źródło: nike.pl</figcaption></figure></div>


<br>Jest to karta produktu, przycisk dodaj do koszyka jest widoczny bezpośrednio po załadowaniu strony jako stały element, przyklejony podczas scrolla w dół, do dolnej części ekranu. Jeżeli produkt wymaga wyboru rozmiaru lub jakiejkolwiek formy konfiguracji, button ten powinien być zawsze aktywny a po jego kliknięciu, strona produktu przewijana jest do sekcji z wyborem potrzebnych parametrów tak, aby móc dodać produkt do koszyka.

<p><br>Jest to karta produktu, przycisk dodaj do koszyka jest widoczny bezpośrednio po załadowaniu strony jako stały element, przyklejony podczas scrolla w dół, do dolnej części ekranu. Jeżeli produkt wymaga wyboru rozmiaru lub jakiejkolwiek formy konfiguracji, button ten powinien być zawsze aktywny a po jego kliknięciu, strona produktu przewijana jest do sekcji z wyborem potrzebnych parametrów tak, aby móc dodać produkt do koszyka.</p>

To samo dotyczy formularzy, button do przejścia dalej powinien pozostawać aktywny, jeżeli jakiekolwiek pola wymagane nie zostały wypełnione, to formularz przewijany jest do tego miejsca a pola zaznaczone są na czerwono. Absolutnym błędem jest używanie buttonów nieaktywnych. Czyli użytkownik nie może kliknąć buttona jeżeli nie wypełnił jakichś pól obowiązkowych. Prowadzi to do sytuacji, w której użytkownik nie ma pojęcia co robi źle aby aktywować button.<br><br>Poniższa grafika obrazuje sytuację&nbsp;poprawnego zastosowania nieaktywnego buttona. Buton pozostaje aktywny, jego kliknięcie pokazuje brakujące akcje do wykonania i dopiero wtedy jest w stanie nie klikalnym.<br>

<p>To samo dotyczy formularzy, button do przejścia dalej powinien pozostawać aktywny, jeżeli jakiekolwiek pola wymagane nie zostały wypełnione, to formularz przewijany jest do tego miejsca a pola zaznaczone są na czerwono. Absolutnym błędem jest używanie buttonów nieaktywnych. Czyli użytkownik nie może kliknąć buttona jeżeli nie wypełnił jakichś pól obowiązkowych. Prowadzi to do sytuacji, w której użytkownik nie ma pojęcia co robi źle aby aktywować button.<br><br>Poniższa grafika obrazuje sytuację&nbsp;poprawnego zastosowania nieaktywnego buttona. Buton pozostaje aktywny, jego kliknięcie pokazuje brakujące akcje do wykonania i dopiero wtedy jest w stanie nie klikalnym.<br></p>


<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/converse-size-selection.png" alt="Przykład poprawnego zastosowania nieaktywnego buttona w projekcie Monogo dla Converse" class="wp-image-2455"/><figcaption>Przykład poprawnego zastosowania nieaktywnego buttona w projekcie Monogo dla Converse</figcaption></figure></div>


<br><strong>Szybkie płatności - zakupy jednym kliknięciem</strong>

<h2><br><strong>Szybkie płatności - zakupy jednym kliknięciem</strong></h2>

Patrząc na Uber Eats i Pyszne.pl nie sposób nie zauważyć momentu, w którym obie te marki zaczęły rosnąć niewspółmiernie szybciej. To moment maksymalnego uproszczenia płatności. M-commerce cechuje się możliwością zintegrowania platformy z licznymi metodami płatności takimi jak Apple Pay, Google Pay czy możliwość podpięcia karty bezpośrednio do konta użytkownika. Smartfon umożliwia również zapamiętanie danych karty oraz autoryzowanie jej poprzez Face ID, odcisk palca lub po wprowadzeniu hasła.<br><br>

<p>Patrząc na Uber Eats i Pyszne.pl nie sposób nie zauważyć momentu, w którym obie te marki zaczęły rosnąć niewspółmiernie szybciej. To moment maksymalnego uproszczenia płatności. M-commerce cechuje się możliwością zintegrowania platformy z licznymi metodami płatności takimi jak Apple Pay, Google Pay czy możliwość podpięcia karty bezpośrednio do konta użytkownika. Smartfon umożliwia również zapamiętanie danych karty oraz autoryzowanie jej poprzez Face ID, odcisk palca lub po wprowadzeniu hasła.<br><br></p>


<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://backend.monogo.pl/wp-content/uploads/2023/02/one-click-pay.jpeg" alt="Przykład 'single page checkout' z płatnością jednym kliknięciem," class="wp-image-2452"/><figcaption>Przykład 'single page checkout' z płatnością jednym kliknięciem, źródło: <a href="http://appleinsider.com/" target="_blank" rel="noreferrer noopener nofollow">appleinsider.com/</a></figcaption></figure></div>


<br>To niewspółmierna przewaga nad kanałem desktop. Umożliwia to przejście przez checkout w zasadzie jednym kliknięciem, jeśli tylko nie zmienia się adres dostawy. Jeżeli w Twoim sklepie m-commerce użytkownik musi podawać dane karty z palca, z każdym razem kiedy chce zrealizować transakcje lub co gorsza, przenoszony jest do strony banku lub musi płacić blik… to najprawdopodobniej stracisz wielu klientów. Rekomendujemy skupienie się na podpięciu karty kredytowej do konta lub integracji z Apple Pay lub Google Pay.

<p><br>To niewspółmierna przewaga nad kanałem desktop. Umożliwia to przejście przez checkout w zasadzie jednym kliknięciem, jeśli tylko nie zmienia się adres dostawy. Jeżeli w Twoim sklepie m-commerce użytkownik musi podawać dane karty z palca, z każdym razem kiedy chce zrealizować transakcje lub co gorsza, przenoszony jest do strony banku lub musi płacić blik… to najprawdopodobniej stracisz wielu klientów. Rekomendujemy skupienie się na podpięciu karty kredytowej do konta lub integracji z Apple Pay lub Google Pay.</p>

Powyżej zaprezentowałem najczęstsze problemy, które występują w mobilnych wersjach sklepów internetowych. Jeżeli chciałbyś otrzymać dedykowaną analizę Twojego sklepu internetowego, z naciskiem na podwyższenie konwersji mobile - zapraszam do kontaktu - bezpłatnej, niezobowiązującej rozmowy.

<p>Powyżej zaprezentowałem najczęstsze problemy, które występują w mobilnych wersjach sklepów internetowych. Jeżeli chciałbyś otrzymać dedykowaną analizę Twojego sklepu internetowego, z naciskiem na podwyższenie konwersji mobile - zapraszam do kontaktu - bezpłatnej, niezobowiązującej rozmowy.</p>

core/html

<p className="text-justify">Analizując dane z rynku e-commerce oraz ruch w sklepach naszych klientów nie sposób nie zauważyć, że w niektórych branżach (np. Fashion/FMCG) obserwujemy zdecydowanie większą liczbę użytkowników korzystających ze smartfona niż odwiedzających portal za pomocą komputera czy tabletu.</p>

<p className="text-justify">Jest to powszechnie znany fakt, prowadzący do powstania takich pojęć jak projektowanie ‘mobile first’, gdzie w pierwszej kolejności specjaliści UX powinni skupiać się na stworzeniu perfekcyjnej ścieżki użytkownika dla urządzeń mobilnych. </p>
<p className="text-justify">Czy tak jednak jest? Czy naprawdę rynek jest pełen świetnie dopracowanych serwisów mobile? Jakie działania i trendy projektowe zwiększają konwersję w m-commerce? Na te pytania odpowiem w poniższym artykule.</p>

Jak projektować interfejsy w dobie m-commerce?