{"id":3605,"date":"2021-02-07T15:52:17","date_gmt":"2021-02-07T15:52:17","guid":{"rendered":"https:\/\/saunagrow.com\/?p=3605"},"modified":"2022-05-23T13:54:24","modified_gmt":"2022-05-23T13:54:24","slug":"czym-jest-ux-a-czym-ui","status":"publish","type":"post","link":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/","title":{"rendered":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l3isefsm-c0aa617884561dff19c1da8bd2bf4635\">\n#top .av-special-heading.av-l3isefsm-c0aa617884561dff19c1da8bd2bf4635{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-l3isefsm-c0aa617884561dff19c1da8bd2bf4635 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-l3isefsm-c0aa617884561dff19c1da8bd2bf4635 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-l3isefsm-c0aa617884561dff19c1da8bd2bf4635 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first  av-thin-font'><h2 class='av-special-heading-tag'  itemprop=\"headline\"  ><strong>UX i UI, co to takiego i jak je rozr\u00f3\u017cni\u0107?<\/strong> Cz\u0119sto s\u0142yszysz UX to, UI tamto&#8230; ale czym si\u0119 r\u00f3\u017cni\u0105 te terminy, sfery? <\/h2><div class='av-subheading av-subheading_below'><p>O User Experience, User Interface, ale nie tylko &#8211; Bolek Drapella z SaunaGrow.com rozmawia z Krzy\u015bkiem Stola, CEO Blue Owl eCommerce Software House.<\/p>\n<p>Dowiesz si\u0119 na co zwraca\u0107 uwag\u0119, jak budowa\u0107 w\u0142a\u015bciwie priorytety my\u015bl\u0105c o u\u017cyteczno\u015bci Twojej strony, produktu. Zapraszamy!<\/p>\n<\/div><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-kam5yng8-d63b7efac9ef0b0f13ac0bead8299ef5'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><iframe loading=\"lazy\" src=\"https:\/\/anchor.fm\/saunagrow\/embed\/episodes\/27--Czym-jest-UX--a-czym-UI--Rozmowa-z-Krzysztofem-Stola--CEO-Blue-Owl-epnt93\/a-a29s1cu\" width=\"400px\" height=\"102px\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/saunagrow.com\/rozmowy\/\">wi\u0119cej odcink\u00f3w<\/a><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-2aiikv-4d4dd5084e6e2136d37df2b80d2d5d45'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h6 style=\"text-align: right;\">Transkrypcja odcinka:<\/h6>\n<p><strong>Bolek Drapella:<\/strong> Krzy\u015bku, bardzo mi\u0142o mi ci\u0119 widzie\u0107, mi\u0142o mi si\u0119 z tob\u0105 spotka\u0107. Ciesz\u0119 si\u0119, \u017ce przyj\u0105\u0142e\u015b zaproszenie do naszego podcastu, Rozm\u00f3w Saunowych. Krzy\u015bku, bardzo prosz\u0119 ci\u0119, przedstaw si\u0119, nie tylko z imienia, bo to ju\u017c mamy za sob\u0105, ale powiedz, czym si\u0119 zajmujesz, bo temat jest niesamowicie wa\u017cny dla wszystkich przedsi\u0119biorc\u00f3w, i na pocz\u0105tku i na dalszych etapach wzrostowych.<\/p>\n<p><strong>Krzysiek Stola:<\/strong> Mi r\u00f3wnie\u017c bardzo mi\u0142o, \u017ce mog\u0119 go\u015bci\u0107 w podca\u015bcie, mam nadziej\u0119, \u017ce co\u015b ciekawego b\u0119d\u0119 w stanie wydusi\u0107 z siebie i to si\u0119 przyda komukolwiek, gdziekolwiek. Imi\u0119 moje znacie, wi\u0119c na nazwisko mam Stola. Co robi\u0119 na co dzie\u0144? Na co dzie\u0144 jestem w\u0142a\u015bcicielem, wsp\u00f3lnikiem sp\u00f3\u0142ki, kt\u00f3ra wdra\u017ca commerce\u2019y. Wdra\u017camy commerce\u2019y, czyli robimy warsztaty, projektujemy, implementujemy platformy commerce\u2019owe na silnikach otwartych, czyli WordPress, Ucommerce, PrestaShop, Magento. To jest nasza praca codzienna, natomiast ja, opr\u00f3cz tego, \u017ce zarz\u0105dzam firm\u0105, to tak\u017ce jestem osob\u0105, kt\u00f3ra, powiedzmy, nadzoruje dzia\u0142, tak zwany warsztatowo-analityczno-projektowy. Taka jest moja specjalizacja &#8211; warsztat, design thinking, plus do tego jeszcze UXTY. Opr\u00f3cz pracy zawodowej, jestem te\u017c czynnym wyk\u0142adowc\u0105 akademickim, doktorantem, tak, jeszcze robi\u0119 doktorat &#8211; taka ciekawostka na marginesie. Natomiast wyk\u0142adam te\u017c na podyplom\u00f3wce na CDV tutaj, w Poznaniu u nas, na podyplom\u00f3wce zwi\u0105zanej z budowaniem startup\u00f3w. Tam mam taki temat, \u201eStartup, pomys\u0142 na biznes\u201d, wi\u0119c wpisuj\u0119 si\u0119 chyba w tre\u015b\u0107 podcastu. Wyk\u0142adam te\u017c na Wy\u017cszej Szkole Handlu i Us\u0142ug i tam z kolei na MBA bardziej zarz\u0105dzanie strategiczne, project management. Takie, jak by to powiedzie\u0107, szerokok\u0105tne zastosowania.<\/p>\n<blockquote>\n<p>Natomiast z tego co wiem, dzisiaj mamy porozmawia\u0107 sobie troszeczk\u0119 wi\u0119cej o UX-ie, UI-u i zastosowaniu tego\u017c zw\u0142aszcza w biznesach e-commerce, tak \u017ce mam nadziej\u0119, \u017ce co\u015b ciekawego tutaj powiem. To tak w skr\u00f3cie albo przyd\u0142ugo.<\/p>\n<\/blockquote>\n<p><strong>BD:<\/strong> Super. Zanim przejdziemy do UX i UI, bo zaraz ci\u0119 poprosz\u0119 o rozszyfrowanie tych skr\u00f3t\u00f3w, kr\u00f3tka anegdota. Bardzo lubi\u0119 doktorant\u00f3w, kt\u00f3rzy s\u0105 czynni zawodowo, bo inaczej jest, jak w s\u0142ynnym dowcipie:<\/p>\n<blockquote>\n<p>Czym si\u0119 r\u00f3\u017cni balkon od doktoranta?<\/p>\n<p>Balkon jest w stanie utrzyma\u0107 ca\u0142\u0105 rodzin\u0119, a doktorant, jak pracuje zawodowo, to jak najbardziej jest w stanie.<\/p>\n<\/blockquote>\n<p>Jak mo\u017cna po\u0142\u0105czy\u0107 t\u0105 pasj\u0119 naukow\u0105, rozw\u00f3j, wyk\u0142adanie i nauczanie innych, z praktyczn\u0105 wiedz\u0105 &#8211; to to zupe\u0142nie inaczej smakuje, te\u017c po stronie student\u00f3w.<\/p>\n<p><strong>KS:<\/strong> Tak, zgodz\u0119 si\u0119. Ja generalnie w og\u00f3le jestem takim pasjonatem dydaktyki. Wiesz, ja ci powiem, \u017ce ja poszed\u0142em na te studia bardziej w zwi\u0105zku z dydaktyk\u0105, ni\u017c nauk\u0105 jako tak\u0105, bo c\u00f3\u017c, jak ju\u017c znam ten system od \u015brodka, to widz\u0119, \u017ce ta nauka nie jest taka sexy. Natomiast dydaktyka mnie zawsze jara\u0142a, ja lubi\u0119 po prostu przekazywa\u0107 wiedz\u0119 i uczy\u0107 ludzi. My\u015bl\u0119, \u017ce to te\u017c jest nawi\u0105zanie do tego, \u017ce prowadz\u0119 warsztaty, du\u017co pracuj\u0119 z biznesem, z przedsi\u0119biorcami, to mi zosta\u0142o. To jest wed\u0142ug mnie fajne, natomiast sama sensu stricte nauka jako taka, no niestety, ten system wygl\u0105da troszeczk\u0119 dziwnie od \u015brodka i my\u015bl\u0119, \u017ce to jest temat na kolejny podcast, zupe\u0142nie inny.<\/p>\n<p><strong>BD:<\/strong> Osobny temat, ale faktycznie dorzucanie praktyki do nauki zupe\u0142nie zmienia ten wymiar.<\/p>\n<p><strong>KS:<\/strong> Dok\u0142adnie tak. Zw\u0142aszcza pod k\u0105tem podyplm\u00f3wek i MBA, kt\u00f3re prowadz\u0119, to jest tam kluczowe. Tam w zasadzie osoba, dydaktyk bez praktyki jest bezwarto\u015bciowy, bo tam masz samych praktyk\u00f3w. Oni czekaj\u0105 i ch\u0142on\u0105 twoje do\u015bwiadczenie, twoj\u0105 wiedz\u0119 i za to p\u0142ac\u0105, a nie za to, \u017ce ty im wy\u0142o\u017cysz teorie.<\/p>\n<p><strong>BD:<\/strong> To jest ta r\u00f3\u017cnica, p\u0142ac\u0105, wi\u0119c chc\u0105 si\u0119 czego\u015b nauczy\u0107, a nie s\u0105, bo jest to darmowa szko\u0142a wy\u017csza.<\/p>\n<p><strong>KS:<\/strong> Dok\u0142adnie tak.<\/p>\n<p>BD: Krzy\u015bku, przechodzimy do UX i UI. Jak w og\u00f3le rozr\u00f3\u017cni\u0107 jedno od drugiego, bo bardzo cz\u0119sto po slashu u\u017cywa jednego po drugim. Zacznijmy wi\u0119c od definicji dla os\u00f3b, kt\u00f3re powinny o tym my\u015ble\u0107, a niekoniecznie to robi\u0105.<\/p>\n<p><strong>KS:<\/strong> Zasadniczo, powinno si\u0119 ca\u0142kowicie odr\u00f3\u017cnia\u0107 te dwie rzeczy i mo\u017cna powiedzie\u0107, \u017ce specjalist\u00f3w, kt\u00f3rzy zajmuj\u0105 si\u0119 jednym i drugim elementem, jest bardzo ma\u0142o. Zazwyczaj mamy specjalist\u00f3w, kt\u00f3rzy si\u0119 zajmuj\u0105 UX-ami, zaraz przejd\u0119 do tego, co to jest, i zazwyczaj mamy specjalist\u00f3w, kt\u00f3rzy si\u0119 zajmuj\u0105 UI-em. To s\u0105 dwie oddzielne osoby, a mi\u0119dzy nimi jeszcze jest szereg r\u00f3\u017cnych os\u00f3b, kt\u00f3re mog\u0105 si\u0119 zajmowa\u0107 pewnymi elementami z poszczeg\u00f3lnych zagadnie\u0144. Natomiast uog\u00f3lniaj\u0105c, za\u0142\u00f3\u017cmy, \u017ce mamy dwie cz\u0119\u015bci, czyli:<\/p>\n<h3><strong>UX-a, kt\u00f3ry po angielsku brzmi user experience, po polsku to si\u0119 t\u0142umaczy na do\u015bwiadczenie u\u017cytkownika, a potem mamy UI, czyli user interface, czyli po prostu interfejs u\u017cytkownika.<\/strong><\/h3>\n<p>M\u00f3wi\u0105c na ch\u0142opski rozum, o co w tym wszystkim chodzi?<\/p>\n<h4><strong>Je\u017celi chodzi o UX (user experience)<\/strong> &#8211; m\u00f3wimy o wszelkich, kwestiach zwi\u0105zanych z czystym odbiorem produktu, czyli us\u0142ugi jako takiej. Czy ona jest u\u017cyteczna, czyli czy jest prosta w odbiorze, zrozumia\u0142a dla u\u017cytkownika. Jakby to przedstawi\u0142 Don Norman &#8211; korzystaj\u0105c z tej us\u0142ugi, czy produktu, my nawet nie wiemy, \u017ce z niego korzystamy, robimy to nie\u015bwiadomie i jeste\u015bmy zadowoleni. Czyli przyk\u0142adowo:<\/h4>\n<blockquote>\n<p>Chwytaj\u0105c kubek kawy, wiem, \u017ce to jest jaki\u015b kubek. Mog\u0119 go uchwyci\u0107, tak, mam jaki\u015b uchwyt, kt\u00f3ry mie\u015bci si\u0119 w mojej d\u0142oni. S\u0105 oczywi\u015bcie za\u0142o\u017cone do tego zasady ergonomii. Natomiast to jest w\u0142a\u015bnie UX (user experience) &#8211; chwytam kubek, pij\u0119 z tego kubka i jestem zadowolony. Robi\u0119 to nie\u015bwiadomie, nie my\u015bl\u0119 o tym, jak mam uchwyci\u0107 ten kubek, \u017ceby z niego wypi\u0107.<\/p>\n<\/blockquote>\n<h4><strong>Natomiast UI, czyli user interface<\/strong> &#8211; to jest ca\u0142a otoczka graficzno-animacyjno-wygl\u0105dowa ca\u0142o\u015bci. Czyli dla mnie UI-em, w takim kubku by\u0142oby to, \u017ce on jest koloru z\u0142otego. To jest jego UI i podoba mi si\u0119, dlatego \u017ce ten kolor mi si\u0119 pozytywnie kojarzy ze z\u0142otym medalem olimpijskim, na przyk\u0142ad.<\/h4>\n<p>Wi\u0119c to s\u0105 podstawowe r\u00f3\u017cnice. Osoba, kt\u00f3ra zajmuje si\u0119 UX-em zazwyczaj skupia si\u0119 na tym, jak dostosowa\u0107 produkt czy us\u0142ug\u0119 do u\u017cytkownika. Przebada\u0107 potrzeb\u0119 u\u017cytkownika, zaprojektowa\u0107 pewne rozwi\u0105zania w taki spos\u00f3b (bardzo prosty), \u017ceby pokaza\u0107 u\u017cytkownikowi, jak co\u015b mo\u017ce funkcjonowa\u0107, jak mo\u017ce funkcjonowa\u0107 dobrze a nawet lepiej &#8211; tak, \u017ceby ten u\u017cytkownik korzystaj\u0105c z tego, nie mia\u0142 \u015bwiadomo\u015bci, \u017ce przechodzi przez jaki\u015b system, us\u0142ug\u0119, czy produkt.<\/p>\n<p>Natomiast osoba, kt\u00f3ra si\u0119 zajmuje UI-em, to jest osoba, kt\u00f3ra to koloryzuje. Maluje, dodaje temu barwy, kolorytu, czcionki, typografii, obrazu, d\u017awi\u0119ku, animacji &#8211; w taki spos\u00f3b, \u017ceby osoba, kt\u00f3ra to odbiera, czyli de facto u\u017cytkownik, odbiera\u0142a to w okre\u015blony spos\u00f3b, kt\u00f3ry odpowiednio kszta\u0142tuje emocje.<\/p>\n<p>I pozw\u00f3l, \u017ce jeszcze na koniec wspomn\u0119.<\/p>\n<blockquote>\n<p>Te dwa elementy si\u0119 ze sob\u0105 bardzo mocno \u0142\u0105cz\u0105. Cz\u0119sto mamy tak\u0105 sytuacj\u0119, \u017ce rozdziela si\u0119 UX-a od UI-a &#8211; r\u00f3bmy UX, a UI to niewa\u017cne, albo zr\u00f3bmy UI, bo UX jest niewa\u017cny. I to jest bardzo du\u017cy b\u0142\u0105d, bo nie ma dobrego UX-a bez UI-a i nie ma dobrego UI-a bez UX-a.<\/p>\n<\/blockquote>\n<p><strong>BD:<\/strong> Czy to nie jest tak, \u017ce UI si\u0119 zawiera w UX-ie?<\/p>\n<p><strong>KS:<\/strong> Nie, <strong>UI jest przed\u0142u\u017ceniem UX-a, nie zawiera si\u0119 w \u015brodku, jest pewnym dobudowaniem.<\/strong> Faz\u0119 UX-a mogliby\u015bmy w pewnym momencie zamkn\u0105\u0107. We\u017amy bardzo prosty przyk\u0142ad:<\/p>\n<p>Budujemy stron\u0119 internetow\u0105. Buduj\u0105c stron\u0119 internetow\u0105 w kontek\u015bcie UX-a, musieliby\u015bmy przeprowadzi\u0107 nast\u0119puj\u0105cy, bardzo szybki proces &#8211; po pierwsze wyj\u015bcie do u\u017cytkownika i poznanie jego potrzeb, czyli jakich element\u00f3w na tej stronie potrzebuje tw\u00f3j klient. I klient chce mie\u0107 stron\u0119 g\u0142\u00f3wn\u0105, oferta, produkty, kontakt i blog, czyli masz podstawow\u0105 architektur\u0119. Potem ten UX-owiec t\u0105 podstawow\u0105 architektur\u0119 spisuje, na diagramach, BPMN-ach, jak zwa\u0142 tak zwa\u0142, a nast\u0119pnie przek\u0142ada to na czarno-bia\u0142y prototyp, nawet na kartce, rozrysowuje przy kliencie, poszczeg\u00f3lne sekcje, zak\u0142adki, pokazuje, \u017ce tu b\u0119dzie przycisk, tutaj tyle tre\u015bci, to przej\u015bcie do tej strony i tak dalej. I na tym\u00a0 mogliby\u015bmy zamkn\u0105\u0107 t\u0105 cz\u0119\u015b\u0107 UX-ow\u0105, czyli takie czarno-bia\u0142e narysowanie klientowi, zgodnie z architektur\u0105 i pewnym drzewkiem, informacji zwi\u0105zanych z t\u0105 stron\u0105 internetow\u0105, jak wygl\u0105da ten UX.<\/p>\n<p>I teraz mog\u0142aby wej\u015b\u0107 zupe\u0142nie oddzielna osoba, czyli UI. On wie, \u017ce ma do zaprojektowania, czyli do pomalowania, nadpisania, ca\u0142y proces, kt\u00f3ry si\u0119 sk\u0142ada z okre\u015blonych zak\u0142adek, wie, \u017ce tu powinno by\u0107 tyle tre\u015bci, tu mniej wi\u0119cej takie. I teraz on nak\u0142ada na to swoj\u0105 wizj\u0119, kreatywno\u015b\u0107, zmys\u0142 artystyczny i maluje ca\u0142y obraz, w taki spos\u00f3b, \u017ceby to pokaza\u0107 naszemu klientowi. Czyli on ma p\u0142\u00f3tno, zestaw farb i jaki\u015b delikatny szkic o\u0142\u00f3wkiem oraz\u00a0 ramk\u0119 &#8211; to jest jego obszar pracy, w kt\u00f3ry wchodzi i wype\u0142nia swoj\u0105 wizj\u0105. Tak mo\u017cna przedstawi\u0107 UI.<\/p>\n<p><strong>BD:<\/strong> No dobrze, ale ja spr\u00f3buj\u0119 si\u0119 z Tob\u0105 troch\u0119 nie zgodzi\u0107. Mo\u017ce to jest jakie\u015b moje spaczenie, moje rozumienie, a mo\u017ce te\u017c ludzie, kt\u00f3rzy pracuj\u0105 nie tylko w internecie, ale w og\u00f3le nad produktami, nad ich konstrukcj\u0105, te\u017c tak to postrzegaj\u0105. Dla mnie ten UX (user experience) jest czym\u015b znacznie szerszym ni\u017c tylko nadanie ramy. Dla mnie to jest szersze spojrzenie, holistyczne, na ca\u0142o\u015b\u0107 do\u015bwiadczenia klienta, czyli jest taka jakby iteracja, po tym, jak UI wejdzie i naniesie te swoje kolorki, farbki i tak dalej, to wraca znowu do kogo\u015b, kto patrzy na to z perspektywy do\u015bwiadczenia klienta, czy nadal to do\u015bwiadczenie jest pozytywne, czy nie ma przez b\u0142\u0119dy UI, jakiego\u015b zak\u0142\u00f3cenia, niezrozumienia. I druga my\u015bl taka, \u017ce dla mnie UX jest szersz\u0105 odpowiedzialno\u015bci\u0105, bo nawet je\u015bli to ju\u017c nie web developer odpowiada za ten element, tylko marketingowiec, kt\u00f3ry przyprowadzi\u0142 nam klienta z innymi oczekiwaniami, oczekiwania tego klienta by\u0142y inne nie z powodu tego, co jest na stronie, tylko z powodu tego, jak reklama by\u0142a na przyk\u0142ad wys\u0142owiona, czy co by\u0142o obiecane w reklamie, to przez to UX to jest my\u015blenie znacznie bardziej ca\u0142o\u015bciowe o tym, jak klient w interakcji z dan\u0105 mark\u0105 si\u0119 czuje. Czyli to nie jest chyba tylko ta ramka, szkic, czy szkielet strony, tylko znacznie szersza odpowiedzialno\u015b\u0107. Nie mo\u017cna powiedzie\u0107, nie, to nie moja broszka, to nie m\u00f3j dzia\u0142. To te\u017c jest nadal UX. Czy te\u017c tak to widzisz, czy nie jest to a\u017c tak szerokie?<\/p>\n<p><strong>KS:<\/strong> Nie, znaczy, powiem ci tak &#8211; bardzo dobre skojarzenie i bardzo dobre pytanie, i pog\u0142\u0119bienie tej kwestii. Ja odnios\u0142em si\u0119 do pewnych stanowisk, do podzia\u0142u obowi\u0105zk\u00f3w. Bo, jeszcze przez UX-em mogliby\u015bmy wpu\u015bci\u0107 badacza, kt\u00f3ry dzia\u0142a niezale\u017cnie i on jest osob\u0105, kt\u00f3ra zbiera wszystkie do\u015bwiadczenia, robi warsztaty z klientami, robi testy. Potem znowu wchodzi do tej fazy po UI-u, znowu testuje to co kto\u015b tam pomalowa\u0142 &#8211; pewien produkt, kt\u00f3ry mamy. Trzeba sprawdzi\u0107 z u\u017cytkownikami, zrobi\u0107 iteracj\u0119 tego produktu, wr\u00f3ci\u0107 z powrotem do fazy projektowej, dobudowa\u0107 pewne funkcjonalno\u015bci, kt\u00f3rych jeszcze nie mamy. Tak \u017ce, jak najbardziej si\u0119 z tym zgadzam. To, o czym powiedzia\u0142e\u015b, to jest taki UX, jako szerokok\u0105tne do\u015bwiadczenie klienta. Ja bym to nawet okre\u015bli\u0142 sformu\u0142owaniem <strong>customer experience, czyli generalnie do\u015bwiadczenie klienta<\/strong>. To jest bardzo wa\u017cna rzecz, o kt\u00f3rej nie powiedzia\u0142em, a kt\u00f3ra koresponduje z tym, o czym wspomnia\u0142e\u015b przed chwil\u0105.<\/p>\n<blockquote>\n<p>Tak naprawd\u0119 UX i UI, nie mo\u017cemy zamyka\u0107 do bran\u017cy, powiedzmy IT. To jest tak naprawd\u0119 budowanie wszystkiego.<\/p>\n<\/blockquote>\n<p>Generalnie <strong>customer experience<\/strong>, czy <strong>human center design<\/strong>, czyli generalnie projektowanie, tworzenie produkt\u00f3w, us\u0142ug, proces\u00f3w produktu, ca\u0142o\u015bci system\u00f3w, ekosystem\u00f3w, skoncentrowanych tak naprawd\u0119 na cz\u0142owieku, czyli nawet nie u\u017cytkowniku. Tutaj mamy human center, a tu mamy user center &#8211; sprowadzili\u015bmy cz\u0142owieka do roli u\u017cytkownika, czyli jakby umniejszyli\u015bmy istot\u0119 ludzk\u0105 do roli pewnego elementu w grze. A m\u00f3wimy o tym, \u017ce to jest tak naprawd\u0119 human center design, czyli budowanie do\u015bwiadcze\u0144 klienta w ca\u0142ym procesie interakcji z pewnym systemem, czy ekosystemem. Je\u017celi te ekosystemy potem zaw\u0119\u017camy, czyli na przyk\u0142ad zaw\u0119\u017camy je do chocia\u017cby takiej bran\u017cy e-commerce\u2019owej czy w og\u00f3le commerce\u2019owej jako takiej. Czyli jak przedstawi\u0107 na przyk\u0142ad do\u015bwiadczenie klienta w sklepie\u00a0 stacjonarnym, gdzie on wchodzi, gdzie widzi, dotyka namacalnie pewne produkty, czuje je, ch\u0142onie wzrokiem, do\u015bwiadcza wszystkimi zmys\u0142ami, kt\u00f3re posiada &#8211; jak takie do\u015bwiadczenie prze\u0142o\u017cy\u0107 do e-commerce\u2019u?, czyli sprawdzanie po ekosystemach.<\/p>\n<p>By\u0142em kiedy\u015b na wycieczce w jednym z takich fajnych sklep\u00f3w w Poznaniu. Nie wiem, czy ty bywasz w Poznaniu, ale jest sklep na Podg\u00f3rnej, prowadzi go Tomek Muller. Bardzo fajna posta\u0107, specjalizuje si\u0119 w modzie m\u0119skiej oraz w wysokoprocentowych, dobrej jako\u015bci alkoholach, mi\u0119dzy innymi whisky. Prowadzi jeszcze taki fajny podcast i na ulicy Podg\u00f3rnej ma sklep, kt\u00f3ry zosta\u0142 zaprojektowany, stworzony z my\u015bl\u0105 o jak najlepszym do\u015bwiadczeniu klienta. Wchodz\u0105c tam, zaprojektowali ca\u0142\u0105 przestrze\u0144 zakupow\u0105, czyli ten commerce standardowy &#8211; taki realny sklep. My\u015bleli na ka\u017cdym kroku, jak ty si\u0119 powiniene\u015b czu\u0107, przechodz\u0105c przez poszczeg\u00f3lne punkty styku z zakupem produkt\u00f3w, kt\u00f3re s\u0105 tam wystawione. Czyli tu masz bar, pod\u0142oga jest z okre\u015blonego materia\u0142u, to wszystko ma okre\u015blony zapach, witryna wygl\u0105da w okre\u015blony spos\u00f3b, klient obs\u0142ugiwany jest w okre\u015blony spos\u00f3b, z okre\u015blonym schematem obs\u0142ugi. Wszystko, co sk\u0142ada si\u0119 na ca\u0142y, powiedzmy, ekosystem sklepowy, jest zamkni\u0119te w tym ca\u0142kowitym do\u015bwiadczeniu klienta. I tutaj nie wyr\u00f3\u017cniamy ju\u017c \u017cadnego UX-a, UI-a, czy badaczy. To jest ca\u0142y ekosystem, kt\u00f3ry zosta\u0142 od pocz\u0105tku do ko\u0144ca zaprojektowany.<\/p>\n<p>I pozw\u00f3l, \u017ce jeszcze na koniec powiem o tym, o czym Ty wspomnia\u0142e\u015b. Na przyk\u0142ad z marketerem: marketer wypu\u015bci\u0142 w social mediach reklam\u0119 banerow\u0105 i na reklamie banerowej jest napisane 50% gratis na pierwsze zakupy w twoim sklepie internetowym. Czyli teraz klient jest w social mediach, nagle ta reklama mu si\u0119 wy\u015bwietla i wchodzi na nasz sklep internetowy. Czyli tak naprawd\u0119 jego do\u015bwiadczenie zwi\u0105zane z nasz\u0105 mark\u0105, jest ju\u017c budowane na etapie pierwszego wy\u015bwietlenia tego banneru. Ten szerokok\u0105tny UX dzieje ju\u017c na etapie pierwszego kontaktu klienta z mark\u0105. Pierwszego momentu kiedy zobaczy, us\u0142yszy, np. u kolegi, kole\u017canki zobaczy ubranie i te\u017c chce je mie\u0107. W tym momencie zaczyna si\u0119 ju\u017c do\u015bwiadczenie zakupowe i od tego momentu mogliby\u015bmy m\u00f3wi\u0107,\u00a0 \u017ce projektowanie tych punkt\u00f3w jest bardzo istotne. Mo\u017ce zaraz do tego jeszcze przejd\u0119, bo pewnie masz pytania, przyd\u0142uga wypowied\u017a, m\u00f3wi\u0142em ci, \u017ceby\u015b mnie stopowa\u0142 i przerywa\u0142.<\/p>\n<p><strong>BD:<\/strong> B\u0119d\u0119 ci\u0119 stopowa\u0142 za chwil\u0119, mi\u0119dzy innymi dlatego, \u017ce <a href=\"https:\/\/saunagrow.com\/pl\/rozmowy\/\">Rozmowy Saunowe<\/a> ciesz\u0105 si\u0119 tym, \u017ce s\u0105 zazwyczaj do\u015b\u0107 kr\u00f3tkie. Wywiad, czy rozmowa zawsze s\u0105 d\u0142u\u017csze, bo dwie osoby maj\u0105 co\u015b do przekazania, jest interakcja, ale im kr\u00f3cej tym lepiej. G\u0142\u00f3wnie dlatego, \u017ce w saunie si\u0119 nie siedzi zazwyczaj d\u0142u\u017cej ni\u017c 15 minut, wi\u0119c jak dojdziemy do dw\u00f3ch takich seans\u00f3w saunowych, to b\u0119dzie w sam raz.<\/p>\n<p>Chcia\u0142bym spr\u00f3bowa\u0107 teraz zej\u015b\u0107 na konkretne przyk\u0142ady &#8211; tak, \u017ceby s\u0142uchaczom \u0142atwiej by\u0142o sobie zobrazowa\u0107, jakie b\u0142\u0119dy z obszaru UX w e-commerce\u2019ie, czyli internetowych biznesach, najcz\u0119\u015bciej ludzie pope\u0142niaj\u0105 i najcz\u0119\u015bciej o tym zapominaj\u0105? Czyli, ja to nazywam, takie powolne gotowanie \u017caby. Jak sklep by\u0142 ma\u0142y, to nie by\u0142o problemem a jak ju\u017c ur\u00f3s\u0142 a nadal jest tak samo, bo zawsze by\u0142o, to ju\u017c nie jest ta droga. Gdyby\u015b mia\u0142 przedstawi\u0107\u00a0 2-3 przyk\u0142ady czego\u015b, co jest \u017ale ogarni\u0119te UX-owo a bardzo wiele sklep\u00f3w, w\u0142a\u015bcicieli sklep\u00f3w o tym nie my\u015bli.<\/p>\n<p><strong>KS:<\/strong> Kilka rzeczy, skupmy si\u0119 na 2-3, tak jak powiedzia\u0142e\u015b. <strong>Pierwsza kwestia to jest menu.<\/strong> Odpowiednia konstrukcja ca\u0142ego segmentu, czyli bierzemy pod uwag\u0119 dwa obszary g\u0142\u00f3wnie, tj. desktop i mobile, czyli urz\u0105dzenia, w kt\u00f3rych najcz\u0119\u015bciej s\u0105 wy\u015bwietlane commerce\u2019y. Odpowiednio u\u0142o\u017cone menu, z wzgl\u0119du na to jak\u0105 mamy struktur\u0119 sklepu. Sklep jest du\u017cy, czy ma\u0142y, jak du\u017co jest produkt\u00f3w, w jaki spos\u00f3b w takim menu je mo\u017cemy zaprezentowa\u0107? Czy to b\u0119dzie megamenu rozsuwane czy jakie\u015b proste menu, czy to b\u0119dzie menu, kt\u00f3re od razu ma w g\u00f3rnym pasku konkretne pozycje, kt\u00f3re my sprzedajemy na sklepie? Bardzo wa\u017cna rzecz, o kt\u00f3rej ludzie zapominaj\u0105 i traktuj\u0105 to macoszemu. Natomiast klient, kt\u00f3ry wchodzi na sklep, b\u0119dzie z tego korzysta\u0142 najcz\u0119\u015bciej. Bardzo fajnie &#8211;\u00a0 ma banery, rotatory produkt\u00f3w, promocje, jakie\u015b super przyciski et cetera. Ale nie &#8211; kluczem jest w\u0142a\u015bnie drzewko kategorii. Je\u017celi zrobimy dobrze drzewko kategorii, b\u0119dzie ono logiczne i dostosowane do potrzeb naszego u\u017cytkownika, to jest w\u0142a\u015bnie pierwsza i najwa\u017cniejsza rzecz. Druga kwestia, je\u017celi chodzi o menu, to jest zapominanie o tym, \u017ce u\u017cytkownicy lubi\u0105 mie\u0107 to samo wsz\u0119dzie. Ja si\u0119 z tym dosy\u0107 cz\u0119sto spotykam, zw\u0142aszcza w kontek\u015bcie nowoczesnych, stylistycznych, modernistycznych e-commerce\u2019\u00f3w, gdzie menu klasyczne, desktopowe, czyli wylistowane, zamienia si\u0119 w tak zwane menu hamburgerowe, czyli takie, kt\u00f3re wyst\u0119puje na mobile\u2019u i to jest podstawowy b\u0142\u0105d. Nie wolno tak robi\u0107 z uwagi na to, \u017ce u\u017cytkownicy s\u0105 przyzwyczajeni do listowanego menu na desktopie i oni nie wiedz\u0105 w og\u00f3le, \u017ce takie menu chowane jest gdziekolwiek i nie potrafi\u0105 z tego korzysta\u0107. S\u0105 r\u00f3\u017cne menu, cz\u0119\u015bciowo jest pokazane, cz\u0119\u015bciowo jest schowane, r\u00f3\u017cnego rodzaju hybrydy. Ja osobi\u015bcie jestem zwolennikiem tego, \u017ce menu desktopowe powinno by\u0107 wylistowane maksymalnie, bez \u017cadnego chowania, natomiast dopiero menu mobilne, mo\u017ce by\u0107 faktycznie spakowane pod hamburgera, bo to jest naturalny element, kt\u00f3ry wyst\u0119puje. Kolejno\u015b\u0107\u00a0 to jest umieszczenie przycisku menu na mobile\u2019u. Bardzo cz\u0119sto si\u0119 spotykam ostatnio z tak\u0105 sytuacj\u0105, \u017ce przycisk menu jest umieszczony w lewym g\u00f3rnym rogu. Je\u017celi jeste\u015b osob\u0105 prawor\u0119czn\u0105, a wi\u0119kszo\u015b\u0107 os\u00f3b jest prawor\u0119cznych, nie jeste\u015b w stanie jedn\u0105 r\u0119k\u0105 klikn\u0105\u0107 w to menu. Musisz sobie pom\u00f3c, nosem na przyk\u0142ad. Zdarza mi si\u0119 korzysta\u0107 z nosa, jak mam r\u0119kawiczki. Natomiast jest to po prostu podstawowy b\u0142\u0105d i tego trzeba unika\u0107. Wszystkie elementy kluczowe akcji powinny si\u0119 znajdowa\u0107 jak najbli\u017cej ergonomii u\u017cytkownika, wi\u0119c po prostu palca kciuka i palc\u00f3w d\u0142oni, bo zasady ergonomii tu s\u0105 ignorowane ca\u0142kowicie. To jest pierwsza rzecz.<\/p>\n<p><strong>BD:<\/strong> Jeszcze zanim uciekniemy z menu, bo mam pytanie do menu &#8211; czy nie masz wra\u017cenia, \u017ce ten hamburger w wersjach desktopowych wynika z pewnego podej\u015bcia nawet nie mobile first, ale mobile only? To po prostu jest to, \u017ce dana strona nie ma zrobionej nawet wersji jakby desktopowej, tylko ma ju\u017c na tyle du\u017co ruchu z mobile\u2019u, np. 60-70%, \u017ce desktop jest traktowany per noga, czyli to, co jeszcze\u00a0 10, 5 lat temu by\u0142o, mobile jest ju\u017c od dekady, odwrotnie. Teraz ju\u017c coraz wi\u0119cej sklep\u00f3w, marek ma wi\u0119cej ruchu mobilnie ni\u017c desktopowo.<\/p>\n<p><strong>KS:<\/strong> To si\u0119 zgadza, jak najbardziej.<\/p>\n<p><strong>BD:<\/strong> Czy to wynika z lepszego ruchu na mobile&#8217;u, czy po prostu z braku dorobienia lepszej wersji desktopowej?<\/p>\n<p><strong>KS:<\/strong> Znaczy, ja w og\u00f3le powiem przewrotnie, ja jestem zwolennikiem tezy desktop first i ju\u017c ci powiem dlaczego. Bo zdecydowanie lepiej i \u0142atwiej i szybciej projektuje si\u0119 rzeczy na desktopie i redukuje do mobile\u2019a ni\u017c odwrotnie, ni\u017c projektuj\u0105c mobile i rozbudowuj\u0105c do desktopu. To jest jak z kartk\u0105 papieru, zdecydowanie \u0142atwiej robi si\u0119 co\u015b na du\u017cym formacie ni\u017c na mniejszym &#8211; z uwagi na to, \u017ce do mniejszego \u0142atwiej jest odejmowa\u0107 pewne elementy. A we\u017a teraz zr\u00f3b cokolwiek na ma\u0142ym formacie i spr\u00f3buj to rozbudowa\u0107 do du\u017cego formatu, jest o wiele trudniej, poniewa\u017c\u00a0 musisz zacz\u0105\u0107 wymy\u015bla\u0107, jak przestrze\u0144 zagospodarowa\u0107. Robi\u0105c odwrotnie, czyli wychodz\u0105c z desktopu &#8211; robi\u0105c dobrze desktop, a nast\u0119pnie eliminuj\u0105c pewne elementy, oczywi\u015bcie mobile si\u0119 robi niezale\u017cnie, ale eliminuj\u0105c pewne elementy z desktopu, zdecydowanie \u0142atwiej jest zaprojektowa\u0107 mobile. Bo ju\u017c gros element\u00f3w masz i teraz tylko decydujesz, co dla tego u\u017cytkownika faktycznie b\u0119dzie istotne w moim sklepie. Na desktopie mo\u017cemy zrobi\u0107 jaki\u015b bannerek, jeszcze jeden dodatkowy, jeszcze co\u015b tam &#8211; detale, kt\u00f3re na desktopie dzia\u0142aj\u0105, bo mamy du\u017cy ekran i zdecydowanie wi\u0119cej czasu u\u017cytkownika na ekranie desktopowym ni\u017c na mobile\u2019u. Na mobile\u2019u to jest raz, dwa, trzy, szybka akcja, kluczowe elementy tylko i wy\u0142\u0105cznie. Dlatego ja jestem zwolennikiem tezy desktop first.<\/p>\n<p><strong>BD:<\/strong> Pierwsze s\u0142ysz\u0119, ale to ciekawe podej\u015bcie.<\/p>\n<p><strong>KS:<\/strong> To jest troch\u0119 przewrotne, natomiast ja po prostu uwa\u017cam, z praktyki , \u017ce jest to zdecydowanie prostsza perspektywa. Natomiast, odpowiadaj\u0105c na to pytanie, by\u0107 mo\u017ce jest to prawda, to znaczy, w\u0142a\u015bnie zaniedbywanie ekranu desktopu z uwagi na to, \u017ce ten ruch desktopowy cz\u0119sto ju\u017c jest marginalny &#8211; nie jest to nawet\u00a0 30%, cz\u0119sto w niekt\u00f3rych przypadkach to jest po 10%, bo wi\u0119kszo\u015b\u0107 tych transakcji jednak odbywa si\u0119 ju\u017c na mobile\u2019u.<\/p>\n<p><strong>BD:<\/strong> Przyk\u0142ad Instagrama, kt\u00f3ry d\u0142ugo nie ma w og\u00f3le wersji desktopowej i ona jest z za\u0142o\u017cenia uboga, tam nic nie dodasz, to funkcjonuje tylko jako jaka\u015b dziwna hybryda.<\/p>\n<p><strong>KS:<\/strong> Tak, to si\u0119 zgadza. Natomiast to, co jest jeszcze wa\u017cne &#8211; mimo wszystko nadal du\u017co sklep\u00f3w internetowych, zw\u0142aszcza e-commerce\u2019\u00f3w zaniedbuje\u00a0 mobile\u2019a. Wszyscy niby wiedz\u0105, \u017ce jest obecnie era mobile ale zaniedbania w tym zakresie s\u0105 du\u017ce, mimo wszystko, ca\u0142y czas.<\/p>\n<blockquote>\n<p>I trzeba o tym pami\u0119ta\u0107, \u017ce zdecydowanie \u0142atwiej jest wszystko zrobi\u0107 na desktopie, bo jak si\u0119 ma przestrze\u0144, to jest \u0142atwiej\u00a0 umie\u015bci\u0107 tre\u015bci i roz\u0142o\u017cy\u0107 odpowiednio przestrzenie. Tam si\u0119 projektuje zdecydowanie \u0142atwiej. Zdecydowanie trudniej jest natomiast, prze\u0142o\u017cy\u0107 ilo\u015b\u0107 informacji, kt\u00f3r\u0105 chcemy przekaza\u0107 u\u017cytkownikowi z desktopu na mobile. To jest zdecydowanie trudniejsze zadanie, bo tu ilo\u015b\u0107 trzeba w jaki\u015b spos\u00f3b zredukowa\u0107.<\/p>\n<\/blockquote>\n<p><strong>BD:<\/strong> R\u00f3\u017cne ekrany, ka\u017cdy piksel r\u00f3\u017cnicy poka\u017ce, \u017ce co\u015b, co \u017ale osadzili\u015bmy, jaki\u015b istotny element, typu przycisk \u201ewy\u015blij\u201d nie jest widoczny na pierwszym foldzie albo w og\u00f3le nie jest widoczny, bo jest za du\u017co tekstu i scrolla nie zrobimy.<\/p>\n<p><strong>KS:<\/strong> RWD wszystko zrobi\u0142o, rozwali\u0142o wszystko totalnie. Jak nie by\u0142o RWD wszystko by\u0142o proste, wszystko by\u0142o kwadratowe.<\/p>\n<p><strong>BD: Responsive Web Design.<\/strong><\/p>\n<p><strong>KS:<\/strong> Tak, Responsive Web Design &#8211; wszystko jest rozwalone i klienci tego nie rozumiej\u0105 do ko\u0144ca. My wsp\u00f3\u0142pracujemy z klientami &#8211; oni nie rozumiej\u0105 &#8211; przecie\u017c u mnie na telefonie tego nie wida\u0107. Nie wida\u0107, bo Pana telefon jest ciut wi\u0119kszy i szerszy ni\u017c projektowany ekran, na kt\u00f3rym opiera\u0142 si\u0119 developer, kt\u00f3ry projektowa\u0142 apk\u0119. Tak \u017ce tutaj znowu te mankamenty.<\/p>\n<p><strong>BD:<\/strong> Wa\u017cne, \u017ce jemu nie dzia\u0142a i to te\u017c s\u0142uszne podej\u015bcie, bo innym te\u017c mo\u017ce nie dzia\u0142a\u0107. Ale to ju\u017c jest temat rzeka dostosowania HTML-a do przegl\u0105darek i do kt\u00f3rych wersji, jak daleko wstecz i do kt\u00f3rego Internet Explorera pr\u00f3bowa\u0107 jeszcze si\u0119 zr\u00f3wnywa\u0107.<\/p>\n<p><strong>KS:<\/strong> Tak, praktyka jest taka teraz, \u017ce coraz mniej firm w og\u00f3le dba o Internet Explorer. My w og\u00f3le ju\u017c nie mamy w umowach Internet Explorer, to jest wymar\u0142a przegl\u0105darka.<\/p>\n<p><strong>BD:<\/strong> Z\u0142o konieczne.<\/p>\n<p><strong>KS:<\/strong> Natomiast pozw\u00f3l, \u017ce jeszcze wr\u00f3c\u0119 do tych dw\u00f3ch kluczowych, wa\u017cnych rzeczy. <strong>Druga kwestia, na kt\u00f3r\u0105 warto zwr\u00f3ci\u0107 uwag\u0119 pod k\u0105tem UX-a, to jest drzewko kategorii.<\/strong> Czyli, po pierwsze zaprezentowanie tego menu, ale przede wszystkim u\u0142o\u017cenie logiczne tego menu &#8211; to w jaki spos\u00f3b drzewko kategorii jest u\u0142o\u017cone, jak logicznie jest przedstawione menu. Zw\u0142aszcza w sklepach skomplikowanych, takich platformach B2B na przyk\u0142ad, gdzie to nie jest takie proste, jak w sklepie z ubraniami, gdzie mamy kategorie: damska, m\u0119ska, dzieci\u0119ca i unisex i tam jaka\u015b x &#8211; to jest proste, to jest easy i wszyscy to rozumiej\u0105. Ale jak mamy sklep, gdzie sprzedajemy na przyk\u0142ad \u015brubki, i\u00a0 te \u015brubki musimy jako\u015b podkategoryzowa\u0107, gdy tych \u015brubek mamy 50 r\u00f3\u017cnych rodzaj\u00f3w i ka\u017cdy klient kupuje inne i ka\u017cdy klient inaczej my\u015bli o tych \u015brubkach &#8211; we\u017a teraz b\u0105d\u017a m\u0105dry.<\/p>\n<p><strong>BD:<\/strong> Jak si\u0119 do tego podchodzi? Idzie si\u0119 do kogo\u015b, kto wyznacza trendy? Tam gdzie ludzie zazwyczaj kupuj\u0105 &#8211; jakie\u015b Castoramy, OBI i inne -ntam id\u0105, tam szukaj\u0105, wi\u0119c wykorzystujemy te mechanizmy, kt\u00f3re ju\u017c si\u0119 zakorzeni\u0142y?<\/p>\n<p><strong>KS:<\/strong> Ju\u017c ci m\u00f3wi\u0119. Akurat mieli\u015bmy przyk\u0142ad sklepu z farbami. Nie sklepu, to jest\u00a0 bardziej strona, kt\u00f3ra przypomina sklep z farbami. I tam si\u0119 opierali\u015bmy na badaniach, kt\u00f3re firma mia\u0142a wykonane z u\u017cytkownikami. Opierali\u015bmy si\u0119 na helpdesku i na pytaniach u\u017cytkownik\u00f3w, jakie kieruj\u0105 do nas &#8211; z jakimi pytaniami wracaj\u0105. My wiemy mniej wi\u0119cej, czego oni nie rozumiej\u0105 i na podstawie tego,\u00a0 budujemy architektur\u0119 informacji, \u017ceby, kr\u00f3tko m\u00f3wi\u0105c, u\u0142atwi\u0107 im \u017cycie. Jedyn\u0105\u00a0 opcj\u0105 jest NVP &#8211; to jest stworzenie czego\u015b, pod\u0142\u0105czenie si\u0119 pod Analiticsa, pod\u0142\u0105czenie si\u0119 pod Hotjara, lub inne narz\u0119dzie mapowania ciep\u0142a i sprawdzanie tego. Nie ma tutaj m\u0105drego &#8211; to jest analiza ekspercka. Tak samo, jak by\u015b Ty podszed\u0142 i powiedzia\u0142, \u017ce wed\u0142ug ciebie to b\u0119dzie tak i tak, bo takie jest twoje do\u015bwiadczenie z wielu lat pracy, w e-commerce\u2019ie. A moje do\u015bwiadczenie b\u0119dzie troszeczk\u0119 inne, ja powiem swoj\u0105 analiz\u0105 eksperck\u0105, \u017ce ja robi\u0119 to inaczej. A teraz, jeszcze badania kosztuj\u0105, analizy kosztuj\u0105, nie ka\u017cd\u0105 firm\u0119 na to sta\u0107. Ma\u0142ego polskiego e-commerce\u2019a, \u015bredniej firmy nie sta\u0107 na to, \u017ceby zrobi\u0107 badania z u\u017cytkownikami, kt\u00f3re kosztuj\u0105 dziesi\u0105tki tysi\u0119cy.<\/p>\n<p><strong>BD:<\/strong> No w\u0142a\u015bnie, ale z u\u017cytkownikami, teraz chocia\u017cby przez takie narz\u0119dzia, jak Hotjar, czy inne opcje mapowania heatmap, mo\u017cna ju\u017c robi\u0107 badania. Niby nadal ilo\u015bciowe, ale jednak ju\u017c jakby elementy jako\u015bciowe mo\u017cna zbada\u0107 w znacznie mniejszym bud\u017cecie.<\/p>\n<p><strong>KS:<\/strong> To si\u0119 zgadza, zw\u0142aszcza, \u017ce mo\u017cesz nagrywa\u0107 te wszystkie akcje u\u017cytkownik\u00f3w. Ale co jest bardzo wa\u017cne, to s\u0105 tylko dzia\u0142ania ex post, to nie jest ex ante. Bo m\u00f3wimy te\u017c o dzia\u0142aniach ex ante, czyli mo\u017cemy po prostu przeprowadza\u0107. My mamy klient\u00f3w, z kt\u00f3rymi robili\u015bmy badania ex ante, robili\u015bmy badania jako\u015bciowe z u\u017cytkownikami, testowali\u015bmy z nimi prototypy ale powiem ci szczerze, dopiero jak masz ilo\u015bci\u00f3wk\u0119, to znaczy, jak ci wejdzie na ten sklep tysi\u0105c, 2 tysi\u0105ce, 10 tysi\u0119cy, 100 tysi\u0119cy ludzi i sprawdzasz ich, to si\u0119 okazuje, \u017ce te 15 os\u00f3b, kt\u00f3re zrobi\u0142e\u015b na jako\u015bci\u00f3wce, to by\u0142a jaka\u015b tam grupa, ale ca\u0142a ta reszta ma inne przemy\u015blenia, inne funkcje szuka i tak dalej. Nie zawsze te badania jako\u015bciowe 1 do 1 przek\u0142adaj\u0105 si\u0119 potem na t\u0105 ilo\u015b\u0107.<\/p>\n<p><strong>BD:<\/strong> Ja mam takie wra\u017cenie, bo te\u017c swego czasu pracowa\u0142em w agencji interaktywnej i dla bardziej maj\u0119tnych klient\u00f3w, wtedy to akurat by\u0142a marka Heyah, robili\u015bmy rzeczywi\u015bcie badania jakby przed wykonaniem. By\u0142o badanie layout\u00f3w, czasami skomplikowanych i bardziej innowacyjnych, to wygra\u0142 taki, kt\u00f3ry by\u0142 bardzo trudny w u\u017cyciu, ale faktycznie wszystkim si\u0119 spodoba\u0142, tak, wi\u0119c to by\u0142o ciekawego, \u017ce z tych bada\u0144 wysz\u0142o. I to by\u0142y badania po 20 os\u00f3b w pi\u0119ciu r\u00f3\u017cnych miastach, kilka serii, niesamowite koszty w og\u00f3le, zaanga\u017cowanie, szk\u0142a weneckie, badacze, nagrywania i tak dalej. Ale mam wra\u017cenie, \u017ce takie badania mia\u0142y wtedy wi\u0119kszy sens, bo sam development danej aplikacji, szczeg\u00f3lnie w taki zupe\u0142nie inny spos\u00f3b, nie na gotowych narz\u0119dziach, tylko praktycznie od zera, powodowa\u0142, \u017ce op\u0142aca\u0142o si\u0119 takie badania zrobi\u0107 wcze\u015bniej. NVP wtedy, skr\u00f3t nie istnia\u0142 jeszcze, mo\u017ce ju\u017c idea gdzie\u015b tam istnia\u0142a, ale po prostu znacznie dro\u017csze by\u0142o wykonanie finalnie takiej aplikacji, wi\u0119c op\u0142aca\u0142o si\u0119 testowa\u0107 przed. Teraz, przy NVP, przy testach AB, kt\u00f3re mo\u017cna uruchomi\u0107 praktycznie na byle czym, jak ju\u017c jest jaki\u015b ruch, zaraz zadam pytanie, jaki ruch powinien by\u0107, \u017ceby testy AB mia\u0142y sens, ale mam takie wra\u017cenie, \u017ce podej\u015bcie linowe pokazuje, \u017ce mo\u017cna szybciej co\u015b wyplu\u0107, postawi\u0107 na produkcj\u0119 i zobaczy\u0107, jak to dzia\u0142a, ni\u017c czeka\u0107 waterfallowo a\u017c zrobimy pi\u0119kny 12-miesi\u0119czny projekt, \u017ceby si\u0119 na koniec okaza\u0142o, \u017ce to jednak nie jest to, czego chcieli u\u017cytkownicy. To jest te\u017c kwestia zmiany podej\u015bcia i technologii, \u017ce teraz \u0142atwiej jest zrobi\u0107 NVP?<\/p>\n<p><strong>KS:<\/strong> Na pewno, zw\u0142aszcza w e-commerce\u2019ie, gdzie mo\u017cemy naprawd\u0119 bardzo szybko co\u015b postawi\u0107, nawet na jakim\u015b gotowcu, czy szablonie.<\/p>\n<blockquote>\n<p>My cz\u0119sto sugerujemy klientom &#8211; zr\u00f3bmy fajny proces &#8211; postawmy co\u015b, nawet z bazowymi funkcjonalno\u015bciami i potem sprawdzajmy to.<\/p>\n<\/blockquote>\n<p>Jak powiedzia\u0142em przed chwil\u0105, my projektujemy pewn\u0105 rzecz i do ko\u0144ca tak naprawd\u0119 nie wiemy, czy ten projekt chwyci, czy ta logika, kt\u00f3r\u0105 my si\u0119 kierujemy, czy to drzewko kategorii, kt\u00f3re wymy\u015blili\u015bmy faktycznie si\u0119 sprawdzi. Dlatego my zawsze sugerujemy wyprodukowa\u0107 i dopiero potem sprawdzi\u0107, jak to dzia\u0142a. I teraz znowu jest kwestia tego, co jest g\u0142\u00f3wnym kosztem, jak powiedzia\u0142e\u015b, w takim przyk\u0142adzie Heyah, to by\u0142 du\u017cy koszt wyprodukowania aplikacji. Natomiast w tej chwili, na przyk\u0142ad je\u017celi chodzi o e-commerce\u2019y, to du\u017cym kosztem jest integracja tych e-commerce\u2019\u00f3w. Du\u017ca cz\u0119\u015b\u0107 bud\u017cetu to nie jest nawet ca\u0142y front, projektowanie, co potem zintegrowanie, zmerge\u2019owanie tego e-commerce\u2019a z jakim\u015b systemem RP, z jakimi\u015b platformami marketplace, z r\u00f3\u017cnymi systemami wysy\u0142ek, p\u0142atno\u015bci et cetera &#8211; ca\u0142a ta architektura, kt\u00f3r\u0105 trzeba po\u0142\u0105czy\u0107. A jak masz jeszcze skomplikowane platformy B2B, gdzie musisz si\u0119 \u0142\u0105czy\u0107 po jakich\u015b AXML-ach r\u00f3\u017cnego typu, musisz budowa\u0107 w\u0142asne rozwi\u0105zania do tych platform, to z\u017cera gros bud\u017cetu. Warstwa interfejsu, kt\u00f3r\u0105 my widzimy jako klienci danego sklepu, ostatecznie coraz cz\u0119\u015bciej jest kwesti\u0105 mniej kosztown\u0105 w ca\u0142ej produkcji. I dlatego ona te\u017c jest mniej kosztowna, \u017ceby potem do niej wraca\u0107 i w iteracyjny spos\u00f3b, zaczytuj\u0105c te dane, to sprawdza\u0107. Teraz to, co zawiera\u0142o Twoje kolejne pytanie, czyli ile os\u00f3b powinno wej\u015b\u0107 na t\u0105 stron\u0119, \u017ceby dane by\u0142y warto\u015bciowe. Powiem ci tak &#8211; tak naprawd\u0119 znowu zale\u017cy to od narz\u0119dzia, jakim badamy, ale we\u017amy pod uwag\u0119 chocia\u017cby map\u0119 ciep\u0142a. Zasadniczo ruch nawet na poziomie, powiedzmy, 2 do 5 tysi\u0119cy os\u00f3b, unikalnych u\u017cytkownik\u00f3w to ju\u017c jest wystarczaj\u0105co, \u017ceby co\u015b z tego widzie\u0107.<\/p>\n<p><strong>BD:<\/strong> Dziennie, miesi\u0119cznie, tygodniowo?<\/p>\n<p><strong>KS:<\/strong> Wiesz co, do tego testu, poczekajmy, a\u017c uzyskamy 5 tysi\u0119cy wej\u015b\u0107 unikalnych i sprawd\u017amy sobie wtedy, jak to tam wygl\u0105da\u0142o. I tak sugeruj\u0119 &#8211; mniej wi\u0119cej, od 2 do 5 tysi\u0119cy minimum. Oczywi\u015bcie im wi\u0119cej mamy, tym pewne zachowania u\u017cytkownik\u00f3w widzimy lepiej, bo to ciep\u0142o, te punkty robi\u0105 si\u0119 coraz g\u0119stsze i widzimy, \u017ce ten button jest klikalny, a ten inny nie jest. To rozumiej\u0105, a tego nie. Natomiast potem, je\u015bli chcie\u0107 z tego zrobi\u0107, analiz\u0119 jako\u015bciow\u0105, czyli na przyk\u0142ad wzi\u0105\u0107 firm\u0119 i poogl\u0105da\u0107 co ci ludzie tam robi\u0105, to by\u015b zg\u0142upia\u0142 &#8211; \u017cycia by Ci stary nie starczy\u0142o, \u017ceby przeanalizowa\u0107 wszystkie mo\u017cliwe akcje. Z tego, co s\u0142ysza\u0142em ostatnio, pojawiaj\u0105 si\u0119 na rynku programowania, kt\u00f3re ci podpowiadaj\u0105 lepszej jako\u015bci filmy. Jakim\u015b mechanizmem sztucznej inteligencji wybieraj\u0105 te, kt\u00f3re s\u0105 najbardziej jako\u015bciowe i te ci podsuwaj\u0105, jako badaczowi. Wi\u0119c jest to coraz lepsze, \u0142atwiejsze w u\u017cyciu, natomiast zasadniczo potem chc\u0105c z tego zrobi\u0107 analiz\u0119 jako\u015bciow\u0105, musisz wybra\u0107 pewne akcje i sprawdzi\u0107 sobie, co funkcjonuje.<\/p>\n<p><strong>BD:<\/strong> Ale pytanie, na ile ta analiza jako\u015bciowa jeszcze ma sens w momencie, kiedy masz konwersj\u0119? To oczywi\u015bcie zale\u017cy, co chcesz osi\u0105gn\u0105\u0107 w danej zmianie, bo to nie zawsze jest konwersja, ale testy AB, jest zawsze prosty wynik. Wiesz, co przejdzie dalej, gdzie jest wi\u0119ksza konwersja i tam nawet nie musisz zg\u0142\u0119bia\u0107 poszczeg\u00f3lnych z tych tysi\u0119cy przypadk\u00f3w u\u017cycia. Tylko tam, gdzie zadzia\u0142a\u0142o lepiej, gdzie u\u017cytkownik przeszed\u0142 dalej z wi\u0119kszym efektem. Wspomnia\u0142e\u015b o tych, 2 tysi\u0105cach os\u00f3b, trzeba pami\u0119ta\u0107, \u017ce to jest 2 tysi\u0105ce os\u00f3b, kt\u00f3re dojdzie do etapu, kt\u00f3ry testujemy. To nie jest 2 tysi\u0105ce os\u00f3b, kt\u00f3re wejdzie nam na stron\u0119 g\u0142\u00f3wn\u0105, tylko je\u015bli testujemy co\u015b na etapie p\u0142atno\u015bci, to ju\u017c przez wszystkie alejki konwersji, jak kto\u015b dojdzie do p\u0142atno\u015bci. \u017beby mie\u0107 faktycznie 2 tysi\u0105ce ludzi na tym etapie oznacza, \u017ce musimy mie\u0107 pewnie ze 100 tysi\u0119cy ludzi, u\u017cytkownik\u00f3w na stronie, \u017ceby doj\u015b\u0107 do tego momentu, tak?<\/p>\n<p><strong>KS:<\/strong> Zgadza si\u0119, wszystko zale\u017cy od tego, co testujesz, i tak samo jest, je\u015bli chodzi o analiz\u0119 jako\u015bciow\u0105. Analiza jako\u015bciowa przydaje si\u0119, je\u017celi na przyk\u0142ad testujesz jaki\u015b konkretny element, na kt\u00f3rym ci bardzo zale\u017cy. Wtedy faktycznie warto wej\u015b\u0107 g\u0142\u0119biej i pr\u00f3cz samej analizy ilo\u015bciowej, czyli jak\u0105 masz tam konwersj\u0119, jak\u0105 masz klikalno\u015b\u0107 tego przycisku i tak dalej, warto po\u015bwi\u0119ci\u0107 troszeczk\u0119 czasu i przeanalizowa\u0107 chocia\u017cby nagrania wideo z tej konkretnej podstrony, na kt\u00f3rej jeste\u015b, gdzie ten u\u017cytkownik jest, co on tam robi i dlaczego, na przyk\u0142ad, nie klikn\u0105\u0142 albo klikn\u0105\u0142 w ten przycisk. Czy on si\u0119 scrolluje, czy on sprawdza, jak du\u017co czasu sp\u0119dza na tej stronie, wtedy warto si\u0119gn\u0105\u0107 do danych ju\u017c czysto ilo\u015bciowych. Konkretny, dany element sprawdzasz &#8211; zrobi\u0142e\u015b jaki\u015b konfigurator, jakie\u015b rozwi\u0105zanie bardziej niestandardowe i zale\u017cy ci na wi\u0119kszej ilo\u015bci informacji &#8211; wtedy warto do tego si\u0119gn\u0105\u0107. Pewnie ci\u0119\u017cko by by\u0142o robi\u0107 analiz\u0119 jako\u015bciow\u0105 strony g\u0142\u00f3wnej albo karty produktu, na kt\u00f3re wchodzi tysi\u0105ce ludzi, przewijaj\u0105cych si\u0119 przez sklep.<\/p>\n<p><strong>BD:<\/strong> Jeszcze odno\u015bnie koszt\u00f3w, o kt\u00f3rych m\u00f3wili\u015bmy. Na pewno zupe\u0142nie innym kosztem i innym wyzwaniem jest to, je\u015bli jest to e-commerce, kt\u00f3ry dopiero zaczyna i na kilka tysi\u0119cy u\u017cytkownik\u00f3w w skali testu trzeba poczeka\u0107, bo tam jakikolwiek b\u0142\u0105d mniej boli. Wyobra\u017amy sobie na przyk\u0142ad jak\u0105kolwiek zmian\u0119\u00a0 w Allegro. Tam oczywi\u015bcie nigdy testy nie s\u0105 robione tak, \u017ce 50% u\u017cytkownik\u00f3w widzi to a 50% to, tylko bierzemy p\u00f3\u0142 promila u\u017cytkownik\u00f3w i po\u0142owa z tego p\u00f3\u0142 promila widzi to, a druga po\u0142owa z tego p\u00f3\u0142 promila widzi to i dopiero wtedy s\u0105 jakie\u015b hipotezy, z czasem rozwijane &#8211; taka zmiana na \u017cyj\u0105cym organizmie, kt\u00f3ry generuje pot\u0119\u017cne pieni\u0105dze. To jest te\u017c ryzyko kosztu, je\u015bli co\u015b zepsujemy. Kwesti\u0105 nie jest to, jak szybko dojdziemy do optymalnego rozwi\u0105zania, tylko \u017ce ka\u017cda minuta w takim silniku, w takim organizmie, to s\u0105 stracone pot\u0119\u017cne pieni\u0105dze.<\/p>\n<p><strong>KS:<\/strong> Zgadza si\u0119. M\u00f3wimy o zupe\u0142nie innej skali. Jak pracujemy dla ma\u0142ych klient\u00f3w, tak jak powiedzia\u0142e\u015b, zanim uzbieraj\u0105 odpowiedni\u0105 liczb\u0119 u\u017cytkownik\u00f3w, to mija czas. Druga sprawa, \u017ce startuj\u0105c z e-commerce\u2019em, musisz przyj\u0105\u0107 jakie\u015b za\u0142o\u017cenia, wi\u0119c tutaj akurat badania warsztatowe. Nawet zrobienie sobie wewn\u0119trznie warsztatu, pomi\u0119dzy projektantem a klientem, kt\u00f3ry wzgl\u0119dnie rozumie potrzeby swojego docelowego u\u017cytkownika, ju\u017c daje du\u017co na starcie. Ju\u017c jest \u0142atwiej ten sklep zaprojektowa\u0107 tak, \u017ceby on chocia\u017c wzgl\u0119dnie odpowiada\u0142 potrzebom u\u017cytkownika. Jednak, dopiero po czasie my tak naprawd\u0119 jeste\u015bmy w stanie zebra\u0107 jakie\u015b warto\u015bciowe dane, kt\u00f3re pozwol\u0105 nam na ostateczne uzyskanie odpowiedzi, czy my\u015bmy to dobrze zrobili czy te\u017c nie. Natomiast w przypadku takich kolos\u00f3w, jak Allegro czy nawet wi\u0119ksze sklepy, powiedzmy, taka Vistula, czy Bytom &#8211; oni maj\u0105 tysi\u0105ce u\u017cytkownik\u00f3w dziennie i jest im po prostu \u0142atwiej, tak jak m\u00f3wisz, zrobi\u0107 nawet testy AB cz\u0119\u015bciowe, gdzie testuj\u0105 pewnie elementy. Nie wiem, czy s\u0142ysza\u0142e\u015b t\u0105 histori\u0119 Facebooka, \u017ce oni maj\u0105 jakie\u015b \u015brodowisko, nie wiem czy to Nowa Zelandia, czy jaki\u015b inny kraj, gdzie po prostu testuj\u0105 wszystkie funkcjonalno\u015bci.<\/p>\n<p><strong>BD:<\/strong> A nie Nowa Gwinea?<\/p>\n<p><strong>KS:<\/strong> Albo co\u015b takiego, wiesz. Wiem, \u017ce oni wybrali jaki\u015b konkretny kraj, gdzie im jakby wysz\u0142o, \u017ce tamto spo\u0142ecze\u0144stwo najbardziej odpowiada jakby spo\u0142ecze\u0144stwu globalnemu, kt\u00f3re u\u017cywa tego Facebooka i tam po prostu wrzucaj\u0105. Jakakolwiek nowinka jest, to najpierw jest tam, sprawdzaj\u0105, czy jest okej czy nie jest okej, jak nie jest okej to j\u0105 wywalaj\u0105, a jak jest okej, to puszczaj\u0105 w ca\u0142ym tym ekosystemie Facebooka.<\/p>\n<p>Tak, jak s\u0105 lokale wyborcze, kt\u00f3re zazwyczaj dobrze reprezentuj\u0105 ca\u0142\u0105 populacj\u0119. Ten jeden konkretny jakby, w tej ma\u0142ej miejscowo\u015bci, kt\u00f3ra faktycznie zgadza si\u0119 jakby z populacj\u0105, najbardziej jest reprezentatywna, nie wiedzie\u0107 czemu.<\/p>\n<p>Tak, co\u015b w tym jest bardzo podobnego, nie.<\/p>\n<p><strong>BD:<\/strong> Krzy\u015bku, staramy si\u0119 trzyma\u0107 rzeczywi\u015bcie dw\u00f3ch cykl\u00f3w saunowych w naszych wywiadach. Ostatnie pytanie do ciebie, jakiego typu us\u0142ugi mo\u017cna u was zam\u00f3wi\u0107? M\u00f3wili\u015bmy o tym UX, UI, lizn\u0119li\u015bmy kilka temat\u00f3w, design thinkingu nie ruszyli\u015bmy, mo\u017ce uda si\u0119 kiedy\u015b oddzielnie. Powiedz, jakiego typu us\u0142ugi mo\u017cna u was zam\u00f3wi\u0107?<\/p>\n<p><strong>KS:<\/strong> Wiesz, to co na samym pocz\u0105tku powiedzia\u0142em. My si\u0119 zajmujemy kompleksowym tworzeniem sklep\u00f3w internetowych. Nie robimy sklep\u00f3w na szablonach, staramy si\u0119, \u017ceby ka\u017cdy sklep to by\u0142 indywidualny projekt graficzny z wcze\u015bniej przeprowadzonymi warsztatami. Czyli taki warsztat strategiczny na pocz\u0105tek, potem na podstawie warsztatu przygotowania architektury informacji, backlogu produktu. Na tej podstawie przygotowanie projekt\u00f3w graficznych dedykowanych wersji desktop oraz mobile, a nast\u0119pnie dopiero, na samym ko\u0144cu, zaprogramowanie, wdro\u017cenie tego i wypuszczenie na produkcj\u0119. Tak to u nas wygl\u0105da i tego si\u0119 trzymamy &#8211; kompleksowe, od pocz\u0105tku do ko\u0144ca, przej\u015bcie przez projektowanie sklepu internetowego. \u0141atwiej powiedzie\u0107 czym si\u0119 zajmujemy, jesli oddzieli\u0107 to, czym si\u0119 nie zajmujemy. Nie zajmujemy si\u0119 SEO &#8211; od tego s\u0105 inne firmy, z kt\u00f3rymi wsp\u00f3\u0142pracujemy. Nie zajmujemy si\u0119 social media marketingiem &#8211; od tego te\u017c s\u0105 inne firmy, z kt\u00f3rymi wsp\u00f3\u0142pracujemy, to tak w skr\u00f3cie.<\/p>\n<p><strong>BD:<\/strong> Czyli, parafrazuj\u0105c, m\u00f3wi\u0142e\u015b o WordPressie i Ucommerce\u2019ie, czyli jakby \u0142\u0105czycie technologi\u0119 og\u00f3lnodost\u0119pn\u0105, ale nie wykorzystujecie gotowych szablon\u00f3w, tylko szablon piszecie.<\/p>\n<p><strong>KS:<\/strong> Piszemy od zera. Wiesz co, jeszcze w kontek\u015bcie Presty, cz\u0119sto korzystamy z szablon\u00f3w z uwagi na to, \u017ce to znacz\u0105co przy\u015bpiesza budowanie Presty i klienci cz\u0119sto z tego korzystaj\u0105. Bo Presty te\u017c budujemy i korzystamy z gotowych szablon\u00f3w, natomiast zdarza si\u0119 te\u017c, \u017ce budujemy Presty od zera. Natomiast im bardziej zaawansowana technologia, to ten sklep jest dro\u017cszy. Czyli sklep Ucommerce\u2019owy to jest ten najni\u017cszy level, potem jest Presta, kt\u00f3ra jest troszeczk\u0119 dro\u017csza. No i wiadomo, jak by\u015bmy weszli na Magento, to to s\u0105 ju\u017c konkretne pieni\u0105dze.<\/p>\n<p><strong>BD:<\/strong> Super. Krzy\u015bku, bardzo serdecznie dzi\u0119kuj\u0119 za rozmow\u0119. Mam nadziej\u0119, \u017ce zaciekawi\u0142o to tych s\u0142uchaczy, kt\u00f3rzy s\u0142yszeli o UX-ie i UI-u i tylko odmieniaj\u0105 to przez przypadki, a nie zawsze o tym pami\u0119taj\u0105. Mam nadziej\u0119, \u017ce zach\u0119ci\u0142o to Was do refleksji i do zastanowienia si\u0119, czy to, co si\u0119 u Was dzieje &#8211; w sklepie, z us\u0142ug\u0105 &#8211; czy to s\u0105 us\u0142ugi czy produkty w pe\u0142ni optymalne i czy nie mog\u0105 by\u0107 lepsze.<\/p>\n<p><strong>KS:<\/strong> Bolek, dzi\u0119kuj\u0119 bardzo za po\u015bwi\u0119con\u0105 chwil\u0119 i umo\u017cliwienie wypowiedzi. Mam nadziej\u0119, \u017ce faktycznie co\u015b ciekawego si\u0119 nasi u\u017cytkownicy z tego dowiedzieli, bo UX jest tematem, kt\u00f3ry jest trendy, jest na topie i b\u0119dzie na topie jeszcze bardziej w nied\u0142ugim czasie, wi\u0119c warto si\u0119gn\u0105\u0107 po wi\u0119cej.<\/p>\n<p style=\"text-align: center;\">Kliknij w obrazek, aby <a href=\"https:\/\/anchor.fm\/saunagrow\">pos\u0142ucha\u0107 lub nagra\u0107<\/a> komentarz g\u0142osowy<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/saunagrow.com\/pl\/27_krzysztof_stola_boleslaw_drapella\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3606\" src=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\" alt=\"UX\/UI\" width=\"1400\" height=\"1400\" srcset=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg 1400w, https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella-300x300.jpg 300w, https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella-100x100.jpg 100w, https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella-600x600.jpg 600w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/a><\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2ky16a-7515615433a2f9d7155f6c9359d24fe9\">\n.flex_column.av-2ky16a-7515615433a2f9d7155f6c9359d24fe9{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-2ky16a-7515615433a2f9d7155f6c9359d24fe9 av_one_half  avia-builder-el-3  el_after_av_textblock  el_before_av_one_half  first flex_column_div av-zero-column-padding column-top-margin'   ><form action=\"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/\" method=\"post\"  data-av-custom-send='mailchimp_send' class=\"avia_ajax_form av-form-labels-visible   avia-builder-el-4  avia-builder-el-no-sibling   avia-mailchimp-form \" data-avia-form-id=\"1\" data-avia-redirect='' ><fieldset><p class='  first_form  form_element form_fullwidth' id='element_avia_0_1'><label for=\"avia_0_1\">Email Address <abbr class=\"required\" title=\"required\">*<\/abbr><\/label> <input name=\"avia_0_1\" class=\"text_input is_email\" type=\"text\" id=\"avia_0_1\" value=\"\" \/><\/p><p class=\"form_element  first_form  form_element form_fullwidth av-last-visible-form-element modified_width\"><input type=\"hidden\" value=\"1\" name=\"avia_generated_form1\" \/><input type=\"submit\" value=\"Subscribe\" class=\"button\"  data-sending-label=\"Trwa wysy\u0142anie...\"\/><\/p><p class=\"hidden\"><input type=\"text\" name=\"avia_avia_username_1\" class=\"hidden \" id=\"avia_avia_username_1\" value=\"\" \/><\/p><\/fieldset><\/form><div id=\"ajaxresponse_1\" class=\"ajaxresponse ajaxresponse_1 hidden\"><\/div><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-3i30pe-d2b1e201c69387f4b7b580643c0a5d16\">\n.flex_column.av-3i30pe-d2b1e201c69387f4b7b580643c0a5d16{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-3i30pe-d2b1e201c69387f4b7b580643c0a5d16 av_one_half  avia-builder-el-5  el_after_av_one_half  avia-builder-el-last  flex_column_div av-zero-column-padding column-top-margin'   ><section  class='av_textblock_section av-4c7rjz-413563b0301638f793c63a96fd9aa8f9'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h4><\/h4>\n<h4>Nie przegap kolejnych odcink\u00f3w. Zostaw email lub s\u0142uchaj na Spotify \/ Apple Podcast<\/h4>\n<p style=\"text-align: left;\"><a href=\"https:\/\/open.spotify.com\/show\/34rloOqmHoWemhTZS1vtzh\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2346 size-full\" src=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2019\/08\/Spotify-icon.png\" alt=\"\" width=\"65\" height=\"65\" \/><\/a> <a href=\"https:\/\/podcasts.apple.com\/pl\/podcast\/rozmowy-saunowe\/id1488483789\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2348 size-full\" src=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2019\/08\/Apple-icon.png\" alt=\"\" width=\"65\" height=\"65\" \/><\/a><\/p>\n<\/div><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":3606,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-3605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-podcast"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com<\/title>\n<meta name=\"description\" content=\"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com\" \/>\n<meta property=\"og:description\" content=\"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"SaunaGrow.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-07T15:52:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-23T13:54:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"1400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marta G\u0142owacka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marta G\u0142owacka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"31 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/\"},\"author\":{\"name\":\"Marta G\u0142owacka\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/#\\\/schema\\\/person\\\/067c05b556a1b2867cda0f42274aa5d3\"},\"headline\":\"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl\",\"datePublished\":\"2021-02-07T15:52:17+00:00\",\"dateModified\":\"2022-05-23T13:54:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/\"},\"wordCount\":7423,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/saunagrow.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\",\"articleSection\":[\"Podcast\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/\",\"url\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/\",\"name\":\"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/saunagrow.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\",\"datePublished\":\"2021-02-07T15:52:17+00:00\",\"dateModified\":\"2022-05-23T13:54:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/#\\\/schema\\\/person\\\/067c05b556a1b2867cda0f42274aa5d3\"},\"description\":\"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/saunagrow.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\",\"contentUrl\":\"https:\\\/\\\/saunagrow.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg\",\"width\":1400,\"height\":1400,\"caption\":\"UX\\\/UI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/czym-jest-ux-a-czym-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/misja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/\",\"name\":\"SaunaGrow.com\",\"description\":\"Meet in Sauna. Grow your Business. Support Charity\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/#\\\/schema\\\/person\\\/067c05b556a1b2867cda0f42274aa5d3\",\"name\":\"Marta G\u0142owacka\",\"url\":\"https:\\\/\\\/saunagrow.com\\\/pl\\\/author\\\/martag\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com","description":"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.","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:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/","og_locale":"pl_PL","og_type":"article","og_title":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com","og_description":"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.","og_url":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/","og_site_name":"SaunaGrow.com","article_published_time":"2021-02-07T15:52:17+00:00","article_modified_time":"2022-05-23T13:54:24+00:00","og_image":[{"width":1400,"height":1400,"url":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","type":"image\/jpeg"}],"author":"Marta G\u0142owacka","twitter_card":"summary_large_image","twitter_image":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","twitter_misc":{"Napisane przez":"Marta G\u0142owacka","Szacowany czas czytania":"31 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#article","isPartOf":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/"},"author":{"name":"Marta G\u0142owacka","@id":"https:\/\/saunagrow.com\/pl\/#\/schema\/person\/067c05b556a1b2867cda0f42274aa5d3"},"headline":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl","datePublished":"2021-02-07T15:52:17+00:00","dateModified":"2022-05-23T13:54:24+00:00","mainEntityOfPage":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/"},"wordCount":7423,"commentCount":0,"image":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","articleSection":["Podcast"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/","url":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/","name":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl - SaunaGrow.com","isPartOf":{"@id":"https:\/\/saunagrow.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#primaryimage"},"image":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","datePublished":"2021-02-07T15:52:17+00:00","dateModified":"2022-05-23T13:54:24+00:00","author":{"@id":"https:\/\/saunagrow.com\/pl\/#\/schema\/person\/067c05b556a1b2867cda0f42274aa5d3"},"description":"Co oznaczaj\u0105 skr\u00f3ty UX i UI, oraz jak rozr\u00f3\u017cni\u0107 jedno od drugiego? Przeczytaj wpis lub pos\u0142uchaj podcastu.","breadcrumb":{"@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#primaryimage","url":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","contentUrl":"https:\/\/saunagrow.com\/wp-content\/uploads\/2021\/02\/27_Krzysztof_Stola_Boleslaw_Drapella.jpg","width":1400,"height":1400,"caption":"UX\/UI"},{"@type":"BreadcrumbList","@id":"https:\/\/saunagrow.com\/pl\/czym-jest-ux-a-czym-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/saunagrow.com\/pl\/misja\/"},{"@type":"ListItem","position":2,"name":"27. [podcast] Czym jest UX, a czym UI? Rozmowa z Krzysztofem Stola, CEO Blue Owl"}]},{"@type":"WebSite","@id":"https:\/\/saunagrow.com\/pl\/#website","url":"https:\/\/saunagrow.com\/pl\/","name":"SaunaGrow.com","description":"Meet in Sauna. Grow your Business. Support Charity","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saunagrow.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/saunagrow.com\/pl\/#\/schema\/person\/067c05b556a1b2867cda0f42274aa5d3","name":"Marta G\u0142owacka","url":"https:\/\/saunagrow.com\/pl\/author\/martag\/"}]}},"_links":{"self":[{"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/posts\/3605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/comments?post=3605"}],"version-history":[{"count":16,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/posts\/3605\/revisions"}],"predecessor-version":[{"id":6662,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/posts\/3605\/revisions\/6662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/media\/3606"}],"wp:attachment":[{"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/media?parent=3605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/categories?post=3605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saunagrow.com\/pl\/wp-json\/wp\/v2\/tags?post=3605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}