Wchodzisz do pobliskiego supermarketu, a tam\u2026 bu\u0142ki na p\u00f3\u0142kach tu\u017c obok napoj\u00f3w. Chleb? Na drugim ko\u0144cu sklepu \u2013 przy proszkach do prania. Potrzebujesz pieczywa tostowego? To dwie alejki dalej, razem z makaronami. Ze \u015bwiec\u0105 szuka\u0107 kogo\u015b, kto zostanie i zrobi tu zakupy.<\/p>\n\n\n\n
Nie inaczej jest ze sklepami internetowymi. Klient musi znale\u017a\u0107 to, czego szuka, w mo\u017cliwie najprostszy spos\u00f3b. Jak wi\u0119c zaprojektowa\u0107 nawigacj\u0119<\/a> sklepu internetowego, aby osi\u0105gn\u0105\u0107 taki efekt?<\/strong> Skorzystaj z poni\u017cszych rad. Zwi\u0119ksz komfort klient\u00f3w, a tym samym \u2013 swoje przychody. <\/p>\n\n\n\n Nie da si\u0119 ukry\u0107 \u2013 jako internauci jeste\u015bmy leniwi. Tw\u00f3j klient nie chce wk\u0142ada\u0107 wysi\u0142ku w robienie zakup\u00f3w online. Trzy klikni\u0119cia i kurier<\/a> ma by\u0107 u niego, najlepiej jutro. Czasem jeden rzut oka decyduje, czy u\u017cytkownik zostaje, czy opuszcza sklep i idzie do konkurencji.<\/p>\n\n\n\n Masz wi\u0119c ma\u0142o czasu. Podaj klientowi na tacy to, czego szuka i oczekuje.<\/p>\n\n\n\n Stw\u00f3rz plan, kt\u00f3ry w ka\u017cdym punkcie b\u0119dzie bra\u0142 pod uwag\u0119 wygod\u0119 i ograniczony czas u\u017cytkownika. Co powiniene\u015b w nim uwzgl\u0119dni\u0107? <\/p>\n\n\n\n Jak wykorzysta\u0107 mo\u017cliwo\u015bci, kt\u00f3re daje ka\u017cdy z tych element\u00f3w? Przeczytaj poni\u017cej.<\/p>\n\n\n\n Menu jest wa\u017cnym elementem nawigacji sklepu internetowego<\/strong>. Masz do dyspozycji r\u00f3\u017cne jego rodzaje. Wybierz dobrze, bo nierzadko menu to pierwszy kontakt klienta z Twoim sklepem. Kieruj si\u0119 zasad\u0105 prostoty. My\u015bl o u\u017cytkowniku i jego komforcie.<\/p>\n\n\n\n Je\u015bli Tw\u00f3j klient nie znajdzie w menu tego, czego szuka, by\u0107 mo\u017ce skorzysta z lupki lub wyszukiwarki z filtrami. A mo\u017ce\u2026 po prostu opu\u015bci stron\u0119. <\/p>\n\n\n\n Nie dopu\u015b\u0107, by u\u017cytkownik musia\u0142 szuka\u0107 menu na stronie, bo nie wida\u0107 go na pierwszy rzut oka. To zwyczajnie denerwuje.<\/p>\n\n\n\n Jednymi z najpopularniejszych rozwi\u0105za\u0144 s\u0105 menu poziome<\/strong> i menu pionowe<\/strong>. Je\u015bli nie masz w swoim asortymencie zbyt wielu produkt\u00f3w, dobrze sprawdzi si\u0119 pierwsze z nich. G\u00f3ra strony www to miejsce, gdzie u\u017cytkownicy w pierwszej kolejno\u015bci szukaj\u0105 potrzebnych im informacji. Pami\u0119taj jednak, \u017ce ta intuicyjna lokalizacja mo\u017ce nie sprawdzi\u0107 si\u0119 w przypadku du\u017cych sklep\u00f3w. Je\u015bli Twoja oferta jest rozbudowana, rozwa\u017c menu pionowe.<\/p>\n\n\n\n Popularne ostatnio hamburger menu<\/strong> staje si\u0119 widoczne dopiero po klikni\u0119ciu w odpowiedni\u0105 ikon\u0119 \u2013 najcz\u0119\u015bciej trzy poziome linie. Dzi\u0119ki temu rozwi\u0105zaniu menu nie zabiera miejsca na stronie zanim nie zostanie \u201ewywo\u0142ane\u201d. <\/p>\n\n\n\n Musisz jednak by\u0107 pewny, \u017ce Twoi u\u017cytkownicy w mgnieniu oka zorientuj\u0105 si\u0119, jak\u0105 akcj\u0119 maj\u0105 wykona\u0107, by je rozwin\u0105\u0107. Hamburger menu mo\u017ce by\u0107 ryzykowne, je\u015bli Twoim targetem s\u0105 na przyk\u0142ad seniorzy. Masz tego typu w\u0105tpliwo\u015bci, a mimo to chcesz u\u017cy\u0107 hamburger menu? Umie\u015b\u0107 je w lewym g\u00f3rnym rogu sklepu, czyli najbardziej intuicyjnym miejscu w witrynie. <\/p>\n\n\n\n Wygodn\u0105 opcj\u0105 jest tzw. sticky menu<\/strong>, kt\u00f3re pod\u0105\u017ca wraz z u\u017cytkownikiem podczas przewijania witryny. Cho\u0107 zwykle u\u0142atwia klientom poruszanie si\u0119 po sklepie (i dokonanie zakup\u00f3w), mo\u017ce tak\u017ce rozprasza\u0107 uwag\u0119. W du\u017cej mierze zale\u017cy to od grupy docelowej. Warto, \u017ceby\u015b ustali\u0142, jak jest w przypadku odbiorc\u00f3w Twojego sklepu. Mo\u017cesz w tym celu przygotowa\u0107 dwie r\u00f3\u017cne wersje strony i zastosowa\u0107 testy A\/B<\/a>. <\/p>\n\n\n\n To jedno z najtrudniejszych \u2013 i najwa\u017cniejszych zada\u0144 \u2013 przy projektowaniu nawigacji sklepu internetowego<\/strong>. Je\u015bli w Twoim asortymencie jest niewiele produkt\u00f3w, zadanie masz u\u0142atwione. Cho\u0107 i wtedy dobrze przemy\u015blane kategorie s\u0105 znacz\u0105ce. A co w przypadku, gdy produkt\u00f3w czy us\u0142ug jest du\u017co?<\/p>\n\n\n\n Podczas planowania kategorii wejd\u017a w sk\u00f3r\u0119 swojego odbiorc\u0119. Mo\u017cesz porozmawia\u0107 z klientami na temat ich wra\u017ce\u0144 w zwi\u0105zku z korzystaniem z Twojej strony czy z innych witryn. Du\u017ce firmy prowadz\u0105 cz\u0119sto szeroko zakrojone, kosztowne badania w tym zakresie. Je\u015bli nie mo\u017cesz sobie na nie pozwoli\u0107, zorganizuj burz\u0119 m\u00f3zg\u00f3w w\u015br\u00f3d pracownik\u00f3w.<\/p>\n\n\n\n Przy planowaniu kategorii w Twoim sklepie we\u017a pod uwag\u0119 tak\u017ce SEO<\/a><\/strong>. Mimo \u017ce tworzysz je g\u0142\u00f3wnie dla u\u017cytkownik\u00f3w, pe\u0142ni\u0105 one tak\u017ce drug\u0105 funkcj\u0119 \u2013 maj\u0105 wp\u0142yw na pozycjonowanie Twojego sklepu<\/strong>. Je\u015bli nazwy kategorii, podkategorii i produkt\u00f3w b\u0119d\u0105 to\u017csame z najpopularniejszymi frazami wpisywanymi przez Twoich klient\u00f3w w Google, masz wi\u0119ksz\u0105 szans\u0119 znale\u017a\u0107 si\u0119 na wysokich pozycjach w wyszukiwarce.<\/p>\n\n\n\n W zale\u017cno\u015bci od rodzaju i liczby produkt\u00f3w<\/a>, opr\u00f3cz g\u0142\u00f3wnych kategorii, mo\u017cesz uwzgl\u0119dni\u0107 tak\u017ce podkategorie. Zachowaj jednak umiar – wi\u0119cej nie znaczy lepiej. Przeanalizuj swoj\u0105 bran\u017c\u0119, klient\u00f3w i ich zwyczaje zakupowe. Dzi\u0119ki temu dowiesz si\u0119, na jaki poziom szczeg\u00f3\u0142owo\u015bci powiniene\u015b zej\u015b\u0107. Pami\u0119taj, \u017ce jeden produkt mo\u017ce, a cz\u0119sto nawet powinien, znale\u017a\u0107 si\u0119 w r\u00f3\u017cnych kategoriach.<\/p>\n\n\n\n Drzewo kategorii b\u0119dzie przydatne tak\u017ce do wdro\u017cenia tzw. okruszk\u00f3w, czyli \u015bcie\u017cki strony internetowej.<\/strong> U\u0142atwi ona nawigacj\u0119 w sklepie. Zamie\u015b\u0107 na ka\u017cdej podstronie rozpisan\u0105 i podlinkowan\u0105 \u015bcie\u017ck\u0119, kt\u00f3ra poka\u017ce u\u017cytkownikowi, gdzie w danym momencie si\u0119 znajduje, np.<\/p>\n\n\n\n Strona g\u0142\u00f3wna \u2192 Kategoria \u2192 Podkategoria \u2192 Produkt<\/p>\n\n\n\n PRZYK\u0141AD:<\/strong> Okruszki w jednej z firm szkoleniowych wygl\u0105daj\u0105 nast\u0119puj\u0105co:<\/p>\n\n\n\n Start<\/a> \u2192 Szkolenia otwarte \u2192 Kadry i P\u0142ace<\/a> \u2192 Prawo pracy w praktyce… <\/p>\n\n\n\n Po klikni\u0119ciu w dany poziom \u015bcie\u017cki u\u017cytkownik powinien m\u00f3c \u0142atwo powr\u00f3ci\u0107 do poprzednich podstron, a tak\u017ce na stron\u0119 g\u0142\u00f3wn\u0105.<\/p>\n\n\n\n Dobra wyszukiwarka to du\u017ce wsparcie w nawigacji sklepu internetowego. Jest szczeg\u00f3lnie istotna w przypadku du\u017cych e-commerce\u2019\u00f3w, takich jak np. Zalando. <\/p>\n\n\n\n Mo\u017cesz pom\u00f3c swoim klientom w wyszukaniu w\u0142a\u015bciwego produktu na dwa sposoby:<\/p>\n\n\n\n Mo\u017cesz tak\u017ce po\u0142\u0105czy\u0107 oba rozwi\u0105zania i pozwoli\u0107 klientowi wybra\u0107, w jaki spos\u00f3b chce przeszuka\u0107 ofert\u0119 Twojego sklepu. <\/p>\n\n\n\n Stopka<\/a>, podobnie jak menu, jest wa\u017cna zar\u00f3wno dla u\u017cytkownika, jak i dla SEO. By\u0107 mo\u017ce w\u015br\u00f3d Twoich klient\u00f3w s\u0105 tacy, kt\u00f3rzy nie znale\u017ali tego, czego szukaj\u0105. S\u0105 jednak zawzi\u0119ci i postanowi\u0105 si\u0119 z Tob\u0105 skontaktowa\u0107 (takich klient\u00f3w Ci \u017cyczymy!). Dzi\u0119ki stopce szybko powinni mie\u0107 tak\u0105 mo\u017cliwo\u015b\u0107. Zamie\u015b\u0107 w niej kontakt telefoniczny i mailowy do obs\u0142ugi sklepu. <\/p>\n\n\n\n Mo\u017cesz tak\u017ce powt\u00f3rzy\u0107 tu najwa\u017cniejsze kategorie produkt\u00f3w, kt\u00f3re b\u0119d\u0105 zawiera\u0142y kluczowe frazy istotne dla pozycji Twojego sklepu w wyszukiwarce. <\/p>\n\n\n\n Jakie elementy powiniene\u015b rozwa\u017cy\u0107, by zbudowa\u0107 funkcjonaln\u0105 stopk\u0119<\/strong>?<\/p>\n\n\n\n Pami\u0119taj jednak, \u017ce je\u015bli zamie\u015bcisz wszystkie te informacje, stopka najprawdopodobniej stanie si\u0119 niefunkcjonalna. Wybierz te elementy, kt\u00f3re s\u0105 wa\u017cne w Twoim sklepie i u\u0142atwi\u0105 klientom poruszanie si\u0119 po nim.<\/p>\n\n\n\n W przypadku projektowania<\/strong> nawigacji w sklepie internetowym<\/strong> potraktuj swojego klienta jak ma\u0142e dziecko. We\u017a go za r\u0119k\u0119 i zaprowad\u017a tam, gdzie chce doj\u015b\u0107. Wska\u017c tak\u017ce miejsca, w kt\u00f3re nie dotar\u0142by sam, bo nie wie o ich istnieniu. Zaopiekuj si\u0119 nim, niech poczuje si\u0119 u Ciebie komfortowo. Je\u015bli tak si\u0119 stanie, odp\u0142aci Ci zam\u00f3wieniem i prawdopodobnie wr\u00f3ci na kolejne zakupy.<\/p>\n","protected":false},"excerpt":{"rendered":" Wchodzisz do pobliskiego supermarketu, a tam\u2026 bu\u0142ki na p\u00f3\u0142kach tu\u017c obok napoj\u00f3w. Chleb? Na drugim ko\u0144cu sklepu \u2013 przy proszkach do prania. Potrzebujesz pieczywa tostowego? To dwie alejki dalej, razem z makaronami. Ze \u015bwiec\u0105 szuka\u0107 kogo\u015b, kto zostanie i zrobi tu zakupy. Nie inaczej jest ze sklepami internetowymi. Klient musi znale\u017a\u0107 to, czego szuka, w\u2026 Wi\u0119cej »<\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts\/2614"}],"collection":[{"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/comments?post=2614"}],"version-history":[{"count":3,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts\/2614\/revisions"}],"predecessor-version":[{"id":2696,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts\/2614\/revisions\/2696"}],"wp:attachment":[{"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/media?parent=2614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/categories?post=2614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/tags?post=2614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Spiesz si\u0119 \u2013 masz ma\u0142o czasu<\/strong><\/h2>\n\n\n\n
Nawigacja sklepu internetowego KROK 1: <\/strong>
<\/strong>Stw\u00f3rz dobre menu<\/strong><\/h2>\n\n\n\nMenu poziome czy pionowe?<\/strong><\/h3>\n\n\n\n
Hamburger menu<\/strong><\/h3>\n\n\n\n
Sticky menu (menu p\u0142ywaj\u0105ce)<\/strong><\/h3>\n\n\n\n
Nawigacja sklepu internetowego KROK 2: <\/strong>
<\/strong>Zaplanuj odpowiednie kategorie produkt\u00f3w<\/strong><\/h2>\n\n\n\nStw\u00f3rz drzewo kategorii<\/strong><\/h3>\n\n\n\n
Zamie\u015b\u0107 na stronie okruszki<\/strong><\/h3>\n\n\n\n
Nawigacja sklepu internetowego KROK 3:
Zaprojektuj funkcjonaln\u0105 wyszukiwark\u0119<\/strong><\/h2>\n\n\n\n
<\/li>Nawigacja sklepu internetowego KROK 4: <\/strong>
<\/strong>Zamie\u015b\u0107 dobr\u0105 stopk\u0119<\/strong><\/h2>\n\n\n\nPoprowad\u017a klienta za r\u0119k\u0119<\/strong><\/h2>\n\n\n\n