O skr\u00f3tach UX i UI zapewne s\u0142yszysz ju\u017c od d\u0142u\u017cszego czasu. Widoczne s\u0105 w r\u00f3\u017cnych publikacjach i poruszane w licznych webinarach. Wiesz wi\u0119c, \u017ce odnosz\u0105 si\u0119 do tej samej dziedziny, kt\u00f3r\u0105 jest tworzenie produkt\u00f3w cyfrowych. Jednak co dok\u0142adnie oznaczaj\u0105 i jakie s\u0105 pomi\u0119dzy nimi r\u00f3\u017cnice? Mimo \u017ce zakres User Experiencie i User Interface pokrywa si\u0119 w wielu p\u0142aszczyznach, istnieje pomi\u0119dzy nimi spora rozbie\u017cno\u015b\u0107 w kilku wa\u017cnych kwestiach. Je\u015bli poszukujesz UX lub UI Designera, sam chcesz dokszta\u0142ci\u0107 si\u0119 w wybranym kierunku lub po prostu lepiej orientowa\u0107 si\u0119 w technologii web designu, sprawd\u017a, co oznaczaj\u0105 tajemnicze poj\u0119cia, jakie zjawiska opisuj\u0105 i do czego wykorzystywane s\u0105 obie dziedziny.<\/p>\n

\n

<\/p>\n

Co to jest User Experience i czym zajmuje si\u0119 UX Designer?<\/h2>\n

User Experience to po polsku do\u015bwiadczenie u\u017cytkownika. S\u0105 to wi\u0119c wszystkie wra\u017cenia, kt\u00f3rych doznaje u\u017cytkownik korzystaj\u0105cy z danego produktu cyfrowego. UX to tak\u017ce dziedzina wiedzy, kt\u00f3ra zajmuje si\u0119 projektowaniem do\u015bwiadcze\u0144 u\u017cytkownika w kontakcie z technologi\u0105. Nie odnosi si\u0119 do kwestii technicznych zwi\u0105zanych z funkcjonowaniem urz\u0105dzenia, ale bardziej do psychologicznych aspekt\u00f3w do\u015bwiadcze\u0144 z nim zwi\u0105zanych.<\/p>\n

\n

Osoba odpowiedzialna za UX produktu, czyli UX Designer, zajmuje si\u0119 kreowaniem do\u015bwiadcze\u0144 u\u017cytkownik\u00f3w. Dba przede wszystkim o to, aby cyfrowy produkt by\u0142 jak najlepiej odbierany przez osoby z niego korzystaj\u0105ce. Musi wi\u0119c zadba\u0107 o to, aby odbiorca w prosty, szybki oraz intuicyjny spos\u00f3b za pomoc\u0105 urz\u0105dzenia dotar\u0142 do interesuj\u0105cej go informacji i aby czu\u0142 si\u0119 przy tym usatysfakcjonowany.<\/p>\n

\n

W projektowaniu User Experience wa\u017cna jest przemy\u015blana architektura informacji i struktura ca\u0142ego serwisu. Ogromny wp\u0142yw ma tak\u017ce przejrzysty uk\u0142ad element\u00f3w, wysokiej jako\u015bci warto\u015bciowy content, szybko\u015b\u0107 \u0142adowania, nowoczesno\u015b\u0107 strony, intuicyjna nawigacja, odpowiednia szata graficzna i inne istotne elementy. Tworz\u0105c takie rozwi\u0105zania, specjalista UX bazuje na przeprowadzonych wcze\u015bniej analizach i badaniach u\u017cytkownik\u00f3w, szczeg\u00f3\u0142owo odpowiadaj\u0105c na ich potrzeby.<\/p>\n

\n

UX Designer jest odpowiedzialny za produkt przez wi\u0119ksz\u0105 cz\u0119\u015b\u0107 realizacji etap\u00f3w jego powstawania. Od wczesnej fazy ustalania strategii, przez analizy (konkurencji i potrzeb potencjalnych u\u017cytkownik\u00f3w), po wsp\u00f3\u0142prac\u0119 z innymi osobami odpowiedzialnymi za finalny kszta\u0142t produktu, w tym tak\u017ce z UI Designerem. Co wi\u0119cej, UX Designer czuwa tak\u017ce nad deweloperami podczas wdra\u017cania produktu, a je\u015bli pe\u0142ni tak\u017ce funkcj\u0119 Product Managera, kontroluje cele biznesowe i reaguje na mo\u017cliwo\u015bci rozwoju gotowego ju\u017c produktu.<\/p>\n

\n

Czym jest User Interface i co robi UI Designer?<\/h2>\n

Poj\u0119cie User Interface oznacza po polsku interfejs u\u017cytkownika. To przestrze\u0144 produktu cyfrowego, w kt\u00f3rej dochodzi do konfrontacji cz\u0142owieka z maszyn\u0105. Jest wi\u0119c cz\u0119\u015bci\u0105 oprogramowania odpowiedzialn\u0105 za interakcj\u0119 z u\u017cytkownikiem. W ko\u0144cu jako ludzie nie jeste\u015bmy zdolni do bezpo\u015bredniej komunikacji z maszynami i musimy to robi\u0107 na odpowiednich zasadach, u\u017cywaj\u0105c do tego w\u0142a\u015bciwych narz\u0119dzi, np. klawiatury, myszki, przegl\u0105darki internetowej itp.<\/p>\n

\n

User Interface Designer jest osob\u0105, kt\u00f3ra zajmuje si\u0119 projektowaniem interfejsu u\u017cytkownika. Tworzy ca\u0142y j\u0119zyk komunikacji pomi\u0119dzy u\u017cytkownikiem a programem. Jest odpowiedzialny za wizualny aspekt strony. Odpowiada za przygotowanie takich element\u00f3w jak widoczna przez odbiorc\u00f3w struktura strony, szata graficzna, menu, przyciski, fonty, rozk\u0142ad tre\u015bci, formularze, galerie zdj\u0119\u0107 i inne elementy strony. Wa\u017cnym elementem projektowania UI jest tak\u017ce optymalizacja narz\u0119dzi, wykorzystywanych przez u\u017cytkownika podczas odwiedzania strony, np. panelu sterowania, nawigacji itp.<\/p>\n

\n

Jego praca cz\u0119sto jest zwi\u0105zana z wcze\u015bniej przygotowanym projektem UX Designera. Specjalista UI przek\u0142ada naszkicowany prototyp w finaln\u0105 form\u0119 graficzn\u0105, kt\u00f3ra posiada ju\u017c charakterystyczny dla danej marki styl. Wa\u017cna jest wi\u0119c w tym miejscu doskona\u0142a znajomo\u015b\u0107 projektowania \u2013 od typografii, przez kompozycj\u0119 layout\u00f3w, po odpowiedni dob\u00f3r kolor\u00f3w. A tak\u017ce to, aby interfejs wzmacnia\u0142 za\u0142o\u017cenia UX produktu. Najwa\u017cniejszym zadaniem specjalisty UX jest przygotowanie estetycznego i funkcjonalnego produktu. To od jego pracy zale\u017cy, czy projekt b\u0119dzie atrakcyjny oraz, czy spe\u0142ni oczekiwania u\u017cytkownik\u00f3w.<\/p>\n

Jakie s\u0105 r\u00f3\u017cnice pomi\u0119dzy UX a UI?<\/h2>\n

Najpro\u015bciej mo\u017cna powiedzie\u0107, \u017ce te dwie dziedziny projektowania zajmuj\u0105 si\u0119 tym samym, ale w innym zakresie. W dobry spos\u00f3b obrazuje to zestawienie konkretnych czynno\u015bci wykonywanych podczas tworzenia produktu cyfrowego. Nie jest to oczywi\u015bcie kompletny wykaz r\u00f3\u017cnic pomi\u0119dzy UX a UI, poniewa\u017c nie spos\u00f3b wymieni\u0107 wszystkich niuans\u00f3w. Zestawienie zawiera jednak te najwa\u017cniejsze i najbardziej uchwytne.<\/p>\n

\n

\n\n\n\n<\/colgroup>\n\n\n\n\n\n\n\n

\n UX Designer<\/p>\n<\/td>\n	\n UI Designer<\/p>\n<\/td>\n<\/tr>\n
\n Umiej\u0119tno\u015bci: analiza i umiej\u0119tno\u015b\u0107 wyci\u0105gania wniosk\u00f3w, empatia w badaniu potrzeb u\u017cytkownik\u00f3w, zdolno\u015bci interpersonalne, interdyscyplinarne podej\u015bcie do zada\u0144.<\/p>\n<\/td>\n	\n Umiej\u0119tno\u015bci: kreatywno\u015b\u0107, poczucie estetyki, znajomo\u015b\u0107 najnowszych trend\u00f3w web designu, obs\u0142uga narz\u0119dzi IT, zdolno\u015bci graficzne.<\/p>\n<\/td>\n<\/tr>\n
\n Testowanie produkt\u00f3w.<\/p>\n<\/td>\n	\n Tworzenie produkt\u00f3w.<\/p>\n<\/td>\n<\/tr>\n
\n Praca z u\u017cytkownikiem.<\/p>\n<\/td>\n	\n Praca z programem.<\/p>\n<\/td>\n<\/tr>\n
\n Programy: proste programy graficzne, diagramy, narz\u0119dzia analityczne i testowe, program Axure.<\/p>\n<\/td>\n	\n Programy: Adobe Photoshop, umo\u017cliwiaj\u0105ce napisanie kodu w kilku j\u0119zykach, frameworki.<\/p>\n<\/td>\n<\/tr>\n
\n Korzysta z wielu \u017ar\u00f3de\u0142 wiedzy, prowadzi konsultacje, dzia\u0142a na r\u00f3\u017cnych polach biznesowych \u2013 m.in. w marketingu, analityce internetowej.<\/p>\n<\/td>\n	\n Jego praca opiera si\u0119 na stworzonych przez siebie makietach, personach itp. Planuje oraz wykorzystuje w\u0142asne zasoby.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n \n Co \u0142\u0105czy User Experience i User Interface?<\/h2>\n User Experience i User Interface r\u00f3\u017cni\u0105 si\u0119 pomi\u0119dzy sob\u0105 nie tylko jako poj\u0119cia, ale przede wszystkim s\u0105 to zupe\u0142nie oddzielne stanowiska. Prawdopodobnie ze wzgl\u0119du na to oba terminy s\u0105 tak cz\u0119sto ze sob\u0105 mylone, szczeg\u00f3lnie przez osoby spoza bran\u017cy. Jednak wsp\u00f3\u0142praca pomi\u0119dzy specjalistami UX a UI powinna by\u0107 sta\u0142a. User Interface powstaje na podstawie projektu opracowanego przez User Experience Designera, bez kt\u00f3rego pracy ten pierwszy nie b\u0119dzie m\u00f3g\u0142 przetestowa\u0107 reakcji klient\u00f3w na przygotowane rozwi\u0105zanie. Je\u015bli projekt wymaga zmiany, ponownie trafia w r\u0119ce specjalisty UI i w ten spos\u00f3b ko\u0142o wsp\u00f3\u0142pracy si\u0119 zamyka. Co wi\u0119cej, w trakcie trwania projektu cz\u0119sto zdarza si\u0119, \u017ce po wykonaniu pewnych krok\u00f3w, zmienia si\u0119 pierwotny plan za\u0142o\u017ce\u0144 i ca\u0142o\u015b\u0107 wymaga ponownych konsultacji. Wtedy te\u017c potrzebny jest wk\u0142ad obu specjalist\u00f3w. Nie jest to jednak pojawiaj\u0105cy si\u0119 na drodze problemem, a okazja do jak najlepszego dopasowania produktu do potrzeb jego odbiorc\u00f3w. Nie nale\u017cy si\u0119 wi\u0119c tego obawia\u0107, a jedynie pozostawa\u0107 w kontakcie i konsultowa\u0107 swoj\u0105 prac\u0119 pomi\u0119dzy cz\u0142onkami zespo\u0142u, kt\u00f3ry wsp\u00f3\u0142tworz\u0105 mi\u0119dzy innymi specjali\u015bci UX i UI.<\/p>\n \n Wsp\u00f3\u0142praca UX i UI podczas trwania projektu<\/h3>\n UI designer mo\u017ce by\u0107 nazwany projektantem graficznym, poniewa\u017c jego zadaniem jest stworzenie odpowiedniego \u201eopakowania\u201d dla za\u0142o\u017ce\u0144 UX. UI ma charakter cyfrowy, kt\u00f3ry jest widoczny na stronie. Z kolei UX posiada wymiar emocjonalny \u2013 to, co czujemy i do\u015bwiadczamy. Trendy UI stale si\u0119 zmieniaj\u0105, poniewa\u017c design wszystkiego, co nas otacza, niezwykle szybko ewoluuje. Cz\u0119sto wi\u0119c gotowe projekty wymagaj\u0105 od\u015bwie\u017cenia i wprowadzenia innowacji. Jednak nie zawsze jeste\u015bmy w pe\u0142ni \u015bwiadomi naniesionych zmian. Dobrym przyk\u0142adem s\u0105 aktualizacje na smartfonach, kt\u00f3re nieznacznie zmieniaj\u0105 przy tym wygl\u0105d aplikacji. Zdarza si\u0119 jednak te\u017c tak, \u017ce interfejs jest przebudowywany ca\u0142kowicie, co bezpo\u015brednio wp\u0142ywa na do\u015bwiadczenie podczas u\u017cytkowania i jest mocno zauwa\u017calne. Pojawiaj\u0105 si\u0119 przy tym rozmaite emocje, czasem te\u017c niezadowolenie. Je\u015bli jednak wprowadzona zmiana zosta\u0142a przeprowadzona zgodnie z zadbaniem o UX, wkr\u00f3tce b\u0119dzie si\u0119 cieszy\u0107 pozytywnym odbiorem u\u017cytkownik\u00f3w.<\/p>\n \n Podczas wsp\u00f3\u0142pracy istotne jest tak\u017ce to, \u017ce niekt\u00f3re zadania projektowe mog\u0105 by\u0107 tak\u017ce wykonywane wsp\u00f3lnie przez obu specjalist\u00f3w, poniewa\u017c cz\u0119sto UI Designer samodzielnie analizuje swoje rozwi\u0105zania, a z kolei UX Designer mo\u017ce tak\u017ce wprowadzi\u0107 potrzebne na stronie zmiany. Wszystko zale\u017cy od specyficznych kompetencji ka\u017cdego z projektant\u00f3w. Z tego wzgl\u0119du dobrze spojrze\u0107 na User Experience i User Interface jako na dwie r\u00f3\u017cne, ale nieroz\u0142\u0105czne sfery projektowania produkt\u00f3w cyfrowych. Dzi\u0119ki efektywnej wsp\u00f3\u0142pracy opartej przede wszystkim na wymianie informacji pomi\u0119dzy specjalistami mo\u017cemy cieszy\u0107 si\u0119 w pe\u0142ni satysfakcjonuj\u0105cym i przynosz\u0105cym rado\u015b\u0107 rozwi\u0105zaniom.<\/p>\n \n","protected":false},"excerpt":{"rendered":" O skr\u00f3tach UX i UI zapewne s\u0142yszysz ju\u017c od d\u0142u\u017cszego czasu. Widoczne s\u0105 w r\u00f3\u017cnych publikacjach i poruszane w licznych webinarach. Wiesz wi\u0119c, \u017ce odnosz\u0105 si\u0119 do tej samej dziedziny, kt\u00f3r\u0105 jest tworzenie produkt\u00f3w cyfrowych. Jednak co dok\u0142adnie oznaczaj\u0105 i jakie s\u0105 pomi\u0119dzy nimi r\u00f3\u017cnice? Mimo \u017ce zakres User Experiencie i User Interface pokrywa si\u0119 […]<\/p>\n","protected":false},"author":7,"featured_media":3595,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[197],"tags":[12],"yoast_head":"\n