{"id":1785,"date":"2014-05-20T11:02:29","date_gmt":"2014-05-20T09:02:29","guid":{"rendered":"http:\/\/www.enil.pl\/home\/u368713\/domains\/enil.pl\/public_html\/blog\/?p=1785"},"modified":"2014-05-27T11:02:41","modified_gmt":"2014-05-27T09:02:41","slug":"strona-internetowa-przyjazna-dla-odbiorcow","status":"publish","type":"post","link":"https:\/\/www.enil.pl\/blog\/strona-internetowa-przyjazna-dla-odbiorcow\/","title":{"rendered":"Strona internetowa przyjazna dla odbiorc\u00f3w"},"content":{"rendered":"<p>Dobrze zaprojektowana strona firmowa to jeden z warunk\u00f3w osi\u0105gni\u0119cia sukcesu na e-rynku. U\u017cyteczno\u015b\u0107, prostota, intuicyjno\u015b\u0107 tworz\u0105 \u015brodowisko przyjazne dla u\u017cytkownika, buduj\u0105 zaanga\u017cowanie i pozytywne relacje. Jak jednak zaprojektowa\u0107 tak\u0105 witryn\u0119?<!--more--> Wykorzystuj\u0105c wiedz\u0119 z zakresu usability.<\/p>\n<p><a href=\"http:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-1786\" src=\"http:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M-300x240.jpg\" alt=\"Usability Concept - Check Mark Sign Shaped Word Cloud\" width=\"368\" height=\"294\" srcset=\"https:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M-300x240.jpg 300w, https:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M-1024x820.jpg 1024w, https:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M-69x55.jpg 69w, https:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M-278x222.jpg 278w, https:\/\/www.enil.pl\/blog\/wp-content\/uploads\/2014\/05\/Fotolia_65283564_Subscription_Monthly_M.jpg 1540w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/p>\n<h2>Zadbaj o pierwsze wra\u017cenie<\/h2>\n<p>W czasach ogromnej konkurencji na rynku i twardych zasad rz\u0105dz\u0105cych e-commerce kontakt z klientem musi by\u0107 zaplanowany do perfekcji, i to na ka\u017cdym szczeblu. W sieci pierwsze spotkanie na linii firma-konsument odbywa si\u0119 najcz\u0119\u015bciej na stronie www. I w\u0142a\u015bnie dlatego trzeba j\u0105 zaprojektowa\u0107 i wype\u0142ni\u0107 tre\u015bci\u0105 w taki spos\u00f3b, by od pierwszych sekund zyska\u0107 sympati\u0119 klienta i rozwia\u0107 wszelkie jego w\u0105tpliwo\u015bci.<\/p>\n<h2>Dobrze zaprojektowana, czyli jaka?<\/h2>\n<p>Dobrze zaprojektowana witryna to taka, kt\u00f3ra pozwala klientowi jak najszybciej i jak naj\u0142atwiej osi\u0105gn\u0105\u0107 zamierzony cel, bez wzgl\u0119du na to czy jest nim znalezienie informacji, zakup produktu czy rozrywka. To strona, po kt\u00f3rej mo\u017cna si\u0119 porusza\u0107 \u0142atwo i w spos\u00f3b intuicyjny. To wreszcie strona, kt\u00f3ra anga\u017cuje, buduje relacj\u0119 i sprawia, \u017ce zapomina si\u0119 o czasie, jak przy dobrej grze komputerowej.<\/p>\n<h2>Wykorzystaj usability<\/h2>\n<p>Termin usability (u\u017cyteczno\u015b\u0107) to w\u0142asno\u015b\u0107 strony internetowej, kt\u00f3ra decyduje o tym, \u017ce u\u017cytkownik w szybki i satysfakcjonuj\u0105cy spos\u00f3b realizuje zamierzone cele. Serwisy zbudowane w oparciu o zasad\u0119 usability s\u0105 intuicyjne, posiadaj\u0105 \u0142atw\u0105 w obs\u0142udze nawigacj\u0119 i jasno komunikuj\u0105, czym zajmuje si\u0119 dana firma i co mo\u017cna zrobi\u0107 na danej stronie.<\/p>\n<h2>Poznaj grup\u0119 docelow\u0105<\/h2>\n<p>Zanim zabierzesz si\u0119 do projektowania witryny firmowej, musisz dok\u0142adnie pozna\u0107 grup\u0119 docelow\u0105, jej potrzeby i zachowania w sieci. Do tego celu mo\u017cesz wykorzysta\u0107 ankiety, badania rynku, wiedz\u0119 z zakresu psychologii i marketingu czy, je\u015bli masz ju\u017c stron\u0119 i chcesz j\u0105 po prostu zmodyfikowa\u0107, monitoring. W ten spos\u00f3b dowiesz si\u0119, czego oczekuj\u0105 Twoi klienci, na czym najbardziej im zale\u017cy i w jaki spos\u00f3b szukaj\u0105 tego, co ich interesuje.<\/p>\n<h2>Zaprojektuj funkcjonalno\u015b\u0107<\/h2>\n<p>Przyciski prowadz\u0105ce donik\u0105d, zbyt wiele poziom\u00f3w, kt\u00f3re trzeba pokona\u0107, by dotrze\u0107 do potrzebnej informacji lub dokona\u0107 zakupu, niejasne opisy link\u00f3w \u2013 wszystko to dzia\u0142a na klienta zniech\u0119caj\u0105co i odstraszaj\u0105co. Projekt funkcjonalny strony musi zatem obejmowa\u0107 nawigacj\u0119, architektur\u0119 informacji, czyli rozmieszczenie tre\u015bci oraz interfejs, kt\u00f3ry okre\u015bla m.in. kolorystyk\u0119 i kr\u00f3j czcionki.<\/p>\n<p>Najistotniejszym elementem nawigacji jest menu, gdy\u017c to ono m\u00f3wi u\u017cytkownikowi, gdzie jest, gdzie mo\u017ce si\u0119 dosta\u0107 i jakich informacji mo\u017ce oczekiwa\u0107. Zastan\u00f3w si\u0119 zatem, jaki rodzaj menu sprawdzi si\u0119 na twojej stronie najlepiej (poziome, pionowe, po\u0142\u0105czenie obu) i dobrze zaplanuj kategorie g\u0142\u00f3wne i podkategorie.<\/p>\n<p><strong>Przygotowuj\u0105c projekt strony pami\u0119taj tak\u017ce, by:<\/strong><\/p>\n<ul>\n<li>wykorzystywa\u0107 znane u\u017cytkownikom znaki graficzne,<\/li>\n<li>nie ba\u0107 si\u0119 sprawdzonych konwencji, gdy\u017c w znanym \u015bwiecie u\u017cytkownikowi b\u0119dzie si\u0119 znacznie \u0142atwiej porusza\u0107,<\/li>\n<li>precyzyjnie opisywa\u0107 linki, gdy\u017c \u201ezobacz tutaj\u201d nie niesie ze sob\u0105 \u017cadnej przydatnej informacji,<\/li>\n<li>minimalizowa\u0107 liczb\u0119 krok\u00f3w, kt\u00f3re u\u017cytkownik musi pokona\u0107, by osi\u0105gn\u0105\u0107 sw\u00f3j cel,<\/li>\n<li>przewidywa\u0107 zachowania i reagowa\u0107 na nie, np. projektuj\u0105c boxy prowadz\u0105ce do najcz\u0119\u015bciej kupowanych produkt\u00f3w czy najcz\u0119\u015bciej odwiedzanych zak\u0142adek.<\/li>\n<\/ul>\n<h2>Wyznaczniki dobrego usability<\/h2>\n<p>Specjali\u015bci wskazuj\u0105 na kilka istotnych element\u00f3w, kt\u00f3re decyduj\u0105 o tym, czy strona jest dobrze zaprojektowana.<\/p>\n<ul>\n<li>Pierwszym z nich jest znajdowalno\u015b\u0107. Oznacza to, \u017ce przygotowana dla u\u017cytkownika \u015bcie\u017cka (menu, linki, tagi) umo\u017cliwia szybkie znalezienie poszukiwanych informacji i osi\u0105gni\u0119cie zamierzonego celu.<\/li>\n<li>Wzbudzanie pozytywnych emocji. Tutaj du\u017ce znaczenie maj\u0105 elementy wizerunkowe (grafika, slidery, kolorystyka, czcionka).<\/li>\n<li>Dost\u0119pno\u015b\u0107. Witryna powinna by\u0107 przygotowana w takim spos\u00f3b, by ka\u017cdy u\u017cytkownik, bez wzgl\u0119du na to, jak\u0105 dysponuje przegl\u0105dark\u0105, m\u00f3g\u0142 j\u0105 obejrze\u0107.<\/li>\n<li>U\u017cyteczno\u015b\u0107 i funkcjonalno\u015b\u0107. Cel ten zostaje osi\u0105gni\u0119ty w\u00f3wczas, gdy strona jest prosta w obs\u0142udze i pozwala u\u017cytkownikowi osi\u0105gn\u0105\u0107 zamierzony cel szybko i przyjemnie.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dobrze zaprojektowana strona firmowa to jeden z warunk\u00f3w osi\u0105gni\u0119cia sukcesu na e-rynku. U\u017cyteczno\u015b\u0107, prostota, intuicyjno\u015b\u0107 tworz\u0105 \u015brodowisko przyjazne dla u\u017cytkownika, buduj\u0105 zaanga\u017cowanie i pozytywne relacje. Jak jednak zaprojektowa\u0107 tak\u0105 witryn\u0119?<\/p>\n","protected":false},"author":1,"featured_media":1786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,194],"tags":[],"class_list":["post-1785","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","category-projektowanie-stron-internetowych"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/posts\/1785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/comments?post=1785"}],"version-history":[{"count":1,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/posts\/1785\/revisions"}],"predecessor-version":[{"id":1787,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/posts\/1785\/revisions\/1787"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/media\/1786"}],"wp:attachment":[{"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/media?parent=1785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/categories?post=1785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enil.pl\/blog\/wp-json\/wp\/v2\/tags?post=1785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}