Zapytaj właściciela firmy, czego szuka w dobrej stronie, a usłyszysz o czystym projekcie, szybkim ładowaniu i łatwej nawigacji. Rzadko pada pytanie, czy odwiedzający naprawdę mogą znaleźć to, czego potrzebują, i załatwić to, po co przyszli. Projektowanie UX to dziedzina, która odpowiada na to pytanie, i to ona sprawia, że wszystkie pozostałe cechy mają znaczenie.
Projektowanie UX, czyli projektowanie doświadczenia użytkownika (user experience), to praktyka projektowania stron wokół tego, jak ludzie z nich korzystają. Czym jest projektowanie UX dla strony firmowej? To zestaw decyzji, które określają, czy odwiedzający może znaleźć to, czego szuka, wykonać działanie, po które przyszedł, i wyjść z jasnym zrozumieniem, co oferuje firma.
Strona może być wizualnie dopracowana i mimo to mieć słabe UX. Odwiedzający, który nie potrafi powiedzieć, czym zajmuje się firma, w dziesięć sekund po wejściu na stronę główną, gubi się, szukając strony z cennikiem, albo porzuca formularz kontaktowy, bo komunikaty o błędach nie wyjaśniają, co poszło nie tak, ma słabe doświadczenie użytkownika. Wizualna jakość podstrony nie ma dla tego wyniku znaczenia.
Czym różni się projektowanie UX od projektowania UI?
Projektowanie UX i projektowanie UI są powiązane, ale różne. Projektowanie UI, czyli projektowanie interfejsu użytkownika, obejmuje warstwę wizualną. Kolory, typografia, przyciski, ikony i ogólny wygląd podstrony to decyzje UI. Projektowanie UX obejmuje warstwę behawioralną. To, jak uporządkowane są informacje, jak przebiega nawigacja, co się dzieje, gdy użytkownik popełni błąd, i czy najważniejsze działanie na podstronie jest od razu oczywiste, to decyzje UX.
W praktyce oba obszary się pokrywają. Przycisk w złym kolorze w hierarchii wizualnej to problem UI, który tworzy problem UX. Formularz ułożony logicznie, ale bez wskazówek przy błędach, to problem UX, który może zauważyć projektant UI. W małych zespołach i w kreatorach stron jedna osoba często zajmuje się jednym i drugim. To rozróżnienie ma znaczenie, bo wymagają innego myślenia: UI pyta „czy to dobrze wygląda?”, a UX pyta „czy to działa dla osoby, która z tego korzysta?”.
Artykuł czym jest projektowanie stron opisuje szerszą dziedzinę, w której mieszczą się zarówno UX, jak i UI, w tym to, jak decyzje wizualne i strukturalne łączą się, by kształtować doświadczenie odwiedzającego.
Jakie są podstawowe zasady projektowania UX?
Projektowanie UX kieruje się zestawem zasad, które dotyczą każdego rodzaju strony, niezależnie od branży i wielkości.
Użyteczność
Użyteczna strona pozwala odwiedzającym sprawnie wykonywać zadania bez zamieszania. Etykiety nawigacji używają słów, których oczekują odwiedzający. Kluczowe podstrony są osiągalne w dwóch lub trzech kliknięciach. Elementy interaktywne, takie jak przyciski i formularze, zachowują się w przewidywalny sposób. Użyteczność nie polega na uproszczeniu strony do punktu ubóstwa. Polega na usuwaniu tarcia ze ścieżki do rezultatu, którego chce odwiedzający.
Jasność
Jasność oznacza, że każda podstrona od razu komunikuje swój cel. Odwiedzający powinien w kilka sekund zrozumieć, o czym jest podstrona, co może tu zrobić i jaki jest następny krok. Podstrony, które chowają najważniejsze informacje pod gęstymi akapitami albo używają niejednoznacznych nagłówków i ogólnikowych wezwań do działania, zawodzą pod względem jasności, bez względu na to, jak dobrze są zaprojektowane wizualnie. Artykuł czym jest hierarchia wizualna wyjaśnia, jak rozmieszczenie i waga elementów na podstronie kształtują to, co odwiedzający rozumieją najpierw.
Spójność
Spójny projekt oznacza, że odwiedzający muszą nauczyć się działania strony tylko raz. Jeśli główny przycisk wezwania do działania jest niebieski na stronie głównej, powinien być niebieski wszędzie. Jeśli nawigacja pojawia się u góry podstrony na komputerze, powinna być dostępna z tego samego miejsca na każdej podstronie. Niespójność łamie model myślowy, który odwiedzający budują, poruszając się po stronie, i tworzy zamieszanie dokładnie wtedy, gdy czytelna droga dalej ma największe znaczenie.
Informacja zwrotna
Użytkownicy muszą wiedzieć, że ich działania zostały zarejestrowane. Przycisk, który po kliknięciu nic nie pokazuje, formularz, który wysyła się bez potwierdzenia, albo wyszukiwarka, która zwraca wyniki bez wskazania, czego szukała, tworzą niepewność. Informacja zwrotna może być tak prosta jak zmiana koloru przycisku po najechaniu, kółko ładowania podczas wysyłania formularza albo komunikat potwierdzenia po udanym działaniu. Bez niej odwiedzający nie wiedzą, czy czekać, ponowić próbę, czy założyć, że coś poszło nie tak.
Wychodzenie z błędów
Użytkownicy popełniają błędy. Dobre UX je przewiduje i ułatwia ich naprawę. Walidacja formularza, która wskazuje konkretne pole z problemem i wyjaśnia, jak wygląda poprawny format, jest lepsza niż ogólny komunikat „coś poszło nie tak”. Wyszukiwanie, które nie zwraca wyników, ale podpowiada alternatywy, jest lepsze niż ślepy zaułek. Im łatwiej wyjść z błędu, tym mniejsza szansa, że odwiedzający porzuci zadanie całkowicie.
Jak projektowanie UX wpływa na wyniki firmy?
Projektowanie UX ma bezpośredni związek z wynikami, na których zależy firmom. Odwiedzający, który szybko znajdzie stronę z cennikiem, chętniej podejmie decyzję o zakupie. Proces zamówienia z minimalną liczbą kroków i jasnymi komunikatami o błędach konwertuje więcej odwiedzających niż taki, który wymaga zgadywania. Formularz kontaktowy łatwy do wypełnienia dostaje więcej zgłoszeń niż taki, który jest mylący lub czasochłonny.
Związek między UX a współczynnikiem konwersji jest dobrze udokumentowany. Drobne poprawki jasności podstrony, projektu formularzy i przepływu nawigacji dają mierzalny wzrost odsetka odwiedzających, którzy wykonują zamierzone działanie. Odwrotnie jest tak samo. Podstrona, na której główne wezwanie do działania trudno znaleźć, propozycja wartości pojawia się dopiero po trzech akapitach, a układ na telefonie zwija się do nieużytecznego stanu, traci konwersje na każdym kroku.
UX wpływa też na to, jak odwiedzający postrzegają firmę stojącą za stroną. Strona, która dobrze działa, wydaje się profesjonalna i godna zaufania. Strona z zepsutymi przepływami, mylącą nawigacją i niejasnym przekazem sygnalizuje niedbałość, bez względu na to, jak działa reszta firmy. Artykuł jak zaprojektować stronę główną, która działa opisuje konkretne decyzje UX, które mają największe znaczenie na podstronie, którą odwiedzający widzą jako pierwszą.
Jakie są najczęstsze problemy UX na stronach firmowych?
Brak wyraźnej hierarchii na podstronie to najczęstsza wada UX na stronach firmowych. Gdy wiele elementów konkuruje o uwagę na równi, odwiedzający nie mają punktu startowego. Skanują bez czytania, nie znajdują wezwania do działania i wychodzą. Decyzje o hierarchii wizualnej i układzie, które ustalają wyraźną kolejność czytania, rozwiązują ten problem bezpośrednio.
Nawigacja, która wymaga zgadywania, zmusza odwiedzających do eksplorowania zamiast poruszania się celowo. Etykiety menu, które coś znaczą wewnątrz firmy, a nic nie mówią nowemu odwiedzającemu, listy rozwijane chowające najbardziej przydatne podstrony i struktury nawigacji niepasujące do tego, jak odwiedzający myślą o firmie, tworzą tarcie. Artykuł czym jest nawigacja strony opisuje, jak budować menu, które prowadzą, a nie wprowadzają zamęt.
Formularze bez wskazówek to kolejny częsty problem. Pola wymagane, które nie są wyraźnie oznaczone, pola odrzucające poprawne formaty bez wyjaśnienia dlaczego i formularze czyszczące wszystkie wpisy po nieudanej wysyłce to bariery, które znacząco obniżają odsetek ukończonych formularzy.
UX na telefonie, który nie odpowiada zamysłowi z komputera, to luka, która kosztuje firmy odwiedziny przy każdej sesji. Podstrona zaprojektowana na komputer z wieloma kolumnami, która zwija się do jednej kolumny na telefonie z elementami w złej kolejności, daje inne doświadczenie, niż zamierzono. Artykuł jak dostosować stronę do telefonów opisuje decyzje o układzie i interakcji, które decydują o tym, czy doświadczenie na telefonie działa równie dobrze jak na komputerze.
Jak projektowanie UX wiąże się z SEO?
Wyszukiwarki mierzą zachowania użytkowników, by ocenić, czy podstrona dostarcza wartość. Podstrona ze słabym UX zwykle ma wysoki współczynnik odrzuceń i krótki czas na podstronie, a oba te wskaźniki z czasem sygnalizują wyszukiwarkom, że odwiedzający nie znajdują tego, po co przyszli. Podstrona z dobrym UX zwykle dłużej zatrzymuje odwiedzających i wywołuje więcej interakcji, dając sygnały behawioralne, które wspierają pozycje.
Dostępność podstrony, ściśle związana z UX, wpływa też na to, jak pewnie wyszukiwarki mogą ją skanować i indeksować. Podstrona obsługiwana klawiaturą i zbudowana z semantycznego kodu HTML jest łatwiejsza do dokładnego zaindeksowania niż taka z problemami strukturalnymi. Artykuł czym jest SEO opisuje, jak sygnały doświadczenia użytkownika zasilają wyniki w wyszukiwarce i które czynniki behawioralne mają największe znaczenie.
Jak WEMASY podchodzi do projektowania UX
Szablony w kreatorze stron WEMASY są zbudowane z zasadami UX jako punktem wyjścia. Hierarchia nagłówków, położenie wezwań do działania, struktura nawigacji, projekt formularzy i układy mobilne mają ustawienia domyślne odzwierciedlające to, jak odwiedzający naprawdę korzystają ze stron firmowych. Edytor wizualny pozwala dostosować każdy element i zobaczyć efekt na żywo, na komputerze i telefonie, przed publikacją. Zmiany układu nie wymagają odbudowywania podstrony od zera.
Zobacz, co jest w zestawie, na stronie kreatora stron WEMASY albo sprawdź plany na stronie z cennikiem.
Najczęściej zadawane pytania
Czy potrzebuję projektanta UX, by zbudować dobrą stronę?
Niekoniecznie. Kreator stron z dobrze zaprojektowanymi szablonami rozwiązuje najczęstsze decyzje UX na poziomie szablonu, więc nie zaczynasz od zera przy architekturze informacji, hierarchii nagłówków czy układzie mobilnym. Projektant UX daje największą wartość w rozumieniu, jak zachowuje się konkretna grupa odbiorców, i testowaniu, czy poszczególne przepływy działają zgodnie z zamysłem. W przypadku większości małych stron firmowych zastosowanie zasad UX przez dobrze zbudowany szablon daje znacznie lepsze wyniki niż całkowite ignorowanie UX, nawet bez specjalisty. W kreatorze stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Czym są testy użyteczności?
Testy użyteczności polegają na obserwowaniu prawdziwych użytkowników, którzy próbują wykonać zadania na stronie. Celem jest wskazanie, gdzie odwiedzający się gubią, gdzie się wahają i gdzie nie kończą tego, po co przyszli. Mogą być tak proste jak poproszenie współpracownika o znalezienie strony z cennikiem i obserwowanie, gdzie klika, albo tak ustrukturyzowane jak nagrana sesja z udostępnieniem ekranu i moderatorem. Nawet nieformalny test z dwiema lub trzema osobami, które nigdy nie widziały strony, ujawnia najważniejsze luki w użyteczności.
Czym różni się projektowanie UX od projektowania stron?
Projektowanie stron to szersza dziedzina, która obejmuje zarówno to, jak strona wygląda, jak i to, jak działa. Projektowanie UX to podzbiór projektowania stron skupiony konkretnie na doświadczeniu osoby korzystającej ze strony. Projektant stron podejmuje decyzje o kolorze, typografii, układzie i hierarchii wizualnej obok decyzji o nawigacji, architekturze informacji i projektowaniu interakcji. Gdy te decyzje dotyczące interakcji dostają szczególną uwagę i są testowane na prawdziwych zachowaniach użytkowników, taką praktykę nazywa się projektowaniem UX.
Skąd wiadomo, że strona ma problemy z UX?
Najwyraźniejsze sygnały pochodzą z danych o zachowaniu użytkowników. Wysoki współczynnik odrzuceń na kluczowych podstronach, niski odsetek ukończonych formularzy, krótki czas na podstronie przy treściach, których czytanie powinno trwać dłużej, i wysoki odsetek porzuceń w procesie zamówienia wskazują na problemy z UX. Obserwowanie nowego odwiedzającego, który porusza się po stronie bez podpowiedzi, pokazuje, gdzie pojawia się zamieszanie. Równie diagnostyczne są bezpośrednie opinie klientów, którzy wspominają o trudności ze znalezieniem czegoś albo rezygnują z zadania. Nie potrzebujesz platformy analitycznej, by zacząć. Obserwowanie jednej osoby próbującej skorzystać ze strony często wystarcza, by wskazać najważniejsze problemy.
Jaki jest związek między projektowaniem UX a współczynnikiem konwersji?
Współczynnik konwersji mierzy odsetek odwiedzających, którzy wykonują pożądane działanie, na przykład wypełniają formularz, kupują lub umawiają rozmowę. Projektowanie UX bezpośrednio wpływa na tę liczbę, bo decyduje o tym, jak łatwo lub trudno to działanie wykonać. Usunięcie zbędnych kroków z procesu zamówienia, wizualne wyróżnienie głównego wezwania do działania, uproszczenie pól formularza i poprawa komunikatów o błędach zwiększają szansę, że odwiedzający, który zamierza skonwertować, naprawdę to zrobi. Związek jest bezpośredni: lepsze UX zmniejsza tarcie, a mniejsze tarcie daje wyższe współczynniki konwersji.