\n Mo\u017cesz stworzy\u0107 najbardziej osza\u0142amiaj\u0105cy projekt na \u015bwiecie i nie odniesie sukcesu, je\u015bli nie spe\u0142ni wymaga\u0144 u\u017cyteczno\u015bci.\n<\/p>\n
\n Wszystko, od wyka\u0142aczki po komercyjny samolot pasa\u017cerski, wymaga u\u017cyteczno\u015bci, aby funkcjonowa\u0107 i sprzedawa\u0107, w przeciwnym razie jego projekt jest skazany na niepowodzenie. Podobnie w \u015bwiecie sieci termin zwany UX pojawia si\u0119, gdy strona internetowa jest u\u017cywana i oceniana.\n<\/p>\n
\n UX to skr\u00f3t od do\u015bwiadczenia u\u017cytkownika, kt\u00f3re u\u017cytkownik sieci nabywa podczas surfowania po stronie internetowej i interakcji z jej elementami i funkcjami. Je\u015bli do\u015bwiadczenie jest niepewne i \u017ale poszukiwane, to strona internetowa jest niczym, p\u0142ywaj\u0105c \u015bmieciami w Internecie, o kt\u00f3re nikt nie b\u0119dzie si\u0119 troszczy\u0142. UX mo\u017ce samodzielnie zdecydowa\u0107, czy strona internetowa mo\u017ce by\u0107 u\u017cywana, czy sprzedawana, dlatego liczenie jest konieczne dla projektanta. W tym artykule podzielimy si\u0119 10 podstawowymi zasadami dotycz\u0105cymi u\u017cyteczno\u015bci, kt\u00f3re ka\u017cdy projektant stron internetowych musi zna\u0107, zanim doprowadzi witryn\u0119 do ko\u0144cowych etap\u00f3w uko\u0144czenia.\n<\/p>\n
\n Istnieje cienka granica mi\u0119dzy UX i UI. Nawet je\u015bli jeste\u015b \u015bwiadomy r\u00f3\u017cnicy, mo\u017cesz us\u0142ysze\u0107 to od klienta w jednym lub drugim punkcie, ale kiedy nadejdzie czas, musisz by\u0107 w stanie wyja\u015bni\u0107 r\u00f3\u017cnic\u0119 w mo\u017cliwie najlepszy spos\u00f3b. Interfejs u\u017cytkownika jest definiowany jako rzeczywisty system, podczas gdy User Experience jest definiowany jako emocjonalny wynik po interakcji z systemem.\n<\/p>\n
\n Microsoft Windows to UI, a emocjonalna satysfakcja po u\u017cyciu to UX. Pomieszanie tych dw\u00f3ch termin\u00f3w mo\u017ce nie tylko zaszkodzi\u0107 twojej pracy, ale tak\u017ce przeci\u0105\u017cy\u0107 ci\u0119 czym\u015b, co ca\u0142kowicie nie jest twoj\u0105 prac\u0105.\n<\/p>\n
\n Dobry projektant nie tylko b\u0119dzie dostrzega\u0142 r\u00f3\u017cnic\u0119, ale tak\u017ce b\u0119dzie potrafi\u0142 j\u0105 wyt\u0142umaczy\u0107 klientowi, proponuj\u0105c spos\u00f3b prezentacji swojej pracy.\n<\/p>\n
\n Projektowanie stron internetowych to co\u015b wi\u0119cej ni\u017c to, co wida\u0107 na pierwszy rzut oka. Wszystko, pocz\u0105wszy od szczeg\u00f3\u0142\u00f3w wizualnych, produktu, z kt\u00f3rego korzystasz i odwiedzanych miejsc, ma na sobie napisane UX. Jazda tandetnym samochodem to z\u0142e do\u015bwiadczenie, a \u0142atwe otwieranie zapakowanego pud\u0142a jest dobre. Marketing UX offline mo\u017ce wydawa\u0107 si\u0119 inn\u0105 sukienk\u0105, ale oryginalnie jest uszyty z tego samego materia\u0142u. Chocia\u017c nie jest to do ko\u0144ca to samo i nie mo\u017cna tego uzasadni\u0107 kilkoma przyk\u0142adami, do\u015bwiadczenie UX na platformach materialnych i niematerialnych wytwarza te same hormony w twoim m\u00f3zgu. Na przyk\u0142ad kto\u015b odkry\u0142, \u017ce ludzie nadaj\u0105 priorytet informacjom od lewej do prawej, a elementy po lewej stronie zajmuj\u0105 mniej miejsca w pionie i maj\u0105 tak\u0105 sam\u0105 wag\u0119 wizualn\u0105.\n<\/p>\n
\n W 2000 roku trend zacz\u0105\u0142 si\u0119 zmienia\u0107 i projektanci stron internetowych zacz\u0119li umieszcza\u0107 paski nawigacyjne w lewym panelu strony internetowej. Umo\u017cliwi\u0142o to u\u017cytkownikom szybsze i lepsze skanowanie tre\u015bci, zapewniaj\u0105c jednocze\u015bnie wi\u0119ksz\u0105 ekspozycj\u0119 na zawarto\u015b\u0107 witryny. Jako projektant stron internetowych, maj\u0105c swoje stopy w obu mediach, b\u0119dziesz m\u00f3g\u0142 trenowa\u0107 sw\u00f3j umys\u0142 i poszerza\u0107 swoj\u0105 wiedz\u0119, aby ocenia\u0107 i tworzy\u0107 projekty z \u017cywszej perspektywy.\n<\/p>\n
\n Sztuka i nauka id\u0105 w parze, je\u015bli chodzi o UX. Dog\u0142\u0119bne zrozumienie ich wi\u0119zi jest niezb\u0119dne, zw\u0142aszcza podczas procesu projektowania. Z naukowego punktu widzenia istnieje scenariusz rozwi\u0105zania problemu, w kt\u00f3rym projektant musi opracowa\u0107 plan dzia\u0142ania i rozwi\u0105za\u0107 problemy za pomoc\u0105 teoretycznego rozwi\u0105zania. Na przyk\u0142ad witryna drastycznie traci sprzeda\u017c. Projektant zasugeruje aktualizacj\u0119 strony internetowej, przetestowanie i rozwi\u0105zywanie problem\u00f3w, kt\u00f3re utworz\u0105 rozwi\u0105zanie. Tu wkracza sztuka.\n<\/p>\n
\n W rozwi\u0105zaniu zostan\u0105 zasugerowane wszystkie aspekty i elementy, takie jak kolory, kroje pisma, uk\u0142ad, tre\u015b\u0107 tekstowa i wizualna, aby witryna by\u0142a atrakcyjna zar\u00f3wno pod wzgl\u0119dem estetycznym, jak i funkcjonalnym. B\u0119dzie poddawany kolejnym testom, a\u017c uda mu si\u0119 wywo\u0142a\u0107 po\u017c\u0105dan\u0105 reakcj\u0119 emocjonaln\u0105 u\u017cytkownika. To ukierunkowanie zewn\u0119trznego zachowania poprzez naukow\u0105 realizacj\u0119 sprawia, \u017ce \u200b\u200bsztuka i nauka to dziwna, ale pot\u0119\u017cna para.\n<\/p>\n
\n Nie jest tajemnic\u0105, \u017ce projektanci maj\u0105 do czynienia z klientami, kt\u00f3rzy chc\u0105, aby wszystko dzia\u0142a\u0142o wed\u0142ug ich zasad. Tworzy to labirynt, kt\u00f3ry prowadzi donik\u0105d, poniewa\u017c wiele rzeczy jest nie\u015bwiadomych klienta, o kt\u00f3rych wie tylko projektant. Podobnie, projektanci s\u0105 czasami nastawieni na robienie rzeczy po swojemu, podczas gdy inne metody s\u0105 r\u00f3wnie\u017c na stole i mog\u0105 dzia\u0142a\u0107 lepiej.\n<\/p>\n
\n Utrzymywanie jednomy\u015blnego podej\u015bcia jako takiego nigdy nie jest zdrowe podczas projektowania bogatego w UX projektu internetowego. Dobry UX mo\u017cna osi\u0105gn\u0105\u0107 tylko dzi\u0119ki podej\u015bciu zorientowanemu na cel, kt\u00f3re koncentruje si\u0119 na najlepszym dost\u0119pnym rozwi\u0105zaniu. Na przyk\u0142ad klient chce przenie\u015b\u0107 link z referencjami klient\u00f3w na g\u00f3r\u0119 strony, aby zwi\u0119kszy\u0107 ekspozycj\u0119 i zwi\u0119kszy\u0107 ruch. Jednak problem nie le\u017cy w umiejscowieniu linku, ale w samej lokalizacji, poniewa\u017c nie przyci\u0105ga ruchu. W zwi\u0105zku z tym mo\u017cesz r\u00f3wnie\u017c naprawi\u0107 link, czyni\u0105c go bardziej widocznym w miejscu, w kt\u00f3rym si\u0119 znajduje, zamiast przenosi\u0107 go w nowe miejsce. Oba rozwi\u0105zania mog\u0105 by\u0107 u\u017cyte do rozwi\u0105zania problemu i musisz pozostawi\u0107 t\u0119 opcj\u0119 otwart\u0105. Nazywa si\u0119 to projektowaniem zorientowanym na cel.\n<\/p>\n
\n To\u017csamo\u015b\u0107 marki jest jednym z g\u0142\u00f3wnych cel\u00f3w stoj\u0105cych za budowaniem doskona\u0142ego UX. Je\u015bli UX odci\u015bnie pi\u0119tno na zadowoleniu u\u017cytkownik\u00f3w, b\u0119dzie to wiele odzwierciedla\u0107 w stosunku do Marki, kt\u00f3ra umo\u017cliwi\u0142a to do\u015bwiadczenie. Wa\u017cne jest, aby nie rozprasza\u0107 si\u0119 tworzeniem wygl\u0105du, kt\u00f3ry spe\u0142nia preferencje klienta. Dobry projekt, kt\u00f3ry musi prezentowa\u0107 odpowiedni\u0105 kombinacj\u0119 funkcjonalno\u015bci i cech, kt\u00f3re nie tylko sprawiaj\u0105, \u017ce do\u015bwiadczenie u\u017cytkownika jest przyjemno\u015bci\u0105, ale tak\u017ce szczeg\u00f3\u0142owo opisuje inwestycj\u0119 dokonan\u0105 przez mark\u0119, aby odnie\u015b\u0107 sukces. To zadecyduje, czy u\u017cytkownik ponownie odwiedzi witryn\u0119.\n<\/p>\n
\n Aby upewni\u0107 si\u0119, \u017ce perspektywa klienta jest wpisana w projekt, informuj go o ka\u017cdym ruchu i wprowadzaj niezb\u0119dne zmiany, kt\u00f3re mo\u017cna uwzgl\u0119dni\u0107 w projekcie. Wa\u017cne jest r\u00f3wnie\u017c, aby uwzgl\u0119dni\u0107 szerszy obraz podczas dodawania preferencji klienta, aby do\u015bwiadczenie u\u017cytkownika pozosta\u0142o niezmienione w procesie.\n<\/p>\n
\n Nigdy nie sta\u0144 si\u0119 ofiar\u0105 w\u0142asnej wyobra\u017ani. Poniewa\u017c masz pewn\u0105 swobod\u0119 tw\u00f3rcz\u0105 podczas projektowania strony internetowej, wa\u017cne jest, aby jej nie nadu\u017cywa\u0107. W tym konkretnym przypadku masz g\u0142\u0119boko zakorzenione wytyczne klienta i swoje preferencje, ale ca\u0142kowicie zapomnia\u0142e\u015b o perspektywie u\u017cytkownika. Jako projektant wa\u017cne jest, aby nigdy nie pozwoli\u0107 swojej wyobra\u017ani odci\u0105gn\u0105\u0107 ci\u0119 od osi\u0105gni\u0119cia tego, czego chce klient i u\u017cytkownik. Projekt zorientowany na u\u017cytkownika ma najwi\u0119ksze szanse na stworzenie zwyci\u0119skiego UX ni\u017c jakiekolwiek inne podej\u015bcie.\n<\/p>\n
\n Aby upewni\u0107 si\u0119, \u017ce jeste\u015b na w\u0142a\u015bciwej \u015bcie\u017cce, zbadaj u\u017cytkownik\u00f3w swojej niszy projektowej i poznaj ich potrzeby i pragnienia zwi\u0105zane z Twoim konkretnym projektem. Zanim b\u0119dziesz gotowy do uruchomienia, u\u017cyj test\u00f3w A\/B, aby sprawdzi\u0107, czy Tw\u00f3j projekt spe\u0142nia wymagania. Pami\u0119taj, \u017ce potrzeby u\u017cytkownika s\u0105 wa\u017cniejsze ni\u017c Tw\u00f3j osobisty wk\u0142ad, poniewa\u017c w ko\u0144cu b\u0119dzie on z niego korzysta\u0142.\n<\/p>\n
\n Wyzwalacze behawioralne s\u0105 oparte na psychologii cz\u0142owieka, kt\u00f3ra stymuluje reakcj\u0119 emocjonaln\u0105 u\u017cytkownika. Dobrzy projektanci s\u0105 w stanie jako\u015bciowo oceni\u0107 spos\u00f3b my\u015blenia u\u017cytkownika i wydoby\u0107 emocjonalny zwi\u0105zek z tre\u015bci\u0105. Te emocjonalne powi\u0105zania s\u0105 niezb\u0119dne do stworzenia \u017cywego UX w projekcie internetowym. We\u017amy na przyk\u0142ad powiadomienia. By\u0107 mo\u017ce do\u015bwiadczy\u0142e\u015b irytuj\u0105cej funkcji powiadomie\u0144 w wyskakuj\u0105cych okienkach, kt\u00f3ra wyrzuca Ci\u0119 z witryny, trzaskaj\u0105c drzwiami przy wyj\u015bciu. Chocia\u017c jest to cz\u0119\u015bciowo korzystne dla klienta, a jednocze\u015bnie zapewnia konwersje sprzedawcy, pokazywanie go zaraz po wyl\u0105dowaniu klienta na stronie to fatalny pomys\u0142.\n<\/p>\n
\n Wyobra\u017a sobie, \u017ce przybywasz do swojego biura i otrzymujesz polecenie wykonania swoich obowi\u0105zk\u00f3w bez brania oddechu lub picia ciep\u0142ej kawy. Kluczowym czynnikiem jest tutaj czas. Je\u015bli znasz ludzk\u0105 psychik\u0119, nigdy nie zaczniesz od wyskakuj\u0105cego okienka, kt\u00f3re zajmuje wi\u0119cej ni\u017c po\u0142ow\u0119 ekranu. Zamiast tego mo\u017cesz poczeka\u0107, a\u017c odwiedzaj\u0105cy przejrzy zawarto\u015b\u0107, a nast\u0119pnie rozpocz\u0105\u0107 prezentacj\u0119. W ten spos\u00f3b to samo powiadomienie zostanie przyj\u0119te z otwartymi ramionami, poniewa\u017c teraz u\u017cytkownik mo\u017ce faktycznie po\u015bwi\u0119ci\u0107 sw\u00f3j czas na zaanga\u017cowanie. UX w du\u017cej mierze zale\u017cy od psychiki konsumenta i dlatego musisz zintegrowa\u0107 zdrow\u0105 dawk\u0119 wyzwalaczy behawioralnych, zachowuj\u0105c ostro\u017cno\u015b\u0107 tam, gdzie to konieczne.\n<\/p>\n
\n Przewijanie dzia\u0142a jak magia, je\u015bli mnie o to poprosisz. Wysy\u0142a u\u017cytkownika szukaj\u0105cego informacji g\u0142\u0119biej w stron\u0119, zwi\u0119kszaj\u0105c jego szanse na konwersj\u0119. Prawdopodobnie dlatego wi\u0119kszo\u015b\u0107 projektant\u00f3w umieszcza swoje wezwania do dzia\u0142ania na dole strony, w miejscu, w kt\u00f3rym przewijanie si\u0119 ko\u0144czy.\n<\/p>\n
\n Nawet podej\u015bcie \u201emi\u0142o\u015b\u0107 od pierwszego wejrzenia” mo\u017ce promowa\u0107 przewijanie, gdzie projekt pokazuje wezwania do dzia\u0142ania na g\u00f3rze strony. Mo\u017cesz zoptymalizowa\u0107 takie strony, wprowadzaj\u0105c wskaz\u00f3wki dotycz\u0105ce przewijania. Wskaz\u00f3wki dotycz\u0105ce przewijania mog\u0105 obejmowa\u0107 od westchnie\u0144 strza\u0142ek po urzekaj\u0105ce elementy graficzne. Na przyk\u0142ad Strza\u0142ki mog\u0105 s\u0142u\u017cy\u0107 do wskazywania kierunk\u00f3w do nast\u0119pnego fragmentu tre\u015bci, podczas gdy elementy graficzne mog\u0105 przenosi\u0107 u\u017cytkownika bezpo\u015brednio do nast\u0119pnego slajdu po interakcji z nim.\n<\/p>\n
\n Kiedy umieszczasz swoje tre\u015bci na \u017cywo w Internecie, musisz oczekiwa\u0107, \u017ce spotkaj\u0105 si\u0119 z nimi ludzie z r\u00f3\u017cnych \u015brodowisk. Nie wszyscy podzielaj\u0105 twoje pogl\u0105dy w spos\u00f3b, w jaki zamierzasz je przedstawi\u0107. Dlatego Twoje tre\u015bci powinny by\u0107 przyswajalne, aby u\u017cytkownik nie potrzebowa\u0142 dodatkowego wysi\u0142ku, aby zrozumie\u0107, co mu oferujesz. Je\u015bli tre\u015b\u0107 jest strawna, u\u017cytkownik szybciej dokona konwersji.\n<\/p>\n
\n Daj im jeden k\u0119s na raz. Pokazanie wszystkiego, co mo\u017cesz zaoferowa\u0107 za jednym posiedzeniem, nie tylko dezorientuje u\u017cytkownika, ale tak\u017ce odzwierciedla desperacj\u0119 twojej po\u0142owy. Aby upewni\u0107 si\u0119, \u017ce Tw\u00f3j projekt jest przewiewny i \u0142atwy do przyswojenia, u\u017cyj du\u017cej ilo\u015bci bia\u0142ych odst\u0119p\u00f3w wok\u00f3\u0142 element\u00f3w, aby by\u0142y \u0142atwe do odr\u00f3\u017cnienia. Tw\u00f3rz tak\u017ce tre\u015bci, kt\u00f3re s\u0105 zrozumia\u0142e dla wszystkich rodzaj\u00f3w odbiorc\u00f3w, z przyk\u0142adami i w\u0142asnymi narracjami. Poka\u017c si\u0119 jako ich przyjaciel, a nie biznesmen.\n<\/p>\n
\n Elementy strony s\u0105 integraln\u0105 cz\u0119\u015bci\u0105 projektu internetowego. Pe\u0142ni\u0105 istotne dla u\u017cytkownik\u00f3w funkcje i utrzymuj\u0105 emocjonaln\u0105 harmoni\u0119 w UX. Jednak dodanie niepotrzebnych element\u00f3w strony mo\u017ce by\u0107 niebezpieczne zar\u00f3wno dla Twojej witryny, jak i dla u\u017cytkownika.\n<\/p>\n
\n Elementy strony, takie jak wezwanie do dzia\u0142ania z wieloma poleceniami zamiast jednego, obraz na tyle rozpraszaj\u0105cy, aby odwr\u00f3ci\u0107 uwag\u0119 od tematu lub fragment tekstu na \u015brodku strony, kt\u00f3ry wprowadza klienta w b\u0142\u0105d. Dodawanie tych element\u00f3w bezsensownie wp\u0142ywa na wiarygodno\u015b\u0107 projektu strony internetowej, jednocze\u015bnie spowalniaj\u0105c jej \u0142adowanie. Na przyk\u0142ad obrazy HD mog\u0105 by\u0107 fabrykami op\u00f3\u017anie\u0144 dla twoich stron internetowych. Wymagaj\u0105 du\u017cej przepustowo\u015bci i zabieraj\u0105 idealny czas \u0142adowania witryny przyjaznej konwersji. Wolno \u0142aduj\u0105ca si\u0119 witryna to ostatnia rzecz, jakiej chcesz od UX swojej witryny.\n<\/p>\n
\n Jako projektant stron internetowych musisz wzi\u0105\u0107 pod uwag\u0119 ka\u017cdy element, aspekt i podej\u015bcie. Twoim celem jest stworzenie projektu, kt\u00f3ry nie tylko zdob\u0119dzie klient\u00f3w, ale tak\u017ce zapewni satysfakcjonuj\u0105cy UX. Dzi\u0119ki tym 10 podstawowym zasadom stworzysz idealny projekt strony internetowej, kt\u00f3ry zapewni u\u017cyteczno\u015b\u0107 pod ka\u017cdym mo\u017cliwym k\u0105tem.\n<\/p>\n<\/p>\n