{"id":530,"date":"2022-01-24T21:25:26","date_gmt":"2022-01-24T21:25:26","guid":{"rendered":"https:\/\/smultron.software\/ui-vs-ux\/"},"modified":"2024-06-13T17:01:51","modified_gmt":"2024-06-13T17:01:51","slug":"ui-vs-ux","status":"publish","type":"post","link":"https:\/\/smultron.software\/pl\/blog\/ui-vs-ux","title":{"rendered":"UI vs UX"},"content":{"rendered":"\n<p>Projektowanie UX oraz projektowanie UI to dwa oddzielne, uzupe\u0142niaj\u0105ce si\u0119 dzia\u0142ania podczas budowania aplikacji i serwis\u00f3w internetowych. Oba poj\u0119cia s\u0105 cz\u0119sto mylone i stosowane zamiennie. Opisali\u015bmy poni\u017cej na czym polega r\u00f3\u017cnica UX vs UI oraz jakie obowi\u0105zki nale\u017c\u0105 do projektant\u00f3w UX oraz projektant\u00f3w UI.<\/p>\n\n\n\n<p>Nierzadko spotykam si\u0119 z og\u0142oszeniami o prac\u0119, w kt\u00f3rych poszukiwane s\u0105 osoby na stanowisko \u201cUI\/UX designera\u201d. Mo\u017ce to by\u0107 myl\u0105ce, poniewa\u017c UX designer oraz UI designer to dwie, ca\u0142kiem osobne profesje, kt\u00f3re zajmuj\u0105 si\u0119 innymi zadaniami.&nbsp;<\/p>\n\n\n\n<p>Projektowanie UX wymaga analitycznego podej\u015bcia, zwi\u0105zanego z badaniem potrzeb u\u017cytkownik\u00f3w podczas gdy projektowanie UI jest skoncentrowane na aspekcie wizualnym.<\/p>\n\n\n\n<p>Obie dziedziny projektowania mog\u0105 \u0142\u0105czy\u0107 si\u0119 i przeplata\u0107, a osoba o tak szerokich kompetencjach musia\u0142aby opanowa\u0107 bardzo szeroki wachlarz umiej\u0119tno\u015bci. Postaram si\u0119 przybli\u017cy\u0107 oba poj\u0119cia i pokaza\u0107 r\u00f3\u017cnice pomi\u0119dzy nimi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"czym-jest-jest-ux-user-experience\">Czym jest jest UX (user experience)?<\/h2>\n\n\n\n<p>Zgodnie z definicj\u0105, user experience (UX) to:&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>do\u015bwiadczenie osoby korzystaj\u0105cej z produktu, systemu lub us\u0142ugi, np. czy uwa\u017ca je za przyjemne i \u0142atwe w u\u017cyciu<\/p>\n<cite><a href=\"https:\/\/dictionary.cambridge.org\/pl\/dictionary\/english\/ux\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cambridge Dictionary<\/a><\/cite><\/blockquote>\n\n\n\n<p>M\u00f3wi\u0105c bardziej potocznie, UX to suma wszystkich reakcji i odczu\u0107, kt\u00f3rych do\u015bwiadcza u\u017cytkownik podczas korzystania z naszego produktu. Zakres dzia\u0142ania UX designera nie obejmuje tylko produkt\u00f3w cyfrowych, takich jak witryny internetowe czy aplikacje mobilne, jest to termin bardzo szeroki, mo\u017ce te\u017c dotyczy\u0107 produkt\u00f3w fizycznych i us\u0142ug.<\/p>\n\n\n\n<p>UX dotyczy aspektu emocjonalnego, uczuciowego i kwestii zwi\u0105zanych z do\u015bwiadczeniem.&nbsp;<\/p>\n\n\n\n<p>Dzi\u0119ki pracy UX designera, u\u017cytkownik kt\u00f3ry wchodzi na stron\u0119 internetow\u0105 wie po co si\u0119 tam znalaz\u0142, ma poczucie \u017ce trafi\u0142 we w\u0142a\u015bciwe miejsce i intuicyjnie umie si\u0119 po niej porusza\u0107.&nbsp;<\/p>\n\n\n\n<p>Nie czuje si\u0119 zagubiony i potrafi w szybki spos\u00f3b znale\u017a\u0107 informacje, kt\u00f3rych potrzebuje. To w\u0142a\u015bnie dzi\u0119ki dzia\u0142aniom projektant\u00f3w UX, u\u017cytkownik wie gdzie klikn\u0105\u0107 aby otrzyma\u0107 po\u017c\u0105dany efekt.<\/p>\n\n\n\n<p>Przeczytaj artyku\u0142 o tym, <a href=\"https:\/\/smultron.software\/pl\/blog\/ux-design-process\" title=\"Projektowanie UX \u2013 nasz workflow\">jak projektujemy UX<\/a> w Smultron.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"zadania-projektanta-ux\">Zadania projektanta UX<\/h2>\n\n\n\n<p>Osoba na takim stanowisku powinna posiada\u0107 umiej\u0119tno\u015bci z kilku obszar\u00f3w: psychologii, analityki, marketingu oraz zdolno\u015bci graficznych.<\/p>\n\n\n\n<p>Powinny cechowa\u0107 j\u0105 kreatywno\u015b\u0107, ciekawo\u015b\u0107 \u015bwiata osoby siedz\u0105cej po drugiej strony ekranu, otwarto\u015b\u0107 i ch\u0119\u0107 tworzenia rzeczy, kt\u00f3re b\u0119d\u0105 u\u017cyteczne.&nbsp;<\/p>\n\n\n\n<p>Projektant UX decyduje, gdzie dany element znajdzie si\u0119 na stronie ze wzgl\u0119du na jego wa\u017cno\u015b\u0107. Pilnuje, aby produkt wchodz\u0105cy na rynek odpowiada\u0142 na potrzeby u\u017cytkownik\u00f3w.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"500\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu.png\" alt=\"\" class=\"wp-image-633 lazyload\" data-srcset=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu.png 800w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu-300x188.png 300w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu-768x480.png 768w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu-46x29.png 46w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu-56x35.png 56w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/struktura-serwisu-528x330.png 528w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/500;\" \/><figcaption class=\"wp-element-caption\">Schemat projektowania struktury serwisu przez UX designera.<\/figcaption><\/figure>\n\n\n\n<p>Aby u\u0142atwi\u0107 u\u017cytkownikom korzystanie z serwis\u00f3w internetowych, UX designer w swojej pracy wykonuje nast\u0119puj\u0105ce czynno\u015bci:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>przeprowadzanie warsztat\u00f3w z klientem w celu poznania wymaga\u0144 i potrzeb,<\/li>\n\n\n\n<li>analiza konkurencji,<\/li>\n\n\n\n<li>zbieranie informacji na temat odbiorc\u00f3w tworzonego serwisu (tworzenie person),<\/li>\n\n\n\n<li>projektowanie struktury serwisu,&nbsp;<\/li>\n\n\n\n<li>projektowanie architektury informacji,<\/li>\n\n\n\n<li>tworzenie storyboard\u00f3w,<\/li>\n\n\n\n<li>budowanie prototyp\u00f3w,<\/li>\n\n\n\n<li>badania z u\u017cytkownikami, wywiady, przeprowadzanie test\u00f3w (A\/B),<\/li>\n\n\n\n<li>wsp\u00f3\u0142praca z klientem, UI designerem, programistami.<\/li>\n<\/ul>\n\n\n\n<div class=\"py-[32px] px-[24px] tablet:px-[32px] bg-gray-1 rounded-[8px]\ncta-small\">\n\t<div class=\"flex flex-wrap gap-[24px] justify-between\n\titems-center\">\n\t\t<div class=\"hm5 desktop:h5 basis-[417px] max-w-[496px]\">\n\t\t\tSzukasz do\u015bwiadczonego zespo\u0142u programistycznego? Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<div>\n\t\t\t\n<div class=\"person-contact flex gap-[16px] items-center\">\n\t<div class=\"person-contact__image\">\n\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/marcin-stawowiak-56x56.jpeg\"\n\t\t\t\tclass=\"size-[56px] rounded-full object-cover lazyload\"\n\t\t\t\talt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 56px; --smush-placeholder-aspect-ratio: 56\/56;\">\n\t\t\t<\/div>\n\t<div class=\"person-contact__details label-md\">\n\t\t<div class=\"person-contact__email\">\n\t\t\t<a href=\"mailto:hello@smultron.pl\">\n\t\t\t\thello@smultron.pl\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div class=\"person-contact__phone\">\n\t\t\t<a href=\"tel:+48 791 991 797\">\n\t\t\t\t+48 791 991 797\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"czym-jest-ui-user-interface\">Czym jest UI (user interface)?<\/h2>\n\n\n\n<p>Po pracy UX designera, przychodzi czas na projektowanie interfejsu graficznego. Do akcji wkracza UI designer, kt\u00f3rego zadaniem jest stworzenie warstwy wizualnej serwisu lub aplikacji.&nbsp;<\/p>\n\n\n\n<p>UI (user interface) to:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>spos\u00f3b w jaki informacje widoczne na ekranie urz\u0105dzenia (komputera, telefonu, maszyny) s\u0105 rozmieszczone i pokazywane u\u017cytkownikowi<\/p>\n<cite><a href=\"https:\/\/dictionary.cambridge.org\/pl\/dictionary\/english\/ui\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cambridge Dictionary<\/a><\/cite><\/blockquote>\n\n\n\n<p>Chodzi wi\u0119c o aspekt techniczny na kt\u00f3ry sk\u0142adaj\u0105 si\u0119 wszystkie \u015brodki i narz\u0119dzia za pomoc\u0105, kt\u00f3rych u\u017cytkownik widzi nasz produkt.&nbsp;<\/p>\n\n\n\n<p>Projektowanie UI koncentruje si\u0119 g\u0142\u00f3wnie na rozwi\u0105zaniach digitalowych, takich jak aplikacje i strony internetowe, chocia\u017c podobnie jak w przypadku projektowania UX, nie ogranicza si\u0119 tylko do nich &#8211; ma zastosowanie tak\u017ce w projektowaniu interfejs\u00f3w maszyn oraz urz\u0105dze\u0144 domowych.<\/p>\n\n\n\n<p>UI designer tworzy \u201erzeczy \u0142adne\u201d i pracuje nad tym, co widzi u\u017cytkownik i w jaki spos\u00f3b elementy pokazuj\u0105 si\u0119 na ekranie. Dysponuje \u015brodkami za pomoc\u0105 kt\u00f3rych kszta\u0142tuje interakcj\u0119 mi\u0119dzy u\u017cytkownikiem a systemem komputerowym.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"zadania-projektanta-ui\">Zadania projektanta UI<\/h2>\n\n\n\n<p>Osoba na tym stanowisku musi by\u0107 kreatywna, dok\u0142adna, mie\u0107 poczucie estetyki, interesowa\u0107 si\u0119 kwestiami zwi\u0105zanymi z psychologi\u0105 kolor\u00f3w, \u015bledzi\u0107 trendy zwi\u0105zane z projektowaniem graficznym.&nbsp;<\/p>\n\n\n\n<p>Projektant UI powinien te\u017c by\u0107 cierpliwy, odporny na krytyk\u0119 i stres i posiada\u0107 dobre umiej\u0119tno\u015bci komunikacyjne, poniewa\u017c cz\u0119sto musi uzasadnia\u0107 swoje wybory i dzia\u0142a\u0107 wbrew upodobaniom klienta. To co spodoba si\u0119 jednej osobie, niekoniecznie musi wpasowa\u0107 si\u0119 w gust innej, dlatego UI designer musi liczy\u0107 si\u0119 z tym, \u017ce jego propozycje nie zawsze b\u0119d\u0105 (od razu) akceptowane. <\/p>\n\n\n\n<p>Projektant UI ma kontakt z Product Ownerem, projektantem UX oraz programistami (dobrze jest skonsultowa\u0107 z programistami niekt\u00f3re wybory). W swojej pracy musi u\u017cywa\u0107 narz\u0119dzi s\u0142u\u017c\u0105cych do projektowania graficznego (Sketch, Adobe Photoshop, Adobe XD, Figma).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"801\" height=\"500\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty.png\" alt=\"\" class=\"wp-image-631 lazyload\" data-srcset=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty.png 801w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty-300x187.png 300w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty-768x479.png 768w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty-46x29.png 46w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty-56x35.png 56w, https:\/\/smultron.software\/content\/uploads\/2024\/02\/paleta-kolorow-fonty-528x330.png 528w\" data-sizes=\"(max-width: 801px) 100vw, 801px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 801px; --smush-placeholder-aspect-ratio: 801\/500;\" \/><figcaption class=\"wp-element-caption\">Zadaniem UI designera jest m.in. dob\u00f3r palety kolor\u00f3w i wyb\u00f3r font\u00f3w<\/figcaption><\/figure>\n\n\n\n<p>Elementy, nad kt\u00f3rymi pracuje&nbsp;projektant UI:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>kolorystyka &#8211; dob\u00f3r palety kolor\u00f3w, kt\u00f3re b\u0119d\u0105 dominowa\u0107 na stronie\/aplikacji,<\/li>\n\n\n\n<li>tworzenie stylu i og\u00f3lny wygl\u0105d serwisu,<\/li>\n\n\n\n<li>typografia \u2013 wyb\u00f3r font\u00f3w, rozmiar\u00f3w tekst\u00f3w oraz nag\u0142\u00f3wk\u00f3w,<\/li>\n\n\n\n<li>dob\u00f3r zdj\u0119\u0107, grafik i dodatkowych element\u00f3w graficznych oraz dekoracyjnych,<\/li>\n\n\n\n<li>identyfikacja wizualna firmy &#8211; projektowanie logotypu, wyb\u00f3r kolor\u00f3w pasuj\u0105cych do profilu firmy,<\/li>\n\n\n\n<li>budowanie i kszta\u0142towanie znajomo\u015bci i przywi\u0105zania klient\u00f3w do marki.<br><\/li>\n<\/ul>\n\n\n\n<p>Projektowanie UX i UI to obszary r\u00f3\u017cni\u0105ce si\u0119 od siebie w istotny spos\u00f3b. Dotycz\u0105 innych aspekt\u00f3w tworzenia serwis\u00f3w internetowych ale jednocze\u015bnie reprezentuj\u0105 \u015bwiaty, kt\u00f3re si\u0119 wzajemnie uzupe\u0142niaj\u0105. Razem tworz\u0105 kompletny i skuteczny produkt.&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/smultron.software\/pl\/contact\" title=\"Kontakt\">Napisz do nas<\/a> je\u015bli chcia\u0142by\u015b stworzy\u0107 skuteczny i przemy\u015blany projekt UX lub UI.<\/p>\n<div class=\"full-width container-grid gap-y-[32px] section-scrollspy  bg-gray-1 pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"\n\tid=\"skontaktuj-sie\">\n\t<div class=\"hm2 desktop:h2\"\n\t\tdata-aos=\"animate__fadeInUp\"\n\t>\n\t\tSkontaktuj si\u0119 z nami\t<\/div>\n\t<div class=\"grid desktop:grid-cols-12 gap-y-[60px] items-start\">\n\t\t\n<div class=\"desktop:col-span-6 grid tablet:grid-cols-2\n\t\ttablet:gap-x-[24px] tablet:gap-y-[32px]\">\n\t<div class=\"\">\n\t\t<div class=\"\">\n\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/01\/681c046dafbd67a84a6a2820a207caa9-e1706629988730-768x515.jpeg\"\n\t\t\t\twidth=\"327\"\n\t\t\t\theight=\"204\"\n\t\t\t\tclass=\"w-full aspect-[390\/243] object-cover rounded-t-[10px] lazyload\"\n\t\t\t\talt=\"Marcin Stawowiak\"\n\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 327px; --smush-placeholder-aspect-ratio: 327\/204;\" \/>\n\t\t\t<div class=\"p-[24px] tablet:border-l-[1px] tablet:border-b-[1px]\n\t\t\tborder-gray-2 tablet:rounded-bl-[10px] max-tablet:border-x-[1px]\n\t\t\tgrid gap-[16px]\">\n\t\t\t\t<div class=\"h6\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>Marcin Stawowiak<\/div>\n\t\t\t\t<div class=\"label-xs font-bold\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>\n\t\t\t\t\tCo-founder, Executive Manager\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"pl-[24px] pb-[24px] pr-[24px] tablet:ml-[-24px]\n\t\t\ttablet:pt-[24px] grid gap-[16px] tablet:self-end tablet:border-[1px] tablet:border-l-0\n\t\t\tborder-gray-2 tablet:rounded-r-[10px] max-tablet:border-x-[1px]\n\t\t\tmax-tablet:border-b-[1px] max-tablet:rounded-b-[10px]\n\t\t\tgap-y-[60px]\">\n\t\t<div class=\"label-md max-tablet:hidden\" data-aos=\"animate__fadeInUp\">\n\t\t\tSzukasz do\u015bwiadczonego zespo\u0142u programistycznego? <br \/>Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<div class=\"grid body-md\" data-aos=\"animate__fadeInUp\">\n\t\t\t<a href=\"mailto:hello@smultron.pl\">hello@smultron.pl<\/a>\n\t\t\t<a href=\"tel:+48 791 991 797\">+48 791 991 797<\/a>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"tablet:col-span-2 body-md grid gap-[16px] mt-[32px]\n\ttablet:mt-0\" data-aos=\"animate__fadeInUp\">\n\t\t<div class=\"label-md\">\n\t\t\tSmultron Web Development\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\tul. S\u0142awkowska 12\t\t\t<br\/>\n\t\t\t31-014 Krak\u00f3w\t\t<\/div>\n\t\t<div>\n\t\t\tNIP:&nbsp;6762482785\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\n<div class=\"desktop:col-start-8 desktop:col-span-5 contact-form-footer\">\n\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f224-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"224\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pl\/wp-json\/wp\/v2\/posts\/530#wpcf7-f224-o1\" method=\"post\" class=\"wpcf7-form init wpcf7-acceptance-as-validation\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"224\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f224-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"desktop:col-start-8 desktop:col-span-5\">\n  <div class=\"grid gap-[32px]\">\n    <div class=\"label-md\">\n\t\t\tWype\u0142nij poni\u017cszy formularz\n    <\/div>\n    <div class=\"grid gap-[24px]\">\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-email\">Tw\u00f3j e-mail*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" id=\"msg-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n      <\/div>\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-content\">Twoja wiadomo\u015b\u0107*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2500\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control form-control-textarea\" id=\"msg-content\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Podziel si\u0119 szczeg\u00f3\u0142ami swojego projektu\" name=\"message\"><\/textarea><\/span>\n        <div class=\"form-text\">\n          Max. 2500 znak\u00f3w\n        <\/div>\n      <\/div>\n      <div class=\"form-row label-sm\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-69\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-69\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\"><span><\/span><span>Zapozna\u0142em si\u0119 i akceptuj\u0119 <a href=\"\/pl\/polityka-prywatnosci\/\" class=\"underline\" target=\"_blank\" rel=\"nofollow\">Regulamin i Polityk\u0119 Prywatno\u015bci Smultron<\/a>.*<\/span><\/span><\/label><\/span><\/span><\/span>\n      <\/div>\n      <div>\n        <button type=\"submit\" class=\"button button--gradient-red\n                button--with-icon\">\n                    <span>Wy\u015blij<\/span>\n                    <span class=\"icon-arrow-right\"><\/span>\n                <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t<div class=\"contact-form-footer__success flex bg-green-2\n\t\t\t\t\t\tborder-green-3 p-[16px] gap-[16px] rounded-[8px]\n\t\t\t\t\t\tmt-[30px]\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\n\t\t\tviewBox=\"0 0 24 24\" fill=\"none\">\n\t\t\t<path d=\"M12 2C17.51 2 22 6.49 22 12C22 17.51 17.51 22 12 22C6.49 22 2 17.51 2 12C2 6.49 6.49 2 12 2ZM12 0C5.37 0 0 5.37 0 12C0 18.63 5.37 24 12 24C18.63 24 24 18.63 24 12C24 5.37 18.63 0 12 0ZM18.25 8.89L16.83 7.48L10.73 13.7L7.65 10.76L6.25 12.2L10.75 16.52L18.25 8.89Z\"\n\t\t\t\t\tfill=\"#104121\"><\/path>\n\t\t<\/svg>\n\t\t<div class=\"body-md text-green-4\">\n\t\t\t<strong>Dzi\u0119kujemy za przes\u0142anie formularza!<\/strong> Odpowiemy w ci\u0105gu 24 godzin.\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Projektowanie UX oraz projektowanie UI to dwa oddzielne, uzupe\u0142niaj\u0105ce si\u0119 dzia\u0142ania podczas budowania aplikacji i serwis\u00f3w internetowych. Oba poj\u0119cia s\u0105 cz\u0119sto mylone i stosowane zamiennie. Opisali\u015bmy poni\u017cej na czym polega r\u00f3\u017cnica UX vs UI oraz jakie obowi\u0105zki nale\u017c\u0105 do projektant\u00f3w UX oraz projektant\u00f3w UI. Nierzadko spotykam si\u0119 z og\u0142oszeniami o prac\u0119, w kt\u00f3rych poszukiwane s\u0105 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":573,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[41],"tags":[],"class_list":["post-530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/posts\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/comments?post=530"}],"version-history":[{"count":0,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/posts\/530\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/media\/573"}],"wp:attachment":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/media?parent=530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/categories?post=530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/tags?post=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}