{"id":2441,"date":"2022-03-16T11:50:00","date_gmt":"2022-03-16T09:50:00","guid":{"rendered":"https:\/\/www.migomedia.pl\/?p=2441"},"modified":"2022-11-09T10:54:23","modified_gmt":"2022-11-09T08:54:23","slug":"gdzie-umiescic-logo","status":"publish","type":"post","link":"https:\/\/migo.media\/pl\/gdzie-umiescic-logo","title":{"rendered":"Gdzie powinno by\u0107 umieszczone logo, by zwraca\u0142o uwag\u0119?"},"content":{"rendered":"\n<p><strong>Jedna z g\u0142\u00f3wnych zasad user experience (UX) m\u00f3wi, \u017ce logo powinno znale\u017a\u0107 si\u0119 w lewym g\u00f3rnym rogu strony internetowej. Dlaczego w\u0142a\u015bnie tam i co ma z tym wsp\u00f3lnego neurobiologia?&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gdzie umie\u015bci\u0107 logo na stronie internetowej?&nbsp;<\/h2>\n\n\n\n<p>Z punktu widzenia UX najlepszym miejscem na logotyp jest lewa g\u00f3rna kraw\u0119d\u017a strony. Za takim umiejscowieniem przemawia kilka czynnik\u00f3w.<\/p>\n\n\n\n<ol><li><strong>Neurobiologia.<\/strong> Liczne badania wykaza\u0142y, \u017ce s\u0142owa i obrazy s\u0105 przetwarzane przez r\u00f3\u017cne p\u00f3\u0142kule m\u00f3zgowe. Zgodnie z t\u0105 zasad\u0105 s\u0142owa anga\u017cuj\u0105 w proces przetwarzania informacji przede wszystkim p\u00f3\u0142kul\u0119 lew\u0105, obrazy natomiast p\u00f3\u0142kul\u0119 praw\u0105. To oznacza, \u017ce chc\u0105c dotrze\u0107 do p\u00f3\u0142kuli lewej, nale\u017cy umie\u015bci\u0107 informacje w prawym polu widzenia. Zatem po prawej stronie umieszczamy elementy wymagaj\u0105ce g\u0142\u0119bszej analizy, np. menu strony. Natomiast je\u015bli chcemy dotrze\u0107 z obrazem (logotypem) do p\u00f3\u0142kuli prawej, nale\u017cy umie\u015bci\u0107 go w lewym polu widzenia.<br><\/li><li><strong>Przyzwyczajenie. <\/strong>Jakob Nielsen, autorytet w dziedzinie projektowania u\u017cytecznych stron internetowych, doszed\u0142 do wniosku, \u017ce internetu si\u0119 nie czyta, internet si\u0119 ogl\u0105da. A to, czy w og\u00f3le zaczniemy czyta\u0107 tekst, zale\u017cy od atrakcyjno\u015bci wizualnej strony www. Je\u015bli do\u0142o\u017cymy do tego fakt, \u017ce korzystaj\u0105c z internetu, nasz m\u00f3zg lubi odtwarza\u0107 proste, dobrze znane schematy, oka\u017ce si\u0119, \u017ce zamiast doceni\u0107 pomys\u0142owo\u015b\u0107 grafika, kt\u00f3ry umie\u015bci\u0142 logo po prawej stronie, zniech\u0119ceni szybko j\u0105 opu\u015bcimy. A wszystko dlatego, \u017ce nie lubimy zmienia\u0107 swoich przyzwyczaje\u0144. Wchodzimy na dan\u0105 stron\u0119 www z zamiarem szybkiego znalezienia informacji czy produktu. Je\u015bli kt\u00f3ry\u015b z element\u00f3w nam w tym przeszkadza, wychodzimy i korzystamy ze strony konkurencji.<br><\/li><li><strong>Kod kulturowy.<\/strong> Du\u017cy wp\u0142yw na uk\u0142ad strony i umiejscowienie logotypu maj\u0105 uwarunkowania kulturowe i kierunek, w kt\u00f3rym czytam tekst, czyli od lewej strony do prawej. Zatem lewy g\u00f3rny r\u00f3g to miejsce, od kt\u00f3rego zaczynamy \u201eskanowanie\u201d strony wzrokiem i to w\u0142a\u015bnie tam powinno znale\u017a\u0107 si\u0119 logo firmy.<\/li><\/ol>\n\n\n\n<p>Dopuszczalne s\u0105 oczywi\u015bcie odst\u0119pstwa od tej regu\u0142y. W przypadku niestandardowych projekt\u00f3w stron www logo umieszcza si\u0119 np. na \u015brodku witryny albo w stopce. O ile jednak na taki krok mog\u0105 pozwoli\u0107 sobie du\u017ce, dobrze znane marki, o tyle w przypadku mniej rozpoznawalnych brand\u00f3w, jest to zabieg do\u015b\u0107 ryzykowny.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zasady projektowania logo<\/h2>\n\n\n\n<p>Badania prowadzone przez neurobiolog\u00f3w C. Janiszewskiego oraz S. Krajewskiego pokazuj\u0105 jeszcze jedn\u0105 prawid\u0142owo\u015b\u0107, o kt\u00f3rej warto pami\u0119ta\u0107, projektuj\u0105c logotypy. W jednym z eksperyment\u00f3w badani mieli za zadanie oceni\u0107 r\u00f3\u017cne wersje reklamy perfum Guerlain. Okaza\u0142o si\u0119, \u017ce najlepiej oceniali logotyp, kt\u00f3ry znajdowa\u0142 si\u0119 na lewo od sloganu reklamowego.<br><\/p>\n\n\n\n<p>W innym badaniu dowiedziono natomiast, \u017ce logo jest postrzegane jako bardziej atrakcyjne, je\u015bli zosta\u0142o umieszczane na prawo od zdj\u0119cia i na lewo od czytanego tekstu, nawet je\u015bli te elementy nie mia\u0142y ze sob\u0105 nic wsp\u00f3lnego.<\/p>\n\n\n\n<p><strong>Powy\u017csze eksperymenty nasuwaj\u0105 dwa wa\u017cne wnioski:<\/strong><\/p>\n\n\n\n<ul><li>kiedy obok logotypu ma znale\u017a\u0107 si\u0119 tekst (np. slogan), lepiej umie\u015bci\u0107 logo po lewej stronie, a tekst po prawej.<\/li><li>kiedy obok logo ma znale\u017a\u0107 si\u0119 zdj\u0119cie, lepiej umie\u015b\u0107 je po lewej stronie, a logotyp po prawej.<\/li><\/ul>\n\n\n\n<p>Powy\u017csze zasady mo\u017cna stosowa\u0107 r\u00f3wnie\u017c w reklamach banerowych i materia\u0142ach promocyjnych: prezentacjach, folderach, broszurach, ulotkach, reklamach prasowych czy listach biznesowych.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<ol><li>&nbsp;J. Tkaczyk, Neuropsychologia w s\u0142u\u017cbie reklamy, \u201ePro-Kreacja\u201d 2006.<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Jedna z g\u0142\u00f3wnych zasad user experience (UX) m\u00f3wi, \u017ce logo powinno znale\u017a\u0107 si\u0119 w lewym g\u00f3rnym rogu strony internetowej. Dlaczego w\u0142a\u015bnie tam i co ma z tym wsp\u00f3lnego neurobiologia?&nbsp; Gdzie umie\u015bci\u0107 logo na stronie internetowej?&nbsp; Z punktu widzenia UX najlepszym miejscem na logotyp jest lewa g\u00f3rna kraw\u0119d\u017a strony. Za takim umiejscowieniem przemawia kilka czynnik\u00f3w. Neurobiologia.\u2026 <a href=\"https:\/\/migo.media\/pl\/gdzie-umiescic-logo\">Wi\u0119cej &raquo;<\/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\/2441"}],"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=2441"}],"version-history":[{"count":2,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts\/2441\/revisions"}],"predecessor-version":[{"id":2562,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/posts\/2441\/revisions\/2562"}],"wp:attachment":[{"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/media?parent=2441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/categories?post=2441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/migo.media\/pl\/wp-json\/wp\/v2\/tags?post=2441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}