{"id":4423,"date":"2019-11-29T09:33:59","date_gmt":"2019-11-29T08:33:59","guid":{"rendered":"https:\/\/infoshareacademy.com\/?p=4423"},"modified":"2021-01-12T09:31:17","modified_gmt":"2021-01-12T08:31:17","slug":"ux-to-nie-ui","status":"publish","type":"post","link":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/","title":{"rendered":"UX to nie UI?"},"content":{"rendered":"<p><strong>UX\/UI &#8211; z pewno\u015bci\u0105 nie raz, nie dwa mign\u0119\u0142o Ci przed oczami takie stanowisko pracy. Czy te dwie dziedziny nale\u017cy jednak ze sob\u0105 \u0142\u0105czy\u0107? W kt\u00f3rych miejscach si\u0119 ze sob\u0105 zacieraj\u0105? Czas na rozwianie w\u0105tpliwo\u015bci!<\/strong><\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/01_skrzynka.jpg\" alt=\"\"><\/figure>\n<h2 class=\"blog-h2\">Powracaj\u0105cy problem ze skr\u00f3tami<\/h2>\n<p>Dawniej, gdy s\u0142ysza\u0142em s\u0142owo projektant, istnia\u0142o du\u017ce prawdopodobie\u0144stwo, \u017ce kto\u015b m\u00f3wi\u0142 o osobach zajmuj\u0105cych si\u0119 grafik\u0105 komputerow\u0105 lub stronami www. Ale w ostatnich czasach nast\u0105pi\u0142o rozmno\u017cenie stanowisk z tym tytu\u0142em. Mamy projektant\u00f3w do\u015bwiadcze\u0144 u\u017cytkownik\u00f3w (UX), projektant\u00f3w us\u0142ug (SD), projektant\u00f3w architektury informacji (IA), projektant\u00f3w interakcji (IxD) oraz projektant\u00f3w interfejs\u00f3w (UI). W przysz\u0142o\u015bci lista si\u0119 jeszcze wyd\u0142u\u017cy.<\/p>\n<p>Takie podzia\u0142y konfunduj\u0105 nie tylko klient\u00f3w. Ale g\u0142\u00f3wne zamieszanie to wci\u0105\u017c magiczne \u0142\u0105czenie w jeden byt UX i UI. Zosta\u0142o to ju\u017c opisane setki razy w artyku\u0142ach, na blogach i konferencjach. To wr\u0119cz kanon mit\u00f3w ux-owych i wydawa\u0142oby si\u0119, \u017ce wracanie do tematu jest ja\u0142owe.<\/p>\n<p>Jednak gdy rozmawiam z osobami spoza bran\u017cy projektowej, to cz\u0119sto s\u0142ysz\u0119, \u017ce m\u00f3wi\u0105 UX a my\u015bl\u0105 UI. Istniej\u0105 r\u00f3wnie\u017c firmy oferuj\u0105ce prac\u0119 dla UX\/UI designer\u00f3w oraz platformy z kursami ze specjalizacj\u0105 na UX\/UI designer\u00f3w. Niestety nie pomaga to t\u0142umaczy\u0107 innym na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI. W dodatku stworzenie hybrydy zapisywanej jako UX\/UI sta\u0142o si\u0119 \u017ar\u00f3d\u0142em kolejnych nieporozumie\u0144. Dlatego w tym artykule chc\u0119 wr\u00f3ci\u0107 do tego problemu.<\/p>\n<h2 class=\"blog-h2\">Percepcja do\u015bwiadcze\u0144<\/h2>\n<p>Do\u015bwiadczenia, jakie mo\u017cemy mie\u0107 z produktami mog\u0105 by\u0107 bardzo r\u00f3\u017cne. Nie chodzi mi o to, czy s\u0105 one pozytywne, neutralne czy negatywne. Percepcja wizualna zawsze b\u0119dzie dominuj\u0105ca, ale nie jest jedynym wyznacznikiem do oceny.<\/p>\n<p>Gdy odpakowujemy nowy tablet lub smartfon, serce bije mocniej i jeste\u015bmy podekscytowani dotykaj\u0105c nieporysowanego szk\u0142a i niezniszczonej obudowy. Wyobra\u017camy sobie, z jak\u0105 przyjemno\u015bci\u0105 b\u0119dziemy za chwil\u0119 dopasowywali urz\u0105dzenie do naszych potrzeb. S\u0142uchali muzyki albo instalowali nowe aplikacje my\u015bl\u0105c, \u017ce wszystko w ko\u0144cu b\u0119dzie dzia\u0142a\u0142o szybko i stabilnie.<br \/>\nTak\u017ce do\u015bwiadczenia u\u017cytkownika nie s\u0105 okre\u015blane wy\u0142\u0105cznie przez widoczny interfejs, ale przez zbi\u00f3r oczekiwa\u0144 i warto\u015bci, kt\u00f3re niesie ze sob\u0105 produkt. W domenie cyfrowej wiele os\u00f3b wpad\u0142o w pu\u0142apk\u0119, \u017ce dobry UX to dobry UI. Poniewa\u017c \u015bwietny interfejs u\u017cytkownika jest widoczny na pierwszy rzut oka, jest te\u017c szybko oceniany. A jak co\u015b jest \u0142adne, minimalistyczne i trendy, to nie mo\u017ce by\u0107 kiepskie? Nic bardziej mylnego.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/02_multitasking.jpg\" alt=\"\"><\/figure>\n<h2 class=\"blog-h2\">Projektant do\u015bwiadcze\u0144 u\u017cytkownika (UX)<\/h2>\n<p>G\u0142\u00f3wnym zadaniem projektanta UX (r\u00f3wnie\u017c Product Designera) jest zrozumienie zachowa\u0144 i potrzeb u\u017cytkownik\u00f3w. Dopiero w dalszych etapach pracy skupia si\u0119 na ich do\u015bwiadczeniach. Dlatego my\u015bl\u0105c o strategii produktu, stara si\u0119 zebra\u0107 o u\u017cytkownikach jak najwi\u0119cej informacji, aby zapewni\u0107 im najwygodniejszy spos\u00f3b na realizowanie zada\u0144.<\/p>\n<p>Korzysta przy tym z wiedzy pochodz\u0105cej z wielu dziedzin naukowych, od psychologii do informatyki i HCI (Human-Computer Interaction). Wszystko po to, aby sprawdzi\u0107, czy produkt odpowiada za\u0142o\u017ceniom. Na co dzie\u0144 zajmuje si\u0119 m.in.<\/p>\n<ul>\n<li class=\"blog_li\">analiz\u0105 konkurencji lub firmy, dla kt\u00f3rej pracuje,<\/li>\n<li class=\"blog_li\">prowadzeniem bada\u0144 z u\u017cytkownikami,<\/li>\n<li class=\"blog_li\">testami u\u017cyteczno\u015bci,<\/li>\n<li class=\"blog_li\">testami A\/B,<\/li>\n<li class=\"blog_li\">tworzeniem person,<\/li>\n<li class=\"blog_li\">customer\/user journeys,<\/li>\n<li class=\"blog_li\">spisywaniem historyjek dla deweloper\u00f3w (user stories),<\/li>\n<li class=\"blog_li\">planowaniem architektury informacji,<\/li>\n<li class=\"blog_li\">rysowaniem wirefram\u00f3w i mockup\u00f3w pokazuj\u0105cych logik\u0119 aplikacji.<\/li>\n<\/ul>\n<p>Jego najwa\u017cniejszymi umiej\u0119tno\u015bciami s\u0105 efektywna komunikacja i krytyczne my\u015blenie. Decyzje opiera na wielu danych, swoim do\u015bwiadczeniu i intuicji. Ale niestety prawie ca\u0142a ta praca nie jest widoczna dla u\u017cytkownik\u00f3w ko\u0144cowych. Gdzie w takim razie jest miejsce na projektowanie interfejsu u\u017cytkownika?<\/p>\n<h2 class=\"blog-h2\">Projektant interfejs\u00f3w u\u017cytkownika (UI)<\/h2>\n<p>Projektant UI jest przede wszystkim ekspertem od komunikacji wizualnej. Ale r\u00f3wnie\u017c w du\u017cym zakresie zna i powinien zna\u0107 niuanse projektowania UX. Tak samo rozumie zale\u017cno\u015bci mi\u0119dzy tre\u015bci\u0105 a form\u0105 przekazu. Z tego powodu nie mo\u017cna twierdzi\u0107, \u017ce jest tylko \u201cgrafikiem od interfejs\u00f3w\u201d. R\u00f3wnie\u017c dba o do\u015bwiadczenia u\u017cytkownik\u00f3w, ale bardziej te wizualne. Najcz\u0119\u015bciej zajmuje si\u0119:<\/p>\n<ul>\n<li class=\"blog_li\">przygotowaniem layout\u00f3w i grida,<\/li>\n<li class=\"blog_li\">finalnym rozmieszczeniem element\u00f3w UI,<\/li>\n<li class=\"blog_li\">stworzeniem biblioteki styl\u00f3w z typografi\u0105 i schematami kolor\u00f3w,<\/li>\n<li class=\"blog_li\">wybraniem lub narysowanie ikon, zdj\u0119\u0107, ilustracji i tekstur,<\/li>\n<li class=\"blog_li\">specyfikacj\u0105 wizualnych cz\u0119\u015bci interfejsu dla deweloper\u00f3w,<\/li>\n<li class=\"blog_li\">przemy\u015bleniem niezb\u0119dnych interakcji i mikro interakcji,<\/li>\n<li class=\"blog_li\">tworzeniem efekt\u00f3w wizualnych i animacji.<\/li>\n<\/ul>\n<p>Przewa\u017cnie projektant UI rozpoczyna prac\u0119 w miejscu, gdzie projektant UX j\u0105 zako\u0144czy\u0142. Przenosi prototypy na wy\u017cszy poziom i tworzy tzw. pixel perfect design. Wykorzystuje za\u0142o\u017cenia wypracowane wcze\u015bniej i r\u00f3wnie\u017c polega na zasadach projektowania zorientowanego na u\u017cytkownika.<\/p>\n<p>Pod wzgl\u0119dem wra\u017ce\u0144 estetycznych to projektant UI odpowiada za do\u015bwiadczenia u\u017cytkownika. Ma by\u0107 inspiruj\u0105co, anga\u017cuj\u0105co, ekscytuj\u0105co &#8211; czyli trzeba osi\u0105gn\u0105\u0107 efekt \u201cwow\u201d. Produkt ma by\u0107 nie tylko funkcjonalny i u\u017cyteczny (zadania UX), ale r\u00f3wnie\u017c atrakcyjny wizualnie (zadania UI). Mo\u017ce st\u0105d bierze si\u0119 tyle nieporozumie\u0144 na linii UX\/UI?<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/03_koszulka_ux_ui.jpg\" alt=\"\"><\/figure>\n<h2 class=\"blog-h2\">Czemu m\u00f3wienie UX\/UI stwarza problemy?<\/h2>\n<p><strong>1.<\/strong> UX i UI to dwie r\u00f3\u017cne specjalizacje i obszary projektowania, kt\u00f3re tylko cz\u0119\u015bciowo si\u0119 pokrywaj\u0105. Oba dotycz\u0105 u\u017cytkownik\u00f3w i s\u0105 zwi\u0105zane z wygl\u0105dem i odczuciami odno\u015bnie finalnego produktu.<\/p>\n<p><strong>2.<\/strong> UX\/UI kojarzy si\u0119 bardziej z tworzeniem UI, ale projektanci UX czasem tego w og\u00f3le nie robi\u0105. Na etapie kreowania wizji produktu, przeprowadzenia bada\u0144 z u\u017cytkownikami, opisywania person nie ma nawet jeszcze mowy o mockupach low-fi.<\/p>\n<p><strong>3.<\/strong> Czytelny interfejs u\u017cytkownika nie jest oparty tylko na \u0142adnym wygl\u0105dzie. Skuteczno\u015b\u0107 UI bierze si\u0119 zw\u0142aszcza ze zrozumienia, co i komu komunikowa\u0107 w danym momencie. Czyli z zebranych informacji o u\u017cytkownikach i odpowiednim zaplanowaniu tre\u015bci.<\/p>\n<p><strong>4.<\/strong> UX i UI robiony jednocze\u015bnie przez jedn\u0105 osob\u0119 si\u0119 nie sprawdza. Wielozadaniowo\u015b\u0107 m\u00f3zgu jest mitem, poniewa\u017c cz\u0142owiek nie jest komputerem i nie ma procesora z kilkunastoma rdzeniami.<\/p>\n<p>Tworzenie dobrej warstwy wizualnej wymaga skupienia si\u0119 na wielu detalach graficznych jak kroje pisma, kolory, animacje oraz interakcje. Natomiast praca nad UX wymaga spojrzenia z lotu ptaka, innego stanu umys\u0142u. Takie prze\u0142\u0105czanie si\u0119 mi\u0119dzy kontekstami UX i UI jest mo\u017cliwe, ale nieefektywne.<br \/>\nWiele bada\u0144 naukowych potwierdzi\u0142o, \u017ce robienie dw\u00f3ch r\u00f3\u017cnych rzeczy na raz powoduje, \u017ce jeste\u015bmy niedok\u0142adni, pope\u0142niamy b\u0142\u0119dy, stresujemy si\u0119 i nie rozwi\u0105zujemy lepiej problem\u00f3w. Nasze m\u00f3zgi zdecydowanie lubi\u0105 zajmowa\u0107 si\u0119 jednym zadaniem na raz.*<\/p>\n<p><strong>5.<\/strong> Nie wiadomo, co oznacza uko\u015bnik mi\u0119dzy UX i UI. Czy jest to sp\u00f3jnik \u201ci\u201d czy \u201club\u201d ? Wed\u0142ug znanych mi taksonomii UX zawiera UI, tak\u017ce stosowanie sp\u00f3jnik\u00f3w w og\u00f3le tu nie pasuje. Bo czy mo\u017cna powiedzie\u0107 \u201ctworz\u0119 do\u015bwiadczenia u\u017cytkownika i wizualne do\u015bwiadczenia u\u017cytkownika\u201d? Albo czy mo\u017cna pracowa\u0107 nad UI nie my\u015bl\u0105c zupe\u0142nie o UX? Dla mnie nie ma to wi\u0119kszego sensu.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/04_ux_lider.jpg\" alt=\"\"><\/figure>\n<h2 class=\"blog-h2\">UX to nie UI \u2013 czyli jak uciec od projektowania interfejsu<\/h2>\n<p>Wygl\u0105d interfejs\u00f3w u\u017cytkownika zdecydowanie wp\u0142ywa na ich do\u015bwiadczenia. Ale specjalizacja w bran\u017cy spowodowa\u0142a, \u017ce cz\u0142onkowie elitarnego klubu UX zacz\u0119li si\u0119 wzbrania\u0107 przed podejmowaniem jakichkolwiek decyzji dotycz\u0105cych UI. Na przyk\u0142ad wykr\u0119caj\u0105c si\u0119 brakiem talent\u00f3w graficznych albo s\u0142ynnym \u201cUX to nie UI\u201d.<\/p>\n<p>Skoro UX to nie UI, projektanci UX nie chc\u0105 wybiera\u0107 kolor\u00f3w, font\u00f3w, ikon lub zajmowa\u0107 si\u0119 \u201c\u0142adno\u015bci\u0105\u201d. Ale w ten spos\u00f3b unikaj\u0105 te\u017c odpowiedzialno\u015bci za niezwykle istotne walory estetyczne. Jak du\u017cym jest to b\u0142\u0119dem, mo\u017cecie przeczyta\u0107 w tym artykule:<\/p>\n<p><a href=\"https:\/\/medium.muz.li\/design-types-7d75839a20ea\">Why UX, UI, CX, IA, IxD, and Other Sorts of Design Are Bullshit.<\/a><\/p>\n<h2 class=\"blog-h2\">Ale ja naprawd\u0119 jestem projektantem UX\/UI&#8230;<\/h2>\n<p>Ostatnio trafiam na og\u0142oszenia dla os\u00f3b o profilu UX\/UI Engineer lub UX\/UI Developer. Tak\u017ce poprzeczka jest podnoszona coraz wy\u017cej. Osoba odpowiedzialna za UX i UI powinna wg tych firm zaj\u0105\u0107 si\u0119 dodatkowo front-endem i sama wszystko zakodowa\u0107. Mo\u017cna si\u0119 zastanowi\u0107, jaki jest podzia\u0142 czasu na takim stanowisku i jak wygl\u0105da jako\u015b\u0107 pracy? Mo\u017ce z czasem taki projektant przy wsparciu sztucznej inteligencji zast\u0105pi ca\u0142y zesp\u00f3\u0142 deweloper\u00f3w?<\/p>\n<div class=\"blog_box_highlight\" style=\"background-color: rgba(11,168,174,0.1); margin: 40px 0 40px 0; padding: 35px 0 35px 45px; border-left: 10px solid #0ba8ae;\"><span style=\"font-weight: 400; color: #10a8ae; font-size: 1.4em;\">My\u015blisz o rozpocz\u0119ciu nauki?<br \/>\n<a href=\"https:\/\/infoshareacademy.com\/kursy\/zdalny-kurs-ux-designer-bootcamp\/\">Sprawd\u017a zdalny kurs Bootcamp UX Designer z trenerem na \u017bYWO.<\/a><\/span><\/div>\n<p>Pami\u0119tajmy, \u017ce nie wszystkie firmy potrzebuj\u0105 wi\u0119cej ni\u017c prosty, bardzo standardowy UI. Je\u017celi kto\u015b oczekuje szybkich rezultat\u00f3w, to znaczy, \u017ce projektant interfejs\u00f3w b\u0119dzie w tym przypadku wystarczaj\u0105cy. Tylko czemu nazywa\u0107 go UX\/UI? Czy chodzi o tzw. jednoro\u017cca, superbohatera projektowania potrafi\u0105cego tworzy\u0107 wszystko? Czy o kogo\u015b, kto zajmie si\u0119 tylko niewielkim fragmentem UX, czyli UI? Wygoda takiego podej\u015bcia jest ogromna \u2013 w obu przypadkach nie trzeba szuka\u0107 innych projektant\u00f3w i dodatkowo im p\u0142aci\u0107. Wszystko jest w jednym pakiecie.<\/p>\n<p>Tym lepiej sprawdza si\u0119 ten model, gdy product owner nie chce, aby projektant zmienia\u0142 jego wizj\u0119. Albo jeszcze zacz\u0105\u0142 robi\u0107 badania z u\u017cytkownikami. Wtedy dopiero wszystko by si\u0119 mog\u0142o posypa\u0107, nie m\u00f3wi\u0105c o kosztach. Niestety z szeroko rozumianym projektowaniem UX to nie b\u0119dzie mia\u0142o wiele wsp\u00f3lnego.<\/p>\n<h2 class=\"blog-h2\">UX \u2260 UI. Czy jest o co kruszy\u0107 kopi\u0119?<\/h2>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/05_ga\u2560\u0118bki.jpg\" alt=\"\"><\/figure>\n<p>Jeden z moich znajomych potrafi kodowa\u0107 w Pythonie, korzysta z narz\u0119dzi do data science, robi badania z u\u017cytkownikami w terenie, czasami prowadzi wyk\u0142ady z typografii i jeszcze tworzy sporo dobrego UI. Wszystkie te umiej\u0119tno\u015bci wykorzystuje w pracy w zale\u017cno\u015bci od projektu i potrzeb. Koledzy i kole\u017canki z firmy wiedz\u0105, czym si\u0119 zajmuje, ale klientom m\u00f3wi, \u017ce jest po prostu product designerem.<\/p>\n<p>Czemu zatem tak cz\u0119sto od klient\u00f3w i os\u00f3b spoza bran\u017cy wymagamy znajomo\u015bci tych wszystkich skr\u00f3t\u00f3w jak CX, IA, IxD, SD, HCI, HCD, UX, UI? W zupe\u0142no\u015bci wystarczy, \u017ce my je rozumiemy. Jedynie, co inni musz\u0105 wiedzie\u0107, to \u017ce nie ka\u017cdy projektant zajmuje si\u0119 projektowaniem wizualnym. Nie ka\u017cdy te\u017c zajmuje si\u0119 badaniami z u\u017cytkownikami, tworzeniem animacji czy analiz\u0105 statystyczn\u0105. Nie ma potrzeby si\u0119 oburza\u0107, gdy znowu kto\u015b nie rozumie, \u017ce UX to nie UI. Przez wiele lat definicja UX uros\u0142a na tyle, \u017ce teraz musimy si\u0119 zmierzy\u0107 z konsekwencjami naszego apetytu na zaprojektowanie wszystkich mo\u017cliwych do\u015bwiadcze\u0144 u\u017cytkownika.<\/p>\n<div class=\"blog_box_highlight\" style=\"background-color: rgba(11,168,174,0.1); margin: 40px 0 40px 0; padding: 35px 0 35px 45px; border-left: 10px solid #0ba8ae;\"><span style=\"font-weight: 400; color: #10a8ae; font-size: 1.4em;\">Przeczytaj tak\u017ce:<br \/>\n<a href=\"https:\/\/infoshareacademy.com\/blog\/czym-sie-zajmuje-i-jakie-umiejetnosci-powinien-posiadac-ux-designer\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Czym si\u0119 zajmuje i jakie umiej\u0119tno\u015bci powinien posiada\u0107 UX Designer?<\/a><\/span><\/div>\n<p>\u0179r\u00f3d\u0142a do bada\u0144<br \/>\n* Kieras, D.E., Meyer, D.E. (1994). The EPIC architecture for modelling human information processing and performance: A brief introduction. University of Michigan technical report-94\/ONR-EPIC-1.<\/p>\n<p>* Rubinstein, J. S., Meyer, D. E., Evans, J. E. (August 2001). Executive Control of Cognitive Processes in Task Switching. Journal of Experimental Psychology: Human Perception and Performance. Vol. 27, No. 4, pp. 763-797.<\/p>\n<p>* Hembrooke, H., Gay, G. (Fall 2003). The Laptop and the Lecture: The Effects of Multitasking in Learning Environments\u201d, Journal of Computing in Higher Education. Vol. 15(1).<\/p>\n<p>Autor:<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"wp-image-3000\" src=\"https:\/\/infoshareacademy.com\/wp-content\/uploads\/2019\/11\/S\u0142awomir-Molenda-Photo-e1574981918468.jpg\" alt=\"ux-infoshareacademy\"><\/figure>\n<p><strong><a href=\"https:\/\/www.linkedin.com\/in\/slawomir-molenda\/\">S\u0142awomir Molenda<\/a><\/strong><br \/>\nZ projektowaniem u\u017cyteczno\u015bci oraz produkt\u00f3w cyfrowych jest zwi\u0105zany od ponad 12 lat. Pracowa\u0142 w Goyello (Aspire), Dynatrace i Nordea. Obecnie jest architektem informacji oraz Senior UX Designerem w Sii Polska. Wspiera tworzenie aplikacji dla takich klient\u00f3w jak PUMA, Bayer, Sweco czy Leica. Prowadzi szkolenia z zakresu podstaw projektowania UX oraz pomaga Sii w rekrutacji najlepszych projektant\u00f3w.<\/p>\n<p>Od kilku lat poch\u0142aniaj\u0105 go problemy filozoficzne, w tym etyczne, przed jakimi staje wsp\u00f3\u0142czesno\u015b\u0107 w obliczu rozwoju sztucznej inteligencji i innych nowych technologii. Wielki mi\u0142o\u015bnik kawy oraz ksi\u0105\u017cek.<\/p>\n<p><script type=\"text\/javascript\" src=\"https:\/\/app.getresponse.com\/view_webform_v2.js?u=SAZgM&amp;webforms_id=B8sxv\" data-webform-id=\"B8sxv\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UX\/UI &#8211; z pewno\u015bci\u0105 nie raz, nie dwa mign\u0119\u0142o Ci przed oczami takie stanowisko pracy. Czy te dwie dziedziny nale\u017cy jednak ze sob\u0105 \u0142\u0105czy\u0107? W kt\u00f3rych miejscach si\u0119 ze sob\u0105 zacieraj\u0105? Czas na rozwianie w\u0105tpliwo\u015bci! Powracaj\u0105cy problem ze skr\u00f3tami Dawniej, gdy s\u0142ysza\u0142em s\u0142owo projektant, istnia\u0142o du\u017ce prawdopodobie\u0144stwo, \u017ce kto\u015b m\u00f3wi\u0142 o osobach zajmuj\u0105cych si\u0119 grafik\u0105 &hellip;<\/p>\n","protected":false},"author":3,"featured_media":9841,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,47],"tags":[],"class_list":["post-4423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artykul","category-ux-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX to nie UI? Na czym polega r\u00f3\u017cnica? | infoShare Academy<\/title>\n<meta name=\"description\" content=\"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule! | do\u0142\u0105cz do Bootcamp UX Designer w infoShare Academy\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX to nie UI\" \/>\n<meta property=\"og:description\" content=\"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"infoShare Academy Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/infoshareacademy\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-29T08:33:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-12T08:31:17+00:00\" \/>\n<meta name=\"author\" content=\"stokarska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2019\/11\/UX_UI_artykul.png\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"stokarska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\"},\"author\":{\"name\":\"stokarska\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/90eefec70f6918e70294f2aa5ed2f1cb\"},\"headline\":\"UX to nie UI?\",\"datePublished\":\"2019-11-29T08:33:59+00:00\",\"dateModified\":\"2021-01-12T08:31:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\"},\"wordCount\":1948,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\"},\"articleSection\":[\"Artyku\u0142\",\"UX \/ UI\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\",\"name\":\"UX to nie UI? Na czym polega r\u00f3\u017cnica? | infoShare Academy\",\"isPartOf\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#website\"},\"datePublished\":\"2019-11-29T08:33:59+00:00\",\"dateModified\":\"2021-01-12T08:31:17+00:00\",\"description\":\"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule! | do\u0142\u0105cz do Bootcamp UX Designer w infoShare Academy\",\"breadcrumb\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/infoshareacademy.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX to nie UI?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#website\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/\",\"name\":\"infoShare Academy Blog\",\"description\":\"Strona o szkoleniach w IT\",\"publisher\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/infoshareacademy.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#organization\",\"name\":\"infoShare Academy\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg\",\"contentUrl\":\"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg\",\"width\":1000,\"height\":1000,\"caption\":\"infoShare Academy\"},\"image\":{\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/infoshareacademy\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/90eefec70f6918e70294f2aa5ed2f1cb\",\"name\":\"stokarska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"stokarska\"},\"url\":\"https:\/\/infoshareacademy.com\/blog\/author\/stokarska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX to nie UI? Na czym polega r\u00f3\u017cnica? | infoShare Academy","description":"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule! | do\u0142\u0105cz do Bootcamp UX Designer w infoShare Academy","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:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/","og_locale":"pl_PL","og_type":"article","og_title":"UX to nie UI","og_description":"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule!","og_url":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/","og_site_name":"infoShare Academy Blog","article_publisher":"https:\/\/www.facebook.com\/infoshareacademy","article_published_time":"2019-11-29T08:33:59+00:00","article_modified_time":"2021-01-12T08:31:17+00:00","author":"stokarska","twitter_card":"summary_large_image","twitter_image":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2019\/11\/UX_UI_artykul.png","twitter_misc":{"Napisane przez":"stokarska","Szacowany czas czytania":"10 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#article","isPartOf":{"@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/"},"author":{"name":"stokarska","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/90eefec70f6918e70294f2aa5ed2f1cb"},"headline":"UX to nie UI?","datePublished":"2019-11-29T08:33:59+00:00","dateModified":"2021-01-12T08:31:17+00:00","mainEntityOfPage":{"@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/"},"wordCount":1948,"commentCount":0,"publisher":{"@id":"https:\/\/infoshareacademy.com\/blog\/#organization"},"articleSection":["Artyku\u0142","UX \/ UI"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/","url":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/","name":"UX to nie UI? Na czym polega r\u00f3\u017cnica? | infoShare Academy","isPartOf":{"@id":"https:\/\/infoshareacademy.com\/blog\/#website"},"datePublished":"2019-11-29T08:33:59+00:00","dateModified":"2021-01-12T08:31:17+00:00","description":"Na czym polega r\u00f3\u017cnica mi\u0119dzy UX i UI? O co chodzi w UX\/UI? Wyja\u015bniamy w artykule! | do\u0142\u0105cz do Bootcamp UX Designer w infoShare Academy","breadcrumb":{"@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/infoshareacademy.com\/blog\/ux-to-nie-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/infoshareacademy.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UX to nie UI?"}]},{"@type":"WebSite","@id":"https:\/\/infoshareacademy.com\/blog\/#website","url":"https:\/\/infoshareacademy.com\/blog\/","name":"infoShare Academy Blog","description":"Strona o szkoleniach w IT","publisher":{"@id":"https:\/\/infoshareacademy.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/infoshareacademy.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/infoshareacademy.com\/blog\/#organization","name":"infoShare Academy","url":"https:\/\/infoshareacademy.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg","contentUrl":"https:\/\/infoshareacademy.com\/blog\/wp-content\/uploads\/2022\/11\/infoShare-Academy-ver-white-with-background-1000x1000px.jpg","width":1000,"height":1000,"caption":"infoShare Academy"},"image":{"@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/infoshareacademy"]},{"@type":"Person","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/90eefec70f6918e70294f2aa5ed2f1cb","name":"stokarska","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/infoshareacademy.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"stokarska"},"url":"https:\/\/infoshareacademy.com\/blog\/author\/stokarska\/"}]}},"_links":{"self":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/4423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=4423"}],"version-history":[{"count":1,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/4423\/revisions"}],"predecessor-version":[{"id":9842,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/posts\/4423\/revisions\/9842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/media\/9841"}],"wp:attachment":[{"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=4423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/categories?post=4423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infoshareacademy.com\/blog\/wp-json\/wp\/v2\/tags?post=4423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}