Podstawy UX w mniej niż 15 minut

Słownik

Na potrzeby tego podcastu, używam następujących sformułowań:

• UX, user experience — doświadczenie użytkownika, czyli zespół wrażeń i emocji odbieranych przez użytkownika korzystającego z produktu
• użytkownik — osoba korzystająca z produktu, niekoniecznie obecny klient
• produkt — strona internetowa lub aplikacja

UX, jako urzędzie biznesowe

Nie znając i nie rozumiejąc istoty sformułowania User Experience (UX) oraz wagi i znaczenia UX jako dziedziny, przedsiębiorcy budują przypadkowe szablonowe strony dla swoich firm, które nie odpowiadają na potrzeby i pytania użytkowników. A tym samym odstraszają nowych klientów i przegapiają swoją szansę zarobienia większych pieniędzy oraz rozwoju biznesu.

Od lat UX stał się motorem napędowym rozwoju największych marek, sposobem budowania stałych relacji z klientami, albo metodą przyciągania i utrzymywania wiernych fanów. Czołowe firmy na świecie wiedzą, że dostarczając doskonałego doświadczenia swoim użytkownikom, mogą zwiększyć sprzedaż i zyskać fanów.

Dlatego w tym odcinku, rozłożę UX na czynniki pierwsze, do absolutnych podstaw, abyś ty też mógł zrozumieć tę dyscyplinę i jej teoretyczne zasady. Po to, abyś wiedział jak poprawić swoją stronę, żeby konwertowała lepiej, żeby sprzedawała więcej i zamieniała twoich użytkowników w klientów.

Definicja UX

User experience, czyli doświadczenie użytkownika, to dyscyplina skupiająca się na głębokim zrozumieniu ludzi, użytkowników aplikacji czy strony, ich potrzeb, wartości, zdolności, jak i ograniczeń. 

UX bierze pod uwagę również cele biznesowe oraz założenia i dążenia osób decydujących i zarządzających projektem. 

Założenia praktyczne UX mają na celu poprawę jakości interakcji użytkownika i jego postrzegania produktu lub usługi.

Elementy wpływające na UX (doświadczenie użytkownika)

Celem UX jest sprawić, żeby użytkownik produktu, czy strony odnalazł wartość w informacji, którą chcesz mu przekazać.

Peter Morville, brytyjski architekt informacji, stworzył tak zwany plaster doświadczenia użytkownika, reprezentujący 6 głównych wartości UX.

Peter założył, aby doświadczenia użytkownika było znaczące i wartościowe, informacja, którą użytkownik otrzymuje, musi być:

• Użyteczna — twój kontent powinien być oryginalny i dostarczać to, co jest potrzebne 
• używalna — strona musi być łatwa do nawigowania (poruszania się po niej, do używania jej)
• pożądana — zdjęcia, marka, identyfikacja, oraz inne elementy designu są tak użyte, aby wzbudzać emocje i uznanie
• do odnalezienia — content powinien być łatwy do nawigowania i odnalezienia zarówno na stronie, jak i poza nią
• dostępna — content powinien być dostępny dla ludzi z ograniczeniami oraz niepełnosprawnościami
• wiarygodna — użytkownik musi wierzyć i ufać w to, co mówisz do niego

Elementy budujące UX

Żeby stworzyć sukcesywne i zadowalające doświadczenie użytkownika, należy zaprojektować jego ścieżkę zgodnie z zasadami interakcji człowiek-komputer, korzystając z nastepujących narzędzi.

Zarządzanie projektem

Czyli identyfikowanie, planowanie i organizowanie zasobów koniecznych do realizacji celu. To będzie:

• długość projektu
• elementy składowe
• zespół projektowy
• fazy realizacji projektu.

Research z użytkownikami

Skupia się na zrozumieniu zachowań użytkowników, ich potrzeb, motywacji poprzez wywiad, obserwację i analizę.

W skład researchu wchodzą:

• kwestionariusz
• sonda
• formularz
• wywiad bezpośredni
• fizyczna obserwacja 

Analiza użyteczności

Ma na celu odpowiedzieć na pytanie, jak szybko i łatwo użytkownik może nauczyć się korzystania z produktu (strony, czy aplikacji), aby zrealizować swój cel, oraz czy użytkownik jest zadowolony z tej interakcji.

Czyli:

• bezpośrednie testowanie produktu z użytkownikami
• zdalne testy 
• testy A/B

Architektura informacji

To metoda organizacji i strukturyzowania informacji na stronie dla użytkownika.

W jej skład wchodzi:

• organizacja i struktura informacji (hierarchia informacji — nagłówki i treść)
• sposób nazywania elementów (np. Tekst na przycisku)
• system nawigacji
• metody wyszukiwania informacji oraz prezentowania wyników

Projektowanie interfejsu (UI Design)

Design elementów interakcyjnych produktu skupiający się na realizacji celów użytkownika w prosty i zrozumiały sposób.

Elementy interfejsu to m.in.:

• przyciski
• formularze
• nawigacja
• typografia
• kolor

Projektowanie interakcji

Projektowanie angażujących interakcji wizualnych na stronie lub aplikacji, mających na celu budowę przyjemności z korzystania z produktu.

Mówiąc interakcja, mam na myśli:

• animacje
• ruch na stronie
• elementy ładowania się strony
• feedback na interakcję użytkownika 

Projektowanie wizualne

Design produktu skupiający się na elementach wizualnych, kolorach, zdjęciach zgodnie z brandingiem, w celu budowania estetycznej przyjemności użytkownika.

Elementy wizualne to:

• kształty i linie
• paleta kolorów
• tekstura
• typografia
• formularze

Strategia contentowa

Planowanie, tworzenie i wykorzystywanie treści mających na celu odpowiedzieć na pytanie użytkownika w prosty i czytelny sposób.

W skład strategii contentowej zaliczamy zarówno:

• długie formy contentowe (blog, podcast)
• teksty informacyjne na stronie
• opisy, benefity, zalety produktów, itp

Dostępność

Skupia się na dostarczaniu realizacji celów osobom z ograniczeniami lub niepełnosprawnościami.

Ograniczenia i niepełnosprawności mogą być zarówno fizyczne (wady wzroku, słuchu), jak i mechaniczne (słaby internet, przestarzałe urządzenie). Dlatego zasada dostępności bierze pod uwagę:

• kolor
• kontrast
• wielkość
• transkrypcję video/podcastu
• opisy obrazków (tzw. Alt text tag)
• funkcjonalność (nawigacja za pomocą klawiatury i myszki)

Analityka

Skupia się na zbieraniu, raportowaniu i analizie danych ze strony. 

Będą to, równie, dane dotyczące skąd pochodzi ruch, oraz w jaki sposób użytkownicy zachowują się na stronie.

Do tego możesz skorzystać z narzędzi takich jak:

• Google Analitycs
• Splitbee.io
• HotJar

Te wszystkie elementy razem budują doświadczenie.

Budowa doświadczenia

Wykorzystując UX podczas budowy swojego produktu, będziesz w stanie odpowiedzieć na realne problemy, pytania i cele użytkowników.

Aby użytkownik zrealizował swój cel, znalazł odpowiedź na pytanie lub problem, Twoja strona powinna dostarczyć mu tej możliwości w sposób łatwy, szybki i przyjazny. 

W ten sposób budujesz doświadczenie użytkownika, który zadowolony z interakcji z Twoim produktem, będzie tym bardziej chętny wrócić po więcej lub zarekomendować Twój produkt/usługi innym. A przecież na tym ci zależy.

Tym samym, budując produkt zgodnie z regułami UX, zamiast korzystać z przypadkowego szablonu, dostarczasz lepszego doświadczenia użytkownikowi i sprzedajesz więcej online.

Zakończenie

Mam nadzieję, że te podstawy UX będą pomocne w Twojej pracy. To na razie podstawy, ale od nich zawsze trzeba zacząć. 

To tak, jak z nauką obcego języka — najpierw poznajesz podstawowe słowa i zwroty, a dopiero potem możesz napisać esej. 

UX to rozległy temat i mówię o nim w swoim podcaście oraz pisze na blogu. Jeśli jeszcze nie subskrybujesz mojego podcastu, a chcesz wiedzieć jak poprawiać doświadczenie swoich użytkowników, żeby kupowali więcej od ciebie, kliknij przycisk „subskrybuj”, żeby nie przegapić żadnego nowego odcinka. 

A jeśli masz pytania odnośnie do projektowania UX, użyteczności swojej strony, zasad i dobrych praktyk, albo, po prostu chcesz się przywitać, napisz do mnie na grafitowestudio@pbstasiak.com. Czytam i odpisuję na wszystkie maile.