{"id":4843,"date":"2021-07-16T10:30:54","date_gmt":"2021-07-16T10:30:54","guid":{"rendered":"https:\/\/jchost.pl\/blog\/?p=4843"},"modified":"2022-10-20T08:06:57","modified_gmt":"2022-10-20T08:06:57","slug":"user-experience-co-to-i-do-czego-sluzy","status":"publish","type":"post","link":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/","title":{"rendered":"User Experience \u2013 co to i do czego s\u0142u\u017cy?"},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-4843\" data-postid=\"4843\" class=\"themify_builder_content themify_builder_content-4843 themify_builder tf_clear\">\n                    <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_z9pt672 tb_first tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_9ogh673 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_fv1v673  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h1 style=\"text-align: center;\">Czym jest User Experience i do czego s\u0142u\u017cy?<\/h1>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_tpc0674\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_1s8p674 first\">\n                            <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_7qxc672 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_3 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-1 tb_55ey674 first\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_wnny674\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_3ke1674  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2 style=\"text-align: left;\">User Experience<\/h2>\n<p style=\"text-align: left;\">UX (User Experience), a wi\u0119c do\u015bwiadczenie u\u017cytkownika to zbi\u00f3r wra\u017ce\u0144 i odczu\u0107, jakie staj\u0105 si\u0119 udzia\u0142em osoby korzystaj\u0105cej z danego produktu. A tak\u017ce czynnik maj\u0105cy du\u017cy wp\u0142yw na projektowanie stron internetowych.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_coua675\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_vjwa675 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module image -->\n<div  class=\"module module-image tb_bd06675 image-center rounded  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"469\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png\" class=\"wp-post-image wp-image-4844\" title=\"co-to-jest-UX-1\" alt=\"Czym jest UX i jak wp\u0142ywa na projektowanie stron internetowych?\" srcset=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png 879w, https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1-300x160.png 300w, https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1-768x410.png 768w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_kqs7675\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_55a4675 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_yoth675  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Nie jest \u017cadn\u0105 tajemnic\u0105, \u017ce wszyscy chcemy mie\u0107 pozytywne skojarzenia z przedmiotem, po kt\u00f3ry si\u0119gamy w sklepie. A tak\u017ce mamy nadziej\u0119, \u017ce b\u0119dzie on dla nas <strong>przydatny oraz warto\u015bciowy<\/strong>.<\/p>\n<p style=\"text-align: left;\">Jest to, r\u00f3wnie\u017c istotny pow\u00f3d, dla kt\u00f3rego, zar\u00f3wno producenci d\u00f3br u\u017cytkowych, jak i dystrybutorzy produkt\u00f3w sprzedaj\u0105cy w\u0142asny asortyment online, chc\u0105, aby ich towary oraz oni sami jako marka byli odpowiedzialni za tak przyjemne do\u015bwiadczenia.<\/p>\n<p style=\"text-align: left;\"><strong>Jest to jeden z kluczowych element\u00f3w maj\u0105cych wp\u0142yw na konwersj\u0119<\/strong>, kt\u00f3ry sta\u0142 si\u0119 zal\u0105\u017ckiem wprowadzenia do \u015bwiata IT konceptu wskazuj\u0105cego, jak powinno wygl\u0105da\u0107 projektowanie stron internetowych zorientowanych pod u\u017cytkownika. O czym nieco wi\u0119cej dowiesz si\u0119 z tego artyku\u0142u.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_lpks676\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_2but676 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_6mce676  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Czym jest User Experience?<\/h3>\n<p style=\"text-align: left;\">Termin User Experience wywodzi si\u0119 od ameryka\u0144skiego <strong>profesora psychologii poznawczej <a href=\"https:\/\/pl.wikipedia.org\/wiki\/Donald_Norman\" target=\"_blank\" rel=\"noopener\">Donalda Normana<\/a><\/strong>, kt\u00f3ry w 1993 r. jako \u00f3wczesny pracownik firmy Apple Computers opracowa\u0142 koncepcj\u0119 dobrych praktyk maj\u0105cych na celu zrealizowa\u0107 potrzeby osoby wchodz\u0105cej w interakcj\u0119 z przedmiotem w spos\u00f3b pozbawiony niedogodno\u015bci oraz przeszk\u00f3d.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_bxus676\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_u0v1676 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module image -->\n<div  class=\"module module-image tb_qxgu676 image-center rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/big-image.png\" alt=\"User Experience - co to takiego?\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_1d1k677\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_kui2677 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_r8lz677  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Jak sam autor podkre\u015bla \u2013 w UX liczy si\u0119 to, aby ca\u0142e do\u015bwiadczenie u\u017cytkownika, pocz\u0105wszy od pierwszego kontaktu, zaczerpni\u0119cia informacji, dokonania zakupu, otworzenia, uruchomienia i u\u017cytkowania <strong>przebiega\u0142o p\u0142ynnie, w uj\u0119ciu, kt\u00f3re budzi przyjemne skojarzenia<\/strong>.<\/p>\n<p style=\"text-align: left;\">Wypadkow\u0105 danego konceptu sta\u0142o si\u0119, r\u00f3wnie\u017c wp\u0142yni\u0119cie na odbi\u00f3r konsumenta, w taki spos\u00f3b, aby Ci mocniej integrowali si\u0119 z produktem.<br \/>Co skutkowa\u0142oby <strong>wzmocnieniem zainteresowania mark\u0105 oraz potencja\u0142em na d\u0142u\u017csz\u0105 i trwalsz\u0105 relacj\u0119<\/strong>.<\/p>\n<p style=\"text-align: left;\">I o ile UX to orientacja dotycz\u0105ca produkt\u00f3w, ma ona, r\u00f3wnie\u017c szczeg\u00f3lny wp\u0142yw na projektowanie stron internetowych.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_9m16677\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_nn26677 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module box -->\n<div  class=\"module module-box tb_8xyg677 \" data-lazy=\"1\">\n    <div class=\"module-box-content ui  yellow\">\n                <div class=\"tb_text_wrap\"><p style=\"text-align: left; margin-bottom: 0px;\"><strong>Warto wiedzie\u0107:<\/strong> Obecnie tworzenie przedmiot\u00f3w zgodnych z UX jest standardem na rynku konsumenckim i dotyczy wi\u0119kszo\u015bci d\u00f3br codziennego u\u017cytku. Prostym przyk\u0142adem mo\u017ce by\u0107 tutaj fakt, i\u017c spos\u00f3b, w jaki podejmujesz interakcj\u0119 z bankomatem zosta\u0142 z g\u00f3ry zaaran\u017cowany.<\/p><\/div>\n    <\/div>\n<\/div>\n<!-- \/module box -->\n        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_owk3678\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_qec3678 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_1jnr678  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Dlaczego tworzy si\u0119 witryny w zgodzie z User Experience?<\/h3>\n<p style=\"text-align: left;\">Gdy pierwszy raz wchodzisz na stron\u0119 e-sklepu w poszukiwaniu potrzebnego produktu, chcesz, aby ca\u0142y proces pocz\u0105wszy od zetkni\u0119cia z interfejsem, przechodzenia przez kolejne zak\u0142adki, odnajdywania niezb\u0119dnych informacji by\u0142 czym\u015b, nad czym nie musisz my\u015ble\u0107.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_sn5z678\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_65uu678 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module image -->\n<div  class=\"module module-image tb_9tjs678 image-center rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/big-image-2.png\" alt=\"Do czego s\u0142u\u017cy UX?\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_r1vz678\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_r0th679 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_ampn679  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Je\u015bli, wszak\u017ce wpadniesz w przestrze\u0144, w kt\u00f3rej rzeczy s\u0105 zorganizowane, w taki spos\u00f3b, i\u017c musisz si\u0119 dwa razy zastanawia\u0107, gdzie klikn\u0105\u0107, aby zlokalizowa\u0107 to, czego potrzebujesz. Gdy nie masz pod r\u0119k\u0105 funkcjonalno\u015bci, kt\u00f3ra pozwoli Ci szybko wr\u00f3ci\u0107 do pocz\u0105tku strony. Gdy witryna \u0142aduje si\u0119 zbyt d\u0142ugo. A przy okazji wymaga wielu przekierowa\u0144 do docelowego punktu, <strong>nie nazwiesz tego do\u015bwiadczenia praktycznym<\/strong>. A tym bardziej nie b\u0119dziesz mia\u0142 ochoty go powtarza\u0107.<\/p>\n<p style=\"text-align: left;\"><strong>Mo\u017cna, wi\u0119c przyj\u0105\u0107, \u017ce po\u015br\u00f3d podstawowych za\u0142o\u017ce\u0144 maj\u0105cych wp\u0142yw na projektowanie stron internetowych pod UX nale\u017cy wymieni\u0107 konieczno\u015b\u0107:<\/strong><\/p>\n<ul>\n<li style=\"text-align: left;\">umo\u017cliwienia intuicyjnego dost\u0119pu do zasob\u00f3w strony;<\/li>\n<li style=\"text-align: left;\">zapewnienia, jak najprostszego w obs\u0142udze interfejsu;<\/li>\n<li style=\"text-align: left;\">ustalenia \u015bcie\u017cki zakupowej lub innego rodzaju scenariusza maj\u0105cego doprowadzi\u0107 do okre\u015blonej akcji (w zale\u017cno\u015bci od cel\u00f3w i priorytet\u00f3w marki).<\/li>\n<\/ul>\n<p style=\"text-align: left;\">Te warunki organizuje si\u0119 po to, aby nada\u0107 witrynie cech <strong>u\u017cyteczno\u015bci oraz praktyczno\u015bci<\/strong>.<\/p>\n<p style=\"text-align: left;\">A im mniej spowalniaj\u0105cych do\u015bwiadczenie konsumenta motyw\u00f3w, tym lepszy jest odbi\u00f3r i wyrobione wra\u017cenie o marce. <strong>Co przek\u0142ada si\u0119 wyk\u0142adniczo na wsp\u00f3\u0142czynnik konwersji oraz sprzeda\u017c.<\/strong> A tak\u017ce na popularno\u015b\u0107 i powodzenie produktu na rynku wzgl\u0119dem konkurencji.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_o0ru679\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_9wi4679 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module box -->\n<div  class=\"module module-box tb_8ac5679 \" data-lazy=\"1\">\n    <div class=\"module-box-content ui  yellow\">\n                <div class=\"tb_text_wrap\"><p style=\"text-align: left; margin-bottom: 0px;\"><strong>Warto wiedzie\u0107:<\/strong> O ile User Experience Design skupia si\u0119 na konsolidowaniu przyjaznego do\u015bwiadczenia u\u017cytkownika, tak cz\u0119sto ta dziedzina mylona jest z User Interface. Podczas gdy UI odpowiada na pytanie: \u201eJak rzecz poda\u0107?\u201d (od strony graficznej, programistycznej), UX wskazuje, jakie emocje b\u0119d\u0105 internaucie towarzyszy\u0107 w zwi\u0105zku, z tak zaprojektowanym uk\u0142adem.<\/p><\/div>\n    <\/div>\n<\/div>\n<!-- \/module box -->\n        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_lq47679\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_it4d679 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_81c1679  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Czego nale\u017cy unika\u0107, maj\u0105c na wzgl\u0119dzie UX?<\/h3>\n<p style=\"text-align: left;\">Zar\u00f3wno produkt, jak i strona powinny by\u0107 dla u\u017cytkownika przyjazne w odbiorze. Atrakcyjne pod wzgl\u0119dem funkcjonalnym i wizualnym, spe\u0142nia\u0107 \u017cywione oczekiwania oraz by\u0107 proste w obs\u0142udze. A ponadto ich u\u017cytkowanie musi wi\u0105za\u0107 si\u0119 z poczuciem komfortu i pozostawia\u0107 po sobie przyjemne wra\u017cenie.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_3pqz680\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_7s8k680 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module image -->\n<div  class=\"module module-image tb_p73z680 image-center rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/bledy.png\" alt=\"User Experience a b\u0142\u0119dy, kt\u00f3rych nale\u017cy unika\u0107\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_b9wt680\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_7tvy680 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_mf4v680  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Mo\u017cemy mie\u0107, w\u00f3wczas pewno\u015b\u0107, \u017ce klient wr\u00f3ci, uznaj\u0105c, \u017ce to, co oferujemy jest dobrej i wartej ponownego zakupu jako\u015bci.<br \/>Dlaczego, wszak\u017ce mia\u0142by pomy\u015ble\u0107 inaczej, skoro zadbali\u015bmy o to, aby nic nie stan\u0119\u0142o na jego drodze?<\/p>\n<p style=\"text-align: left;\">I poniewa\u017c, w\u0142a\u015bnie taki spos\u00f3b podchodzenia do rzeczy jest niezb\u0119dny, <strong>warto wiedzie\u0107, jakich b\u0142\u0119d\u00f3w unika\u0107<\/strong>, by zapewni\u0107, r\u00f3wnie\u017c i sobie to mi\u0142e do\u015bwiadczenie zwi\u0105zane z obs\u0142ug\u0105 sprzeda\u017cy.<\/p>\n<p style=\"text-align: left;\"><strong>Dobrze b\u0119dzie w takim wypadku wystrzega\u0107 si\u0119:<\/strong><\/p>\n<ul>\n<li style=\"text-align: left;\">uchybie\u0144 nawi\u0105zuj\u0105cych do szybko\u015bci \u0142adowania strony;<\/li>\n<li style=\"text-align: left;\">zapychania witryn wieloma elementami \u2013 tworzenie zbyt wielu punkt\u00f3w odniesienia <strong>rozprasza u\u017cytkownika<\/strong>;<\/li>\n<li style=\"text-align: left;\">braku responsywno\u015bci stron mobilnych;<\/li>\n<li style=\"text-align: left;\">nieobecno\u015bci przycisk\u00f3w prowadz\u0105cych do okre\u015blonych sekcji \u2013 osoba przegl\u0105daj\u0105ca dolny fragment strony <strong>nie powinna mie\u0107 problemu<\/strong> z powrotem na pocz\u0105tek zak\u0142adki;<\/li>\n<li style=\"text-align: left;\">ma\u0142o logicznego rozmieszczania element\u00f3w utrudniaj\u0105cych nawigacj\u0119;<\/li>\n<li style=\"text-align: left;\">nieodznaczania w odr\u0119bny spos\u00f3b obszar\u00f3w krytycznych, np. przycisk\u00f3w prowadz\u0105cych do poszukiwanych kart lub sekcji;<\/li>\n<li style=\"text-align: left;\">nieumieszczania informacji typu FAQ, odno\u015bnik\u00f3w kieruj\u0105cych do pomocy;<\/li>\n<li style=\"text-align: left;\">zabrania u\u017cytkownikowi szansy zrobienia zakup\u00f3w w sklepie, je\u015bli wcze\u015bniej nie dokona\u0142 rejestracji.<\/li>\n<\/ul>\n<p style=\"text-align: left;\">Oczywi\u015bcie b\u0142\u0119d\u00f3w, kt\u00f3re mo\u017cna pope\u0142ni\u0107 jest znacznie wi\u0119cej w zale\u017cno\u015bci od cel\u00f3w i za\u0142o\u017ce\u0144, na kt\u00f3rych opiera si\u0119 polityka firmy.<br \/>Niemniej tym szczeg\u00f3lnie cz\u0119stym i podr\u0119cznikowym, kt\u00f3ry mo\u017cesz zaobserwowa\u0107 na wi\u0119kszo\u015bci witryn (a zw\u0142aszcza tych informacyjnych i na blogach) jest <strong>szpikowanie strony g\u0142\u00f3wnej nadmiarow\u0105 tre\u015bci\u0105<\/strong>.<\/p>\n<p style=\"text-align: left;\">Tej u\u017cytkownik nie b\u0119dzie mia\u0142 mo\u017cliwo\u015bci przetworzy\u0107. Nawet gdyby chcia\u0142 (a uniknie tego, gdy zrozumie, i\u017c przygniata go ilo\u015b\u0107, a nie jako\u015b\u0107). A co za tym idzie \u2013 ucieknie z wra\u017ceniem, \u017ce zamiast spotka\u0107 si\u0119 z mi\u0142ym do\u015bwiadczeniem, osaczy\u0142 go chaos.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_1dxe680\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_5v0t680 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module box -->\n<div  class=\"module module-box tb_d3sw680 \" data-lazy=\"1\">\n    <div class=\"module-box-content ui  orange\">\n                <div class=\"tb_text_wrap\"><p style=\"text-align: center; margin-bottom: 0px;\">Sprawd\u017a najszybszy na rynku <a style=\"color: #fff; font-weight: 600;\" href=\"https:\/\/jchost.pl\/hosting\/wordpress\/\" target=\"_blank\" rel=\"noopener\">hosting WordPress<\/a> oraz <a style=\"color: #fff; font-weight: 600;\" href=\"https:\/\/jchost.pl\/hosting\/magento\/\" target=\"_blank\" rel=\"noopener\">hosting Ecommerce<\/a>.<\/p><\/div>\n    <\/div>\n<\/div>\n<!-- \/module box -->\n        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_calj681\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_px42681 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_q9lc681  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Co ma wp\u0142yw na projektowanie stron internetowych w zgodzie z UX?<\/h3>\n<p style=\"text-align: left;\">W odniesieniu do User Experience mo\u017cemy mie\u0107 pewno\u015b\u0107, \u017ce omawiamy aspekt, kt\u00f3rego g\u0142\u00f3wnym za\u0142o\u017ceniem jest <strong>celowo\u015b\u0107 i praktyczne wykorzystanie wiedzy zdobytej na temat u\u017cytkownika<\/strong>.<br \/>W spos\u00f3b, kt\u00f3ry przyniesie korzy\u015b\u0107, zar\u00f3wno jemu, jak i w\u0142a\u015bcicielom witryn.<\/p>\n<p style=\"text-align: left;\">Co wa\u017cne istniej\u0105, r\u00f3wnie\u017c <strong>trzy warunki \u015bci\u015ble ze sob\u0105 powi\u0105zane<\/strong> pozwalaj\u0105ce uregulowa\u0107 spos\u00f3b organizacji strony z g\u00f3ry.<\/p>\n<p style=\"text-align: left;\"><strong>Te czynniki to:<\/strong><\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_1du9681\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_r7yj681 first\">\n                            <\/div>\n                    <\/div>\n                <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_yonw681\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_5n8q681 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_6tpp681   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4 style=\"text-align: left;\"><strong>1. Punkt konwersji<\/strong><\/h4>\n<p style=\"text-align: left;\">Punkt konwersji to <strong>cele i za\u0142o\u017cenia<\/strong>, jakie stawiamy przed mark\u0105 i to, co ma ona osi\u0105gn\u0105\u0107 na rynku.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_nf7b682 image-top rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/sales.png\" alt=\"Jak User Experience pomaga zwi\u0119kszy\u0107 sprzeda\u017c?\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <\/div>\n                <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_csgl682\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_jhi4682 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_do13682  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Je\u015bli prowadzimy sklep internetowy naszym g\u0142\u00f3wnym <strong>zamiarem jest uzyskanie satysfakcjonuj\u0105cego poziomu sprzeda\u017cy<\/strong>.<\/p>\n<p style=\"text-align: left;\">Przeznaczenie witryny okre\u015bla, <strong>jakiego typu funkcjonalno\u015bci<\/strong> b\u0119dziemy potrzebowa\u0107, aby zrealizowa\u0107 przy\u015bwiecaj\u0105ce firmie priorytety.<\/p>\n<p style=\"text-align: left;\">Co oznacza, i\u017c zupe\u0142nie inaczej zaplanujemy struktur\u0119 strony pod konsumenta. A ca\u0142kiem odr\u0119bne rozwi\u0105zania zastosujemy dla czytelnika bloga.<\/p>\n<p style=\"text-align: left;\">Punkt konwersji jest wi\u0119c jednym z odniesie\u0144 determinuj\u0105cych strategi\u0119 organizacji witryny, <strong>co warto mie\u0107 na uwadze przed jej aran\u017cacj\u0105<\/strong>.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_iq42682\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_n03k682 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_7ssi682   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4 style=\"text-align: left;\"><strong>2. Grupa docelowa<\/strong><\/h4>\n<p style=\"text-align: left;\">O ile w pierwszym przypadku istotny jest pierwotny cel samej witryny, tak tutaj <strong>musimy skupi\u0107 si\u0119 stricte na u\u017cytkowniku<\/strong>.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_mg1o682 image-center rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/grupa-docelowa.png\" alt=\"UX a grupa docelowa\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_x92p683\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_c2dk683 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_0up3683  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">I je\u015bli przy okazji chcemy poprowadzi\u0107 bloga w sp\u00f3jnej tematyce, zasadnym oka\u017ce si\u0119 wiedzie\u0107, <strong>jakie s\u0105 potrzeby ludzi, kt\u00f3rzy takiego contentu poszukuj\u0105<\/strong>.<\/p>\n<p style=\"text-align: left;\">Gdy okre\u015blimy, kim s\u0105 nasi odbiorcy. Przenikniemy wyznawane przez nich warto\u015bci. Dowiemy si\u0119, co preferuj\u0105 lub jakie maj\u0105 problemy, b\u0119dziemy mogli <strong>tak zaprojektowa\u0107 struktur\u0119 i wygl\u0105d strony, aby ka\u017cdy element mia\u0142 przypisane znaczenie<\/strong>. Oraz spe\u0142nia\u0142 praktyczn\u0105 funkcj\u0119.<\/p>\n<p style=\"text-align: left;\">W ten spos\u00f3b stworzymy przyjazne \u015brodowisko, w kt\u00f3rym z pewno\u015bci\u0105 odnajdzie si\u0119 nasza grupa docelowa.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_6vii683\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_jlta683 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_8kro683   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4 style=\"text-align: left;\"><strong>3. Niezb\u0119dna funkcjonalno\u015b\u0107<\/strong><\/h4>\n<p style=\"text-align: left;\">Funkcjonalno\u015b\u0107 jest w du\u017cym stopniu zale\u017cna od g\u0142\u00f3wnego celu, jaki przy\u015bwieca witrynie i marce, jednak niewy\u0142\u0105cznie.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_y7hq683 image-center rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/funkjonalnosc.png\" alt=\"User Experience \u2014 co ma na niego wp\u0142yw?\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_1k8o683\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_07lj683 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_lmbs683  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Ta z samej zasady musi by\u0107, r\u00f3wnie\u017c <strong>prosta i \u0142atwa do zrozumienia<\/strong> na tzw. klik. A wi\u0119c nie mo\u017ce dezorientowa\u0107 u\u017cytkownika, kt\u00f3ry gdy ma do czynienia z czym\u015b ci\u0119\u017ckim do odgadni\u0119cia zwyczajnie si\u0119 pogubi.<\/p>\n<p style=\"text-align: left;\">I wcale nie b\u0119dzie medytowa\u0107 nad tym, jak co\u015b dzia\u0142a, a przejdzie do wirtualnej przestrzeni obok, gdzie rozplanowano rzeczy lepiej. Mniej zawile. A bardziej pod niego.<\/p>\n<p style=\"text-align: left;\">Warto, wi\u0119c zwyczajnie zadba\u0107 o to, aby <strong>korzystanie ze strony by\u0142o intuicyjne<\/strong>. A elementy odpowiadaj\u0105ce za interakcj\u0119 uproszczone do granic niemo\u017cliwo\u015bci.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_aarz684\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_z1sn684 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_9ruk684   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Jak wygl\u0105da projektowanie stron internetowych pod k\u0105tem UX?<\/h3>\n<p style=\"text-align: left;\">Gdy ustalili\u015bmy punkt konwersji, wiemy do kogo kierowany jest content lub oferta. Oraz posiadamy przyjazn\u0105 w obs\u0142udze funkcjonalno\u015b\u0107, czas przej\u015b\u0107 do&#8230; <strong>bada\u0144 i weryfikacji tego, jak przyjmie nas rynek<\/strong>.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_jx7s684 image-top rounded drop-shadow  tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/projektowanie-stron.png\" alt=\"Projektowanie stron internetowych a User Experience\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_iaet684\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_i79h684 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_e6ll684   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">User Experience na samym pocz\u0105tku jest wy\u0142\u0105cznie koncepcj\u0105, kt\u00f3r\u0105 nale\u017cy skonfrontowa\u0107.<br \/><strong>UX Designer<\/strong>, a wi\u0119c osoba odpowiadaj\u0105ca za wyznaczenie i okre\u015blenie cech potencjalnego odbiorcy oraz sposobu jego interakcji ze stron\u0105 na wst\u0119pie pracuje ze zwyk\u0142\u0105 makiet\u0105 zwan\u0105 <strong>Wireframe<\/strong>, kt\u00f3ra jest such\u0105 wersj\u0105 docelowej witryny.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_2bel684 image-top   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/wireframe-1.png\" alt=\"Jak wygl\u0105da projektowanie stron internetowych pod UX?\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_4fs1684\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_1o93685 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_b938685   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Taki szablon nie zawiera dopracowanych szczeg\u00f3\u0142\u00f3w ani ko\u0144cowych element\u00f3w graficznych, a jedynie ich <strong>skr\u00f3towe lub uwidaczniaj\u0105ce zarys odpowiedniki<\/strong>.<\/p>\n<p style=\"text-align: left;\">Na tym etapie kszta\u0142tuje si\u0119 og\u00f3lne <strong>pomys\u0142y oraz umiejscawia funkcjonalno\u015bci<\/strong>. Po to, aby za chwil\u0119 mie\u0107 gotowy prototyp, na kt\u00f3rym mo\u017cna ju\u017c testowa\u0107 zachowanie u\u017cytkownika. I jego spos\u00f3b poruszania si\u0119 w obr\u0119bie witryny. A w tym okre\u015bli\u0107, czy wprowadzone rozwi\u0105zania s\u0105 praktyczne, ewentualnie, co wymaga poprawy.<\/p>\n<p style=\"text-align: left;\"><strong>Co oznacza, i\u017c zanim projekt stanie si\u0119 w pe\u0142ni funkcjonalny. I u\u017cyteczny przechodzi szereg analiz oraz egzamin\u00f3w, do kt\u00f3rych mo\u017cna zaliczy\u0107 m.in. takie techniki podgl\u0105daj\u0105ce dzia\u0142ania u\u017cytkownika, jak:<\/strong><\/p>\n<ul>\n<li style=\"text-align: left;\"><strong>testy typu A\/B<\/strong> (sp\u00f3jrz na artyku\u0142 poni\u017cej, aby dowiedzie\u0107 si\u0119 wi\u0119cej: <a href=\"https:\/\/jchost.pl\/blog\/testy-a-b-jakie-maja-znaczenie-i-na-co-zwrocic-uwage\/\" target=\"_blank\" rel=\"noopener\">Testy A\/B \u2013 jakie maj\u0105 znaczenie i na co zwr\u00f3ci\u0107 uwag\u0119?<\/a>);<\/li>\n<li style=\"text-align: left;\">mapy ciep\u0142a (<strong>heatmaps<\/strong>) okre\u015blaj\u0105ce obszary najwi\u0119kszego zainteresowania;<\/li>\n<li style=\"text-align: left;\">\u015bledzenie ruch\u00f3w myszy (<strong>mouse tracking<\/strong>) pozwalaj\u0105ce wspom\u00f3c proces udoskonalania interfejsu;<\/li>\n<li style=\"text-align: left;\">analiza poruszania si\u0119 po stronie (<strong>scrollmaps<\/strong>) wskazuj\u0105ca, jak daleko w g\u0142\u0105b dociera internauta w obr\u0119bie danej zak\u0142adki;<\/li>\n<li style=\"text-align: left;\">obserwacja ruch\u00f3w ga\u0142ek ocznych (<strong>eye tracking<\/strong>) okre\u015blaj\u0105ca, co faktycznie osoba zauwa\u017ca i do czego przykuwa uwag\u0119.<\/li>\n<\/ul>\n<p style=\"text-align: left;\">Wszystkie wymienione pomagaj\u0105 w dokonaniu <strong>finalnej syntezy oraz s\u0105 odpowiedzialne za design, oraz spos\u00f3b rozmieszczenia poszczeg\u00f3lnych element\u00f3w<\/strong> na docelowej stronie. W najwi\u0119kszym jednak stopniu odpowiadaj\u0105 za <strong>u\u017cyteczno\u015b\u0107 oraz zwi\u0119kszenie wska\u017anika konwersji<\/strong>.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_ogdh685\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_gwii685 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_v9rx685   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3 style=\"text-align: left;\">Podsumowanie<\/h3>\n<p style=\"text-align: left;\">User Experience to koncept pozwalaj\u0105cy tworzy\u0107 dobra konsumpcyjne i strony internetowe pod potrzeby u\u017cytkownika. Oraz personalizowa\u0107 do\u015bwiadczenie, w taki spos\u00f3b, aby ka\u017cdy ruch osoby zaanga\u017cowanej prowadzi\u0142 do okre\u015blonej akcji, np. zapisania si\u0119 na webinar, czy dokonania zakupu.<\/p>\n<p style=\"text-align: left;\">Celem UX jest, wi\u0119c zwi\u0119kszenie u\u017cyteczno\u015bci i funkcjonalno\u015bci strony pod k\u0105tem realizacji cel\u00f3w marki, a tak\u017ce zapewnienie odbiorcy satysfakcji z u\u017cytkowania jej produkt\u00f3w oraz umo\u017cliwienie zawi\u0105zania trwa\u0142ej relacji.<\/p>\n<p style=\"text-align: left;\">UX ma, r\u00f3wnie\u017c krytyczny wp\u0142yw na ostateczny wygl\u0105d oraz uk\u0142ad poszczeg\u00f3lnych detali na docelowej stronie.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_j2hf685\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_ugiq685 first\">\n                            <\/div>\n                    <\/div>\n        <!-- module box -->\n<div  class=\"module module-box tb_pntq685 \" data-lazy=\"1\">\n    <div class=\"module-box-content ui  light-green\">\n                <div class=\"tb_text_wrap\"><p>Odbieramy telefony, odpisujemy na maile, nie ukrywamy koszt\u00f3w, a dodatkowo oferujemy najszybsze pakiety hostingowe na rynku. Uwa\u017casz, \u017ce to zwroty marketingowe? Sprawd\u017a sam\/a!<\/p>\n<p>Je\u015bli nie b\u0119dziesz zadowolony\/a, zwr\u00f3cimy Ci pieni\u0105dze.<br \/><strong>Twoje strony i sklepy przeniesiemy za darmo!<\/strong><\/p>\n<p><a style=\"color: #fff; font-weight: 600;\" href=\"https:\/\/jchost.pl\/hosting\/wordpress\/\" target=\"_blank\" rel=\"noopener\">Hosting WordPress<\/a> &#8211; <a style=\"color: #fff; font-weight: 600;\" href=\"https:\/\/jchost.pl\/hosting\/magento\/\" target=\"_blank\" rel=\"noopener\">Hosting Magento<\/a><\/p><\/div>\n    <\/div>\n<\/div>\n<!-- \/module box -->\n<!-- module box -->\n<div  class=\"module module-box tb_90m0686 \" data-lazy=\"1\">\n    <div class=\"module-box-content ui  tb_default_color\">\n                <div class=\"tb_text_wrap\"><p>Je\u017celi masz jakiekolwiek pytania, skontaktuj si\u0119 z nami! <a href=\"https:\/\/www.jchost.pl\/clients\/submitticket\/\" target=\"_blank\" rel=\"noopener\">Kliknij tutaj<\/a>.<\/p>\n<p>Chcesz dowiedzie\u0107 si\u0119 o nas troch\u0119 wi\u0119cej? Przejd\u017a na <a href=\"https:\/\/www.jchost.pl\/\" target=\"_blank\" rel=\"noopener\">stron\u0119 JCHost.pl<\/a>.<\/p><\/div>\n    <\/div>\n<\/div>\n<!-- \/module box -->\n        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-1 tb_ev6a686 last\">\n                            <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>Czym jest User Experience i do czego s\u0142u\u017cy? User Experience UX (User Experience), a wi\u0119c do\u015bwiadczenie u\u017cytkownika to zbi\u00f3r wra\u017ce\u0144 i odczu\u0107, jakie staj\u0105 si\u0119 udzia\u0142em osoby korzystaj\u0105cej z danego produktu. A tak\u017ce czynnik maj\u0105cy du\u017cy wp\u0142yw na projektowanie stron internetowych. Nie jest \u017cadn\u0105 tajemnic\u0105, \u017ce wszyscy chcemy mie\u0107 pozytywne skojarzenia z przedmiotem, po kt\u00f3ry [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4844,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4843","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu\" \/>\n<meta property=\"og:description\" content=\"Czym jest User Experience i do czego s\u0142u\u017cy? User Experience UX (User Experience), a wi\u0119c do\u015bwiadczenie u\u017cytkownika to zbi\u00f3r wra\u017ce\u0144 i odczu\u0107, jakie staj\u0105 si\u0119 udzia\u0142em osoby korzystaj\u0105cej z danego produktu. A tak\u017ce czynnik maj\u0105cy du\u017cy wp\u0142yw na projektowanie stron internetowych. Nie jest \u017cadn\u0105 tajemnic\u0105, \u017ce wszyscy chcemy mie\u0107 pozytywne skojarzenia z przedmiotem, po kt\u00f3ry [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog o hostingu i dla hostingu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/jchostpl\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-16T10:30:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-20T08:06:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"879\" \/>\n\t<meta property=\"og:image:height\" content=\"469\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ekipa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ekipa\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/\"},\"author\":{\"name\":\"Ekipa\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/person\\\/5c0718f08eb37ba283bce590a6a97475\"},\"headline\":\"User Experience \u2013 co to i do czego s\u0142u\u017cy?\",\"datePublished\":\"2021-07-16T10:30:54+00:00\",\"dateModified\":\"2022-10-20T08:06:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/\"},\"wordCount\":2037,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/co-to-jest-UX-1.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/\",\"name\":\"User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/co-to-jest-UX-1.png\",\"datePublished\":\"2021-07-16T10:30:54+00:00\",\"dateModified\":\"2022-10-20T08:06:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/co-to-jest-UX-1.png\",\"contentUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/co-to-jest-UX-1.png\",\"width\":879,\"height\":469},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/user-experience-co-to-i-do-czego-sluzy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Experience \u2013 co to i do czego s\u0142u\u017cy?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\",\"name\":\"Blog o hostingu i dla hostingu\",\"description\":\"Blog hostingowy dla ka\u017cdego!\",\"publisher\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\",\"name\":\"blog.jchost.pl\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/blog-hostingowy-logo-JCHost.jpg\",\"contentUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/blog-hostingowy-logo-JCHost.jpg\",\"width\":229,\"height\":80,\"caption\":\"blog.jchost.pl\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/jchostpl\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC6myB18cMX1a5bAJ6WChQPw\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/person\\\/5c0718f08eb37ba283bce590a6a97475\",\"name\":\"Ekipa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"caption\":\"Ekipa\"},\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/","og_locale":"pl_PL","og_type":"article","og_title":"User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu","og_description":"Czym jest User Experience i do czego s\u0142u\u017cy? User Experience UX (User Experience), a wi\u0119c do\u015bwiadczenie u\u017cytkownika to zbi\u00f3r wra\u017ce\u0144 i odczu\u0107, jakie staj\u0105 si\u0119 udzia\u0142em osoby korzystaj\u0105cej z danego produktu. A tak\u017ce czynnik maj\u0105cy du\u017cy wp\u0142yw na projektowanie stron internetowych. Nie jest \u017cadn\u0105 tajemnic\u0105, \u017ce wszyscy chcemy mie\u0107 pozytywne skojarzenia z przedmiotem, po kt\u00f3ry [&hellip;]","og_url":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/","og_site_name":"Blog o hostingu i dla hostingu","article_publisher":"https:\/\/www.facebook.com\/jchostpl\/","article_published_time":"2021-07-16T10:30:54+00:00","article_modified_time":"2022-10-20T08:06:57+00:00","og_image":[{"width":879,"height":469,"url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png","type":"image\/png"}],"author":"Ekipa","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Ekipa"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#article","isPartOf":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/"},"author":{"name":"Ekipa","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/person\/5c0718f08eb37ba283bce590a6a97475"},"headline":"User Experience \u2013 co to i do czego s\u0142u\u017cy?","datePublished":"2021-07-16T10:30:54+00:00","dateModified":"2022-10-20T08:06:57+00:00","mainEntityOfPage":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/"},"wordCount":2037,"commentCount":0,"publisher":{"@id":"https:\/\/jchost.pl\/blog\/#organization"},"image":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#primaryimage"},"thumbnailUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png","articleSection":["Uncategorized"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/","url":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/","name":"User Experience \u2013 co to i do czego s\u0142u\u017cy? - Blog o hostingu i dla hostingu","isPartOf":{"@id":"https:\/\/jchost.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#primaryimage"},"image":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#primaryimage"},"thumbnailUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png","datePublished":"2021-07-16T10:30:54+00:00","dateModified":"2022-10-20T08:06:57+00:00","breadcrumb":{"@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#primaryimage","url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png","contentUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2021\/07\/co-to-jest-UX-1.png","width":879,"height":469},{"@type":"BreadcrumbList","@id":"https:\/\/jchost.pl\/blog\/user-experience-co-to-i-do-czego-sluzy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jchost.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"User Experience \u2013 co to i do czego s\u0142u\u017cy?"}]},{"@type":"WebSite","@id":"https:\/\/jchost.pl\/blog\/#website","url":"https:\/\/jchost.pl\/blog\/","name":"Blog o hostingu i dla hostingu","description":"Blog hostingowy dla ka\u017cdego!","publisher":{"@id":"https:\/\/jchost.pl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jchost.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/jchost.pl\/blog\/#organization","name":"blog.jchost.pl","url":"https:\/\/jchost.pl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2017\/11\/blog-hostingowy-logo-JCHost.jpg","contentUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2017\/11\/blog-hostingowy-logo-JCHost.jpg","width":229,"height":80,"caption":"blog.jchost.pl"},"image":{"@id":"https:\/\/jchost.pl\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/jchostpl\/","https:\/\/www.youtube.com\/channel\/UC6myB18cMX1a5bAJ6WChQPw"]},{"@type":"Person","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/person\/5c0718f08eb37ba283bce590a6a97475","name":"Ekipa","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","caption":"Ekipa"},"url":"https:\/\/jchost.pl\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/4843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/comments?post=4843"}],"version-history":[{"count":2,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/4843\/revisions"}],"predecessor-version":[{"id":4978,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/4843\/revisions\/4978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/media\/4844"}],"wp:attachment":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/media?parent=4843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/categories?post=4843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/tags?post=4843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}