{"id":876,"date":"2017-12-21T10:11:12","date_gmt":"2017-12-21T09:11:12","guid":{"rendered":"https:\/\/www.freeline.pl\/blog\/?p=876"},"modified":"2017-12-21T10:11:12","modified_gmt":"2017-12-21T09:11:12","slug":"komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej","status":"publish","type":"post","link":"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/","title":{"rendered":"Komunikacja z Klientem &#8211; czyli, jak zbudowa\u0107 nawigacj\u0119 na stronie internetowej"},"content":{"rendered":"<p style=\"text-align: justify;\">Podczas pracy nad stron\u0105 WWW, szczeg\u00f3lnie w pocz\u0105tkowym etapie projektowania cz\u0119sto s\u0142ysz\u0119 od Klient\u00f3w \u2013 zr\u00f3bmy co\u015b oryginalnego; tak maj\u0105 wszyscy \u2013 zr\u00f3bmy to inaczej. Oczywi\u015bcie rozumiem naturaln\u0105 ch\u0119\u0107, a nawet konieczno\u015b\u0107 wyr\u00f3\u017cnienia si\u0119 na tle konkurencyjnych stron internetowych, lecz ta oryginalno\u015b\u0107 powinna przejawia\u0107 si\u0119 w kreacji graficznej oraz sposobie i stylu prezentacji firmy i jej oferty. Natomiast spos\u00f3b komunikacji z Klientem, czyli nawigacja w serwisie WWW nie musi, a nawet nie powinna by\u0107 wyj\u0105tkowa i inna ni\u017c wszystkie. Ma by\u0107 przede wszystkim zrozumia\u0142a, przewidywalna i zgodna z konwencj\u0105.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69ea31a1189c1\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-69ea31a1189c1\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Przewidywalnosc\" title=\"Przewidywalno\u015b\u0107\">Przewidywalno\u015b\u0107<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#%E2%80%9ESwieta_trojca_-_czyli_trzy_zakladki_ktore_powinny_sie_zawsze_znalezc_w_menu_glownym\" title=\"&#8222;\u015awi\u0119ta tr\u00f3jca&#8221; &#8211; czyli trzy zak\u0142adki, kt\u00f3re powinny si\u0119 zawsze znale\u017a\u0107 w menu g\u0142\u00f3wnym.\">&#8222;\u015awi\u0119ta tr\u00f3jca&#8221; &#8211; czyli trzy zak\u0142adki, kt\u00f3re powinny si\u0119 zawsze znale\u017a\u0107 w menu g\u0142\u00f3wnym.<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Struktura_menu\" title=\"Struktura menu\">Struktura menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Mega_menu\" title=\"Mega menu\">Mega menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Stopien_zaglebienia_menu\" title=\"Stopie\u0144 zag\u0142\u0119bienia menu\">Stopie\u0144 zag\u0142\u0119bienia menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Menu_rozwijane_czy_stale\" title=\"Menu rozwijane czy sta\u0142e?\">Menu rozwijane czy sta\u0142e?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Przyklejone_menu\" title=\"Przyklejone menu\">Przyklejone menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Odnosniki_Social_Media\" title=\"Odno\u015bniki Social Media\">Odno\u015bniki Social Media<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Ikonografia\" title=\"Ikonografia\">Ikonografia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Nowa_karta_czyli_jak_nie_stracic_uzytkownika\" title=\"Nowa karta, czyli jak nie straci\u0107 u\u017cytkownika.\">Nowa karta, czyli jak nie straci\u0107 u\u017cytkownika.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Nawigacja_wewnetrzna\" title=\"Nawigacja wewn\u0119trzna\">Nawigacja wewn\u0119trzna<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Narzedzia_wspomagajace\" title=\"Narz\u0119dzia wspomagaj\u0105ce\">Narz\u0119dzia wspomagaj\u0105ce<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.freeline.pl\/blog\/komunikacja-z-klientem-czyli-jak-zbudowac-nawigacje-na-stronie-internetowej\/#Podsumowujac\" title=\"Podsumowuj\u0105c\">Podsumowuj\u0105c<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Przewidywalnosc\"><\/span>Przewidywalno\u015b\u0107<b><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/ws\u0301ciek\u0142y-uz\u0307ytkownik.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignright wp-image-882 size-medium\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/ws\u0301ciek\u0142y-uz\u0307ytkownik-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/ws\u0301ciek\u0142y-uz\u0307ytkownik-300x200.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/ws\u0301ciek\u0142y-uz\u0307ytkownik.jpg 750w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Projektuj\u0105c stron\u0119 internetow\u0105 powinny nam przy\u015bwieca\u0107 zasady: \u201enie ka\u017c mi my\u015ble\u0107\u201d i \u201enie ka\u017c mi szuka\u0107\u201d. Obydwie sprowadzaj\u0105 si\u0119 do tego, aby nasz go\u015b\u0107 poczu\u0142 si\u0119 w naszym serwisie WWW bezpiecznie i wygodnie. \u017beby nie musia\u0142 si\u0119 niczego uczy\u0107 ani domy\u015bla\u0107. Wszystkie elementy nawigacji strony internetowej powinny dzia\u0142a\u0107 zgodnie z przyj\u0119t\u0105 konwencj\u0105 oraz by\u0107 sta\u0142e.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%9ESwieta_trojca_-_czyli_trzy_zakladki_ktore_powinny_sie_zawsze_znalezc_w_menu_glownym\"><\/span>&#8222;\u015awi\u0119ta tr\u00f3jca&#8221; &#8211; czyli trzy zak\u0142adki, kt\u00f3re powinny si\u0119 zawsze znale\u017a\u0107 w menu g\u0142\u00f3wnym.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">Pierwsza z nich to <u>strona g\u0142\u00f3wna<\/u>, to w\u0142a\u015bnie na niej &#8222;l\u0105duj\u0105&#8221; zazwyczaj u\u017cytkownicy naszego serwisu WWW. To na stronie g\u0142\u00f3wnej staramy si\u0119 im pokaza\u0107, co ciekawego znajd\u0105 w naszym serwisie. Strona g\u0142\u00f3wna zawiera odno\u015bniki do poszczeg\u00f3lnych cz\u0119\u015bci oferty, aktualno\u015bci oraz innych sekcji serwisu WWW. Klienci cz\u0119sto chc\u0105c zaoszcz\u0119dzi\u0107 drogocenne miejsce w menu g\u0142\u00f3wnym forsuj\u0105 usuni\u0119cie tej zak\u0142adki argumentuj\u0105c, \u017ce przecie\u017c mo\u017cna klikn\u0105\u0107 w logo i wr\u00f3ci\u0107 do strony g\u0142\u00f3wnej lub po prostu u\u017cy\u0107 przycisku wstecz w przegl\u0105darce. Nic bardziej mylnego \u2013 nie wszyscy u\u017cytkownicy Internetu wiedz\u0105, \u017ce logo powinno linkowa\u0107 do strony g\u0142\u00f3wnej serwisu WWW, a klikanie wstecz w sytuacji, gdy mocno zag\u0142\u0119bili\u015bmy si\u0119 ju\u017c w stron\u0119 internetow\u0105 b\u0119dzie po prostu uci\u0105\u017cliwe.<\/p>\n<p>Cz\u0119sto spotykam si\u0119 te\u017c ze skr\u00f3conymi formami tego odno\u015bnika w formie:<\/p>\n<ul>\n<li>&#8222;home&#8221; \u2013 nie rozumiem idei wprowadzania s\u0142owa obcego w polskoj\u0119zycznym serwisie WWW<\/li>\n<li>&#8222;start&#8221; \u2013 r\u00f3wnie\u017c wydaje mi sie ma\u0142o &#8222;polskie&#8221; i w dodatku zbyt wieloznaczne<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Dobrym zamiennikiem odno\u015bnika &#8222;strona g\u0142\u00f3wna&#8221; mo\u017ce by\u0107 ikona domku. Jest ona doskonale rozpoznawana przez internaut\u00f3w, r\u00f3wnie\u017c w innych wersjach j\u0119zykowych.<\/p>\n<p><u>O nas \/ O firmie<\/u><\/p>\n<p style=\"text-align: justify;\">&#8211; zak\u0142adka o tyle, k\u0142opotliwa, \u017ce du\u017ca cz\u0119\u015b\u0107 Klient\u00f3w rezygnuje z niej, bo szczeg\u00f3lnie w przypadku m\u0142odych i niewielkich firm, nie ma co tam napisa\u0107 lub po prostu firmy te nie chc\u0105 si\u0119 chwali\u0107. A chwali\u0107 si\u0119 trzeba. Ta zak\u0142adka ma jasny cel \u2013 pokaza\u0107 potencjalnym Klientom nasze atuty oraz skr\u00f3ci\u0107 dystans i uwiarygodni\u0107 nasz\u0105 firm\u0119 w ich oczach. Chcemy przecie\u017c budowa\u0107 sw\u00f3j wizerunek w Internecie, a nie pozostawa\u0107 kolejnym anonimowym podmiotem, kt\u00f3ry chce sprzedawa\u0107 w Sieci.<\/p>\n<p><u>Kontakt<\/u><\/p>\n<p style=\"text-align: justify;\">&#8211; ostatnia z tr\u00f3jcy, ale chyba najbardziej wa\u017cna zak\u0142adka. Czasem spotykam si\u0119 z sytuacj\u0105 gdy Klient, nie chce tej zak\u0142adki, bo przecie\u017c numer telefonu b\u0105d\u017a firmowy adres e-mail widoczny jest w tzw. szybkim kontakcie \u2013 nie ma wi\u0119c sensu dublowa\u0107 tego w zak\u0142adce kontakt. Oczywi\u015bcie jest to b\u0142\u0105d \u2013 zak\u0142adka ta powinna zawiera\u0107 r\u00f3\u017cne formy kontaktu &#8211; ro\u017cni u\u017cytkownicy preferuj\u0105 ro\u017cne formy kontaktu z firm\u0105 i powinni\u015bmy im da\u0107 tak\u0105 mo\u017cliwo\u015b\u0107. Cz\u0119\u015b\u0107 z nich wybierze kontakt mailowy, inni b\u0119d\u0105 woleli zadzwoni\u0107, a jeszcze inni wype\u0142ni\u0107 formularz kontaktowy b\u0105d\u017a porozmawia\u0107 na czacie. Nawet je\u015bli nie zamierzamy da\u0107 u\u017cytkownikowi wszystkich tych mo\u017cliwo\u015bci i pozostaniemy tylko przy telefonie i\/lub e-mailu &#8211; w zak\u0142adce kontakt powinny znale\u017a\u0107 si\u0119 nasze oficjalne dane firmowe \u2013 czyli nazwa i adres firmy.<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/11\/stronaglowna-o-nas-kontakt.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"aligncenter wp-image-881 size-full\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/11\/stronaglowna-o-nas-kontakt.jpg\" alt=\"\" width=\"614\" height=\"540\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/11\/stronaglowna-o-nas-kontakt.jpg 614w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/11\/stronaglowna-o-nas-kontakt-300x264.jpg 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Struktura_menu\"><\/span>Struktura menu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Gdy oferta naszej firmy jest rozbudowana i sk\u0142ada si\u0119 z wielu r\u00f3\u017cnych produkt\u00f3w, czy te\u017c rodzaj\u00f3w us\u0142ug warto podzieli\u0107 j\u0105 na kategorie. Dla nas, jako w\u0142a\u015bcicieli wydaje si\u0119 to banalnie proste \u2013 kto zna lepiej nasza ofert\u0119 ni\u017c my sami? Czy aby na pewno? Musimy pami\u0119ta\u0107, \u017ce u\u017cytkownicy mog\u0105 szuka\u0107 naszych us\u0142ug zupe\u0142nie inaczej ni\u017c nam si\u0119 wydaje. Cz\u0119sto szukaj\u0105 oni us\u0142ugi, czy produktu, kt\u00f3rego nie znaj\u0105 \u2013 nie wiedz\u0105 wi\u0119c, w jakiej kategorii powinien si\u0119 znajdowa\u0107. Najlepsz\u0105 metod\u0105 na wyeliminowanie w\u0105tpliwo\u015bci co do w\u0142a\u015bciwej kategoryzacji podstron serwisu WWW jest u\u017cycie <u>metody sortowania kart<\/u>. Po prostu zapisz wszystkie podstrony Twojego serwisu na ma\u0142ych, osobnych karteczkach, potasuj je jak karty do gry i daj do posegregowania kilku osobom nie zwi\u0105zanym z Twoj\u0105 bran\u017c\u0105 (oczywi\u015bcie najlepiej \u017ceby by\u0142y to osoby z Twojej grupy docelowej). Sprawd\u017a, czy u\u0142o\u017cy\u0142y karty reprezentuj\u0105ce podstrony w spos\u00f3b zbie\u017cny z tym, jak Ty by\u015b to zrobi\u0142? Postaraj si\u0119 u\u0142o\u017cy\u0107 drzewko menu tak, jak zrobili to Twoi testowi u\u017cytkownicy.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mega_menu\"><\/span>Mega menu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Je\u015bli dajesz u\u017cytkownikowi mo\u017cliwo\u015b\u0107 korzystania z tzw. \u201emega menu\u201d zadbaj o to, by by\u0142o w\u0119\u017csze ni\u017c \u201econtent\u201d strony, tak by mo\u017cna by\u0142o \u0142atwo klikn\u0105\u0107 w wolne miejsce poza menu w celu jego zamkni\u0119cia\/zwini\u0119cia. Koniecznie zr\u00f3\u017cnicuj odno\u015bniki do podstron od nag\u0142\u00f3wk\u00f3w reprezentuj\u0105cych dzia\u0142y oferty, tak by u\u017cytkownik zawsze wiedzia\u0142, kt\u00f3re elementy s\u0105 klikalne a kt\u00f3re nie.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"wp-image-885 size-full aligncenter\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu.jpg\" alt=\"\" width=\"1355\" height=\"380\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu.jpg 1355w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu-300x84.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu-768x215.jpg 768w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/magamenu-1024x287.jpg 1024w\" sizes=\"(max-width: 1355px) 100vw, 1355px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Stopien_zaglebienia_menu\"><\/span>Stopie\u0144 zag\u0142\u0119bienia menu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Unikaj zbyt wielu zag\u0142\u0119bie\u0144 w drzewku menu. Idealnie je\u015bli zmie\u015bcisz si\u0119 w 2 poziomach: (Oferta &gt; Pozycjonowanie stron WWW). U\u017cytkownicy desktopowi zapewne poradz\u0105 sobie nawet z 3 zag\u0142\u0119bieniem (Oferta &gt; Pozycjonowanie stron WWW &gt; Audyt strony WWW). Je\u015bli drzewko Twojego menu zawiera wi\u0119cej stopni zag\u0142\u0119bie\u0144 \u2013 czas, by je przeprojektowa\u0107. Pami\u0119taj o tym, \u017ce u\u017cytkownicy mobilni mog\u0105 ju\u017c sobie nie poradzi\u0107 z 3 stopniem zag\u0142\u0119bienia. Je\u015bli potrzebujesz kolejnego zag\u0142\u0119bienia \u2013 w wersji mobilnej u\u017cyj dodatkowego menu lub filtrowania bezpo\u015brednio na podstronie serwisu WWW.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Menu_rozwijane_czy_stale\"><\/span>Menu rozwijane czy sta\u0142e?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Menu sta\u0142e (zawsze rozwini\u0119te) ma t\u0119 przewag\u0119, \u017ce jest zawsze dost\u0119pne dla u\u017cytkownika \u2013 nie musi go za ka\u017cdym razem rozwija\u0107, aby zobaczy\u0107 dost\u0119pne podstrony czy kategorie. Niestety zazwyczaj w takiej formie wyst\u0119puje tylko w formie drzewka w lewej kolumnie. Pami\u0119taj, \u017ce drzewko kategorii nie powinno by\u0107 domy\u015blnie ca\u0142kowicie rozwini\u0119te \u2013 pokazuj tylko podstrony kategorii, kt\u00f3re u\u017cytkownik aktualnie przegl\u0105da. Menu powinno rozwija\u0107 si\u0119 w d\u00f3\u0142, a nie w bok. Zdecydowanie \u0142atwiej jest przewija\u0107 stron\u0119 g\u00f3ra\/d\u00f3\u0142 ani\u017celi rozwija\u0107 kolejne stopnie zagnie\u017cd\u017ce\u0144 w bok.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Przyklejone_menu\"><\/span>Przyklejone menu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Je\u015bli podstrony Twojego serwisu s\u0105 d\u0142ugie i powr\u00f3t na g\u00f3r\u0119 strony internetowej jest k\u0142opotliwy, przyklej swoje menu do g\u00f3rnej kraw\u0119dzi przegl\u0105darki, tak by pod\u0105\u017ca\u0142o za u\u017cytkownikiem (to samo mo\u017cna zrobi\u0107 dla menu pionowego). Alternatyw\u0105 dla menu przyklejanego jest przycisk \u201edo g\u00f3ry strony\u201d przewijaj\u0105cy serwis po jego klikni\u0119ciu. W ten sam spos\u00f3b mo\u017cesz przykleja\u0107 inne szczeg\u00f3lnie wa\u017cne dla u\u017cytkownika widgety, takie jak modu\u0142y czatu, pomocy itp. Wa\u017cne, aby nie przesadzi\u0107 z ich ilo\u015bci\u0105, gdy\u017c zmniejszaj\u0105 one obszar widocznego contetntu strony WWW.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Odnosniki_Social_Media\"><\/span>Odno\u015bniki Social Media<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Powinny by\u0107 dost\u0119pne z ka\u017cdego miejsca na stronie WWW i otwiera\u0107 nasze profile w nowej karcie. Umiejscowienie ikonek portali spo\u0142eczno\u015bciowych jest raczej dowolne \u2013 nie chowajmy ich jednak zbyt nisko \u2013 np. w stopce.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Ikonografia\"><\/span>Ikonografia<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Wszyscy doskonale wiemy, \u017ce wsp\u00f3\u0142czesny internauta nie czyta strony, lecz j\u0105 \u201eskanuje\u201d wy\u0142apuj\u0105c z g\u0105szczu informacji tylko te partie, kt\u00f3re go interesuj\u0105. Ludzkie oko \u0142atwiej wychwytuje grafiki i ikony ani\u017celi s\u0142owa \u2013 st\u0105d u projektant\u00f3w cz\u0119sto pojawia si\u0119 pokusa, aby zast\u0119powa\u0107 oczywiste odno\u015bniki ikonami:<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafika-z-ikonami.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"size-medium wp-image-883 alignright\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafika-z-ikonami-300x286.jpg\" alt=\"\" width=\"300\" height=\"286\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafika-z-ikonami-300x286.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafika-z-ikonami.jpg 614w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>ikona domku zamiast strona g\u0142\u00f3wna,<\/li>\n<li>ikona k\u0142\u00f3dki zamiast zaloguj,<\/li>\n<li>ikona koperty zamiast kontakt ,<\/li>\n<li>ikona \u201ecz\u0142owieka\u201d zamiast profil<\/li>\n<li>itd.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Decyduj\u0105c si\u0119 na taki zabieg trzeba postawi\u0107 sobie pytanie \u2013 czy nasz go\u015b\u0107 na pewno zrozumie co zaprojektowana przez nas ikona oznacza i do jakich tre\u015bci prowadzi \/ jak\u0105 akcj\u0119 wywo\u0142uje? Je\u015bli mamy w\u0105tpliwo\u015b\u0107, lepiej zrezygnowa\u0107 z takiej zamiany. Dobr\u0105 praktyk\u0105 jest \u0142\u0105czenie ikony z nazw\u0105 odno\u015bnika. Dzi\u0119ki temu nie pozostawimy U\u017cytkownikowi w\u0105tpliwo\u015bci gdzie trafi po klikni\u0119ciu odno\u015bnika. Dodatkowo \u2013 w du\u017cych serwisach WWW \u2013 u\u017cytkownicy cz\u0119sto korzystaj\u0105 z systemowego wyszukiwania tre\u015bci na stronie (CTRL+F w Windows) \u2013 w przypadku u\u017cycia samej ikony nie znajd\u0105 tego, czego szukaj\u0105.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Nowa_karta_czyli_jak_nie_stracic_uzytkownika\"><\/span>Nowa karta, czyli jak nie straci\u0107 u\u017cytkownika.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Wszystkie odno\u015bniki do innych serwis\u00f3w WWW, czy te\u017c np. w\u0142asnych profili na portalach spo\u0142eczno\u015bciowych powinny by\u0107 otwierane na nowej karcie. Nie chcemy przecie\u017c, aby u\u017cytkownik klikaj\u0105c link do innego serwisu WWW jednocze\u015bnie zamkn\u0105\u0142 nasz\u0105 stron\u0119 i przerwa\u0142 przegl\u0105danie naszej oferty.<\/p>\n<h2><b><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/link-odwiedzony.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignleft wp-image-886 size-medium\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/link-odwiedzony-300x264.jpg\" alt=\"\" width=\"300\" height=\"264\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/link-odwiedzony-300x264.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/link-odwiedzony.jpg 614w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/b><\/h2>\n<h2><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Nawigacja_wewnetrzna\"><\/span>Nawigacja wewn\u0119trzna<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Je\u015bli Tw\u00f3j serwis jest rozbudowany, pom\u00f3\u017c swoim u\u017cytkownikom w przemieszczaniu si\u0119 pomi\u0119dzy powi\u0105zanymi podstronami tworz\u0105c odno\u015bniki w formie tekstowej lub graficznej tak, by mogli si\u0119 pomi\u0119dzy nimi prze\u0142\u0105cza\u0107 bez u\u017cywania menu. Pami\u0119taj by odno\u015bniki w formie tekstowej by\u0142y zr\u00f3\u017cnicowane \u2013 przyjmuje si\u0119, \u017ce linki tekstowe s\u0105 podkre\u015blone; linki odwiedzone powinny mie\u0107 inny kolor ni\u017c te, kt\u00f3re jeszcze nie by\u0142y u\u017cyte.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Narzedzia_wspomagajace\"><\/span>Narz\u0119dzia wspomagaj\u0105ce<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">W du\u017cych serwisach absolutnie konieczne b\u0119dzie zastosowanie wyszukiwarki wewn\u0119trznej, mapy strony i \u015bcie\u017cki okruszk\u00f3w.<br \/>\n<u>Wyszukiwarka<\/u> \u2013 powinna by\u0107 umieszczona w \u0142atwo dost\u0119pnym miejscu strony internetowej (nigdy nie chowaj jej w menu). Mo\u017cesz zbudowa\u0107 wyszukiwark\u0119 zaawansowan\u0105, kt\u00f3ra b\u0119dzie przeszukiwa\u0142a na zadane przez u\u017cytkownika zapytanie ca\u0142y serwis WWW, lub tylko wybrane dzia\u0142y. Ciekawym rozwi\u0105zaniem jest inteligentna wyszukiwarka, kt\u00f3ra b\u0119dzie podpowiada\u0142a u\u017cytkownikowi zapytanie najcz\u0119\u015bciej wpisywane lub takie na jakim nam najbardziej zale\u017cy.<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"aligncenter wp-image-899 size-full\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki.jpg\" alt=\"\" width=\"1852\" height=\"540\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki.jpg 1852w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki-300x87.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki-768x224.jpg 768w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/grafiki-1024x299.jpg 1024w\" sizes=\"(max-width: 1852px) 100vw, 1852px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><u>Mapa strony<\/u><\/p>\n<p style=\"text-align: justify;\">czyli ostatnia deska ratunku \u2013 je\u015bli u\u017cytkownik nie mo\u017ce znale\u017a\u0107 tego, czego szuka skorzysta z mapy serwisu WWW, czyli pe\u0142nego indeksu wszystkich podstron. Odno\u015bnik do mapy strony zamieszczamy w okolicy stopki strony internetowej.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/mapa-strony.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"aligncenter wp-image-892 size-full\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/mapa-strony.jpg\" alt=\"\" width=\"614\" height=\"540\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/mapa-strony.jpg 614w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/mapa-strony-300x264.jpg 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/a><br \/>\n<u><\/u><\/p>\n<p style=\"text-align: justify;\">Breadcrumbs (okruszki) \u2013 je\u015bli nasz serwis WWW zawiera wi\u0119cej ni\u017c 2 stopnie zag\u0142\u0119bie\u0144 konieczne b\u0119dzie u\u017cycie \u015bcie\u017cki okruszk\u00f3w tak, by u\u017cytkownik wiedzia\u0142, gdzie w strukturze strony si\u0119 znajduje oraz m\u00f3g\u0142 \u0142atwo wr\u00f3ci\u0107 do kategorii nadrz\u0119dnej. Nale\u017cy pami\u0119ta\u0107, aby zaprojektowa\u0107 podstrony kategorii b\u0119d\u0105ce skr\u00f3tem\/wprowadzeniem do podstron w ramach tych kategorii. W przeciwnym przypadku w \u015bcie\u017cce okruszk\u00f3w kategorie musz\u0105 by\u0107 nieklikalne.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/okruszki.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"aligncenter wp-image-891 size-full\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/okruszki.jpg\" alt=\"\" width=\"614\" height=\"540\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/okruszki.jpg 614w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/okruszki-300x264.jpg 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Podsumowujac\"><\/span><b><a href=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/zadowolony-uz\u0307ytkownik.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignright wp-image-890 size-medium\" src=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/zadowolony-uz\u0307ytkownik-300x228.jpg\" alt=\"\" width=\"300\" height=\"228\" srcset=\"https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/zadowolony-uz\u0307ytkownik-300x228.jpg 300w, https:\/\/www.freeline.pl\/blog\/wp-content\/uploads\/2017\/12\/zadowolony-uz\u0307ytkownik.jpg 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/b>Podsumowuj\u0105c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Maj\u0105c ju\u017c ciekaw\u0105, atrakcyjn\u0105 cenowo ofert\u0119, kt\u00f3r\u0105 dzi\u0119ki wielu godzinom pracy kreatywnego grafika i r\u00f3wnie zdolnego copywritera decydujemy si\u0119 opublikowa\u0107 na naszej stronie internetowej musimy zadba\u0107 o to, aby skutecznie komunikowa\u0107 si\u0119 z naszym potencjalnym Klientem, kt\u00f3ry w\u0142a\u015bnie zapuka\u0142 do bram naszego serwisu WWW. Musimy sprawi\u0107 aby poczu\u0142 si\u0119 bezpiecznie i komfortowo, bo tylko w takich warunkach podejmie jedynie s\u0142uszn\u0105 decyzj\u0119 o wyborze naszej firmy.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Podczas pracy nad stron\u0105 WWW, szczeg\u00f3lnie w pocz\u0105tkowym etapie projektowania cz\u0119sto s\u0142ysz\u0119 od Klient\u00f3w \u2013<\/p>\n","protected":false},"author":6,"featured_media":897,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13,7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/876"}],"collection":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/comments?post=876"}],"version-history":[{"count":12,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/876\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/876\/revisions\/916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media\/897"}],"wp:attachment":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media?parent=876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/categories?post=876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/tags?post=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}