No dobrze, ale zacznijmy od rzeczy prostych i \u0142atwiejszych do uchwycenia. W w\u0105skim rozumieniu UX mo\u017cna faktycznie potraktowa\u0107\u00a0jako interfejs u\u017cytkownika i procesy, kt\u00f3rych realizacj\u0119 wspiera. W zwi\u0105zku z tym chc\u0105c poprawi\u0107 funkcjonowanie sklepu, tak aby by\u0142 bardziej u\u017cyteczny i \u0142atwiej si\u0119 z niego korzysta\u0142o, nale\u017cy przyjrze\u0107 si\u0119 takim kwestiom, jak:<\/p>\n
- \n
- Estetyka<\/strong> \u2013 czy kolorystyka i typografia nie utrudniaj\u0105 czytania?<\/li>\n
- Logika<\/strong> \u2013 czy wszelkie komunikaty s\u0105 zrozumia\u0142e, pojawiaj\u0105\u00a0si\u0119\u00a0w odpowiednich miejscach i s\u0105\u00a0sp\u00f3jne?<\/li>\n
- Mechanika<\/strong> \u2013 czy strona \u0142aduje si\u0119 szybko, czy linki dzia\u0142aj\u0105, czy wyszukiwarka zwraca warto\u015bciowe odpowiedzi?<\/li>\n<\/ul>\n
Przyk\u0142adowe grupy czynnik\u00f3w, na kt\u00f3re warto zwraca\u0107 uwag\u0119\u00a0przy projektowaniu, badaniu i optymalizacji sklep\u00f3w internetowych pod k\u0105tem UX:<\/p>\n
Estetyka<\/strong><\/p>\n
- \n
- Dopasowanie do urz\u0105dze\u0144 r\u00f3\u017cnej wielko\u015bci<\/li>\n
- Kolorystyka (t\u0142a, tekstu, element\u00f3w nawigacji)<\/li>\n
- Typografia (font, interlinie, styl nag\u0142\u00f3wk\u00f3w i link\u00f3w)<\/li>\n
- Uk\u0142ad (marginesy, wyra\u017any podzia\u0142 sekcji)<\/li>\n<\/ul>\n
Logika<\/strong><\/p>\n
- \n
- Sp\u00f3jno\u015b\u0107\u00a0komunikat\u00f3w<\/li>\n
- Zrozumia\u0142a sekwencja krok\u00f3w (np. w koszyku lub konfiguracji produktu)<\/li>\n
- Jasne kryteria podzia\u0142u na kategorie<\/li>\n
- Cena (zrozumia\u0142a dla u\u017cytkownika, bez niespodzianek)<\/li>\n<\/ul>\n
Mechanika<\/strong><\/p>\n
- \n
- Szybko\u015b\u0107 \u0142adowania strony<\/li>\n
- Poprawnie dzia\u0142aj\u0105ce linki wewn\u0119trzne<\/li>\n
- \u201eInteligentna\u201d wyszukiwarka sugeruj\u0105ca odpowiednie wyniki<\/li>\n
- Elementy wspieraj\u0105ce przegl\u0105danie oferty (sortowanie, filtrowanie)<\/li>\n<\/ul>\n
Takie podej\u015bcie nie zamyka jednak tematu. Nie spos\u00f3b te\u017c\u00a0postawi\u0107\u00a0jasnej granicy mi\u0119dzy do\u015bwiadczeniami u\u017cytkownika wywo\u0142ywanymi przez elementy graficznego interfejsu, przebieg poszczeg\u00f3lnych proces\u00f3w czy te\u017c trudne do zidentyfikowania odczucia, takie jak zaufanie, poczucie zaanga\u017cowania czy te\u017c brak pewno\u015bci co do s\u0142uszno\u015bci dokonywanego wyboru.<\/p>\n
Praca nad UX bez wsparcia w postaci przemy\u015blanej strategii marki, g\u0142\u0119bszej analizy zachowa\u0144 u\u017cytkownik\u00f3w, bez bada\u0144 potrzeb grupy docelowej<\/span> rzeczywi\u015bcie niewiele r\u00f3\u017cni si\u0119 od projektowania UI. To natomiast bardzo cz\u0119sto sprowadza si\u0119 po prostu do pod\u0105\u017cania za standardami dotycz\u0105cymi wy\u015bwietlania na urz\u0105dzeniach mobilnych, tworzenia czytelnego stylu element\u00f3w graficznych, dbania o wydajno\u015b\u0107 i unikania b\u0142\u0119d\u00f3w technicznych.<\/p>\n
Heurystyki i mitologia w UX<\/h2>\n
W celu wyeliminowania b\u0142\u0119d\u00f3w cz\u0119sto w pracach nad UX stosuje si\u0119 mi\u0119dzy innymi podej\u015bcie zwane analiz\u0105 heurystyczn\u0105<\/strong>, kt\u00f3re opiera si\u0119 na weryfikacji, czy badany sklep spe\u0142nia szereg wcze\u015bniej przyj\u0119tych, uniwersalnych za\u0142o\u017ce\u0144. Trzeba zadba\u0107, aby przyj\u0119te zasady (heurystyki) by\u0142y ka\u017cdorazowo oceniane zdroworozs\u0105dkowo i aby nie by\u0142y zbyt szczeg\u00f3\u0142owe. W \u015bwiecie projektowania i UX istnieje wiele mit\u00f3w. Nie spos\u00f3b wymieni\u0107 wszystkich, ale na poni\u017cszej li\u015bcie znajdziesz kilka wartych wymienienia przyk\u0142ad\u00f3w:<\/p>\n
- \n
- Pop-up\u2019y pogarszaj\u0105\u00a0u\u017cyteczno\u015b\u0107.<\/strong> W wi\u0119kszo\u015bci przypadk\u00f3w to prawda. Gdy u\u017cytkownik opuszcza sklep, mo\u017cemy zach\u0119ci\u0107 go wyskakuj\u0105cym komunikatem do szybkiego zapisu na newslettera i odebrania okre\u015blonej korzy\u015bci (zwykle rabatu na kolejne zakupy).<\/li>\n
- Ka\u017cdy zas\u00f3b powinien by\u0107 mo\u017cliwy do znalezienia w zasi\u0119gu 3 klikni\u0119\u0107.<\/strong> Mit ten zosta\u0142 obalony wielokrotnie. Wa\u017cniejsze jest to, aby u\u017cytkownik mia\u0142 kontrol\u0119\u00a0nad procesami i na ka\u017cdym etapie by\u0142 informowany, gdzie si\u0119 znajduje (np. menu okruszkowe lub informacja o liczbie krok\u00f3w w koszyku).<\/li>\n
- Przyciski CTA (ang. call to action \u2013 wezwanie do akcji) powinny by\u0107 zielone, aby zach\u0119ca\u0107\u00a0do klikni\u0119cia.<\/strong> Teoria kolor\u00f3w w projektowaniu bez w\u0105tpienia ma znaczenie, ale nie nale\u017cy tego typu hase\u0142 traktowa\u0107 doktrynalnie. Je\u015bli identyfikacja wizualna opiera si\u0119 na kolorze zielonym, to elementy nawigacyjne na \u015bcie\u017cce konwersji, kt\u00f3rych zadaniem jest si\u0119 wyr\u00f3\u017cnia\u0107, powinny mie\u0107 inn\u0105\u00a0kolorystyk\u0119.<\/li>\n
- Nag\u0142\u00f3wki tekstowe s\u0105\u00a0nie\u0142adne i s\u0142u\u017c\u0105 tylko celom SEO.<\/strong> Nie jest to do ko\u0144ca prawd\u0105, poniewa\u017c dobrze redagowane nag\u0142\u00f3wki na stronie g\u0142\u00f3wnej, stronach kategorii czy produkt\u00f3w mog\u0105 stanowi\u0107 u\u017cyteczny komunikat. Dzi\u0119ki niemu klient mo\u017ce si\u0119\u00a0upewni\u0107, \u017ce znalaz\u0142 si\u0119 w odpowiednim miejscu na stronie.<\/li>\n<\/ol>\n
\u201eDobrze\u201d nie wystarczy<\/h2>\n
Jednak czy d\u0105\u017cenie do zachowania standard\u00f3w mo\u017ce wystarczy\u0107, aby zachwyci\u0107 u\u017cytkownika? Wyeliminowanie b\u0142\u0119d\u00f3w i utrudnie\u0144 to za ma\u0142o.<\/span> Gdy co\u015b nie dzia\u0142a lub dzia\u0142a w spos\u00f3b toporny, u\u017cytkownik si\u0119 z\u0142o\u015bci \u2013 mamy do czynienia z negatywnymi emocjami i z\u0142ym UX. Musimy dba\u0107, aby takie sytuacje nie mia\u0142y miejsca. Niestety samo zapewnienie dzia\u0142ania sklepu nie gwarantuje jeszcze pozytywnych do\u015bwiadcze\u0144. Poprawna<\/em> strona, to nie to samo co dostarczaj\u0105ca pozytywnych wra\u017ce\u0144<\/em>.<\/span><\/p>\n
Szukaj\u0105c analogii w codziennym \u017cyciu, mo\u017cna to por\u00f3wna\u0107 do spotkania towarzyskiego, podczas kt\u00f3rego poznaj\u0105\u00a0si\u0119 nowe osoby. To, \u017ce nikt nikogo nie nazwa\u0142 grubasem, na nikogo nie naplu\u0142 czy nie zasn\u0105\u0142 pod sto\u0142em, nie oznacza jeszcze, \u017ce go\u015bcie b\u0119d\u0105\u00a0sob\u0105\u00a0wzajemnie zachwyceni i zostan\u0105\u00a0przyjaci\u00f3\u0142mi. Musz\u0105 zrobi\u0107\u00a0co\u015b\u00a0jeszcze, aby wywrze\u0107 pozytywne wra\u017cenie i zosta\u0107 zapami\u0119tanymi.<\/p>\n
W\u0142a\u015bnie do takiego stanu powinno si\u0119\u00a0d\u0105\u017cy\u0107,\u00a0zarz\u0105dzaj\u0105c e-sklepem (lub jak\u0105kolwiek inn\u0105 witryn\u0105 w e-commerce i nie tylko). To niemo\u017cliwe, aby ka\u017cdy u\u017cytkownik stawa\u0142 si\u0119 wyznawc\u0105 Twojej marki i wraca\u0142 codziennie, aby zostawi\u0107 Ci swoje pieni\u0105dze. Jednak podchodz\u0105c do tematu w ten spos\u00f3b, my\u015bl\u0105c w takich kategoriach, masz szans\u0119 zmaksymalizowa\u0107 liczb\u0119 zadowolonych u\u017cytkownik\u00f3w, z kt\u00f3rych spora cz\u0119\u015b\u0107 zostanie Twoimi klientami, a najlepiej \u2013 lojalnymi klientami, wspieraj\u0105cymi na w\u0142asn\u0105 r\u0119k\u0119 dalsz\u0105\u00a0promocj\u0119\u00a0Twojego biznesu.<\/p>\n
Zwyk\u0142y niezwyk\u0142y fryzjer<\/h2>\n
Poznaj Francisa \u201eFranza\u201d Jakoba, kt\u00f3ry dzi\u0119ki swojemu zaanga\u017cowanemu, empatycznemu podej\u015bciu do prowadzenia salonu fryzjerskiego zosta\u0142 zaproszony do kanadyjskiego parlamentu i kt\u00f3rego historia zosta\u0142a opisana na \u0142amach szeregu portali na ca\u0142ym \u015bwiecie. Franz zas\u0142yn\u0105\u0142 dzi\u0119ki reporta\u017cowi opisuj\u0105cemu, jak bardzo si\u0119\u00a0stara, aby ostrzyc autystycznego ch\u0142opca. Strzy\u017cenie dzieci z autyzmem bywa bardzo trudne, bo ci\u0119\u017cko z nimi nawi\u0105za\u0107 kontakt. Nie mo\u017cna te\u017c oczekiwa\u0107, \u017ce b\u0119d\u0105 spokojnie siedzie\u0107\u00a0w miejscu i cierpliwie czeka\u0107, a\u017c fryzjer zako\u0144czy swoj\u0105\u00a0prac\u0119. Reporta\u017c pokazuje, tak\u017ce na innych przyk\u0142adach, jak Franz traktuje swoich go\u015bci wymagaj\u0105cych specjalnego podej\u015bcia. Bohater ca\u0142ego zamieszania sam o sobie napisa\u0142 tak: \u201eJestem tylko fryzjerem, kt\u00f3ry wykonuje swoj\u0105\u00a0prac\u0119 tak, jak powinien \u2013 dla ka\u017cdego klienta\u201d.<\/p>\n
Tak te\u017c ka\u017cdy przedsi\u0119biorca prowadz\u0105cy e-biznes powinien my\u015ble\u0107 o swojej witrynie. Pracuj\u0105c nad UX w e-commerce, nale\u017cy uwzgl\u0119dni\u0107 indywidualne r\u00f3\u017cnice i potrzeby ka\u017cdego z u\u017cytkownik\u00f3w. Nie mo\u017cna ignorowa\u0107 przy tym potrzeb ludzi z r\u00f3\u017cnego rodzaju, okresow\u0105 lub trwa\u0142\u0105,\u00a0niepe\u0142nosprawno\u015bci\u0105 (nale\u017cy przez to rozumie\u0107 tak\u017ce u\u017cytkownika smartfona z plastrem na palcu lub kogo\u015b\u00a0z wad\u0105 wzroku, kto nie ma pod r\u0119k\u0105 okular\u00f3w).<\/p>\n
Zajmuj\u0105c si\u0119 UX, czy te\u017c w og\u00f3le marketingiem i komunikacj\u0105, nale\u017cy pami\u0119ta\u0107, \u017ce ka\u017cdy u\u017cytkownik jest inny, ma inne preferencje i inne przygotowanie.<\/span> Ten sam cz\u0142owiek mo\u017ce te\u017c\u00a0w przypadku r\u00f3\u017cnych sesji korzysta\u0107 ze sklepu w r\u00f3\u017cnych kontekstach (czas, urz\u0105dzenie, intencja etc.) i mie\u0107 inne potrzeby. Poni\u017cszy fragment prezentacji Barbary Stawarz z ostatniej edycji konferencji \u201eI <3 Marketing & Social Media\u201d \u0142adnie obrazuje to, \u017ce og\u00f3lne dane demograficzne, a czasem nawet profilowanie w oparciu o zainteresowania i dodatkowe cechy, mo\u017ce prowadzi\u0107\u00a0w \u015blep\u0105 uliczk\u0119:<\/p>\n
![\"\"](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2018\/07\/ux-530x397.png\")
<\/p>\nZr\u00f3b o jeden krok wi\u0119cej<\/h2>\n
- Ka\u017cdy zas\u00f3b powinien by\u0107 mo\u017cliwy do znalezienia w zasi\u0119gu 3 klikni\u0119\u0107.<\/strong> Mit ten zosta\u0142 obalony wielokrotnie. Wa\u017cniejsze jest to, aby u\u017cytkownik mia\u0142 kontrol\u0119\u00a0nad procesami i na ka\u017cdym etapie by\u0142 informowany, gdzie si\u0119 znajduje (np. menu okruszkowe lub informacja o liczbie krok\u00f3w w koszyku).<\/li>\n
- Pop-up\u2019y pogarszaj\u0105\u00a0u\u017cyteczno\u015b\u0107.<\/strong> W wi\u0119kszo\u015bci przypadk\u00f3w to prawda. Gdy u\u017cytkownik opuszcza sklep, mo\u017cemy zach\u0119ci\u0107 go wyskakuj\u0105cym komunikatem do szybkiego zapisu na newslettera i odebrania okre\u015blonej korzy\u015bci (zwykle rabatu na kolejne zakupy).<\/li>\n
- Logika<\/strong> \u2013 czy wszelkie komunikaty s\u0105 zrozumia\u0142e, pojawiaj\u0105\u00a0si\u0119\u00a0w odpowiednich miejscach i s\u0105\u00a0sp\u00f3jne?<\/li>\n
![\"\"](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2018\/07\/ux2-530x282.png\")
<\/p>\n![\"\"](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2018\/07\/ux3-530x268.png\")
<\/p>\n![\"Zinteresowanie](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2018\/07\/Zrzut-ekranu-2018-07-25-o-12.39.25-530x248.png\")
<\/p>\n