Czas czytania: ok. 15 min.
Data aktualizacji: 22 grudnia 2022
Wszystkie strony internetowe powinny być tworzone z myślą o użytkownikach. Od tego. jak witryna jest odbierana przez osoby. które ją odwiedzają. w dużym stopniu zależy jej sukces. W tym wpisie przyjrzymy się bliżej zagadnieniu doświadczenia użytkownika strony internetowej. Pokażemy, czym jest User Experience, jak zrobić stronę internetową atrakcyjną z punktu widzenia użytkownika strony i omówimy najważniejsze trendy w UX.
Co to jest UX i dlaczego jest ważny dla Twojej strony internetowej
UX (User Experience, czyli doświadczenie użytkownika) to według Wikipedii całość wrażeń, jakich doświadcza użytkownik podczas korzystania z produktu.
UX to jedno z najważniejszych zagadnień, o którym nie można zapomnieć podczas tworzenia strony internetowej. Od tego, jakie wrażenie wywoła u użytkownika strona, zależy to, jak chętnie będzie z niej korzystał. Dobry projekt opracowany przede wszystkim z myślą o doświadczeniu użytkownika sprawi, że witryna będzie atrakcyjna. Dzięki temu osoba, która na nią trafi, pozostanie na stronie dłużej i chętnie wróci na nią w przyszłości.
User Experience ma szczególne znaczenie w uzyskaniu dobrego współczynnika konwersji. Chodzi o odsetek użytkowników, którzy wykonują na Twojej stronie pożądaną przez Ciebie akcję, na przykład dokonują zakupu, czytają artykuły, jak założyć bloga czy jak stworzyć portfolio.
Jeśli nawigacja na stronie jest nieintuicyjna, przyciski są słabo widoczne, a teksty na stronie mało zrozumiałe, osoba odwiedzająca witrynę szybko się pogubi, a co za tym idzie opuści stronę.
Współczynnik konwersji ma szczególne znaczenie w przypadku sklepów internetowych. Tu przekłada się bezpośrednio na zyski. Dlatego UX jest tu wyjątkowo istotny. Kiedy użytkownik opuści ścieżkę zakupową, przekłada się to na wynik finansowy. Aby dowiedzieć się więcej, sprawdź jak założyć sklep internetowy.
Dołącz do ponad 513 tysięcy ludzi, którzy tworzą strony za darmo i bez kodowania
Te 3 pojęcia są ze sobą blisko związane, ale nie powinno się ich stosować wymiennie, ponieważ odnoszą się do 3 różnych rzeczy.
User Experience to, jak już wspomnieliśmy, doświadczenie użytkownika. Projektowanie UX polega na dostarczeniu mu produktu, który zapewni jak najlepsze wrażenia. User Interface (interfejs użytkownika) to wszystkie elementy strony, które umożliwiają interakcję użytkownika z witryną. Web design to z kolei określenie obejmujące całość zagadnień związanych z projektowaniem stron internetowych, wliczając w to UX i UI.
User Experience to dziedzina interdyscyplinarna - wymaga szerokiej wiedzy i umiejętności z kilku obszarów, przede wszystkim psychologii, projektowania, marketingu i informatyki. Specjalista UX musi opanować szeroki wachlarz umiejętności, ponieważ jego zadania są bardzo zróżnicowane. Co konkretnie do nich należy?
Tworzenie person użytkowników, historii, storyboardów, map stron www, wireframe'ów (wstępnych projektów) i prototypów stron;
Planowanie i przeprowadzanie testów i ankiet oraz ich późniejsza ocena, działanie zgodnie z zasadami projektowania struktury informacji
Uwzględnianie w swojej pracy wyników testów i danych zebranych na podstawie wyników strony;
Przekształcanie postawionych celów i zadań w konkretne rozwiązania przekładające się na pozytywne doświadczenie użytkownika.
Stworzenie dobrego UX wiąże się przede wszystkim ze skupieniem się na potrzebach użytkownika. Tworząc projekt strony zawsze powinieneś przyjmować jego perspektywę. Brzmi banalnie? Może, ale w procesie tworzenia strony łatwo zapomnieć o tej podstawowej zasadzie.
User Experience to dziedzina empiryczna. Oznacza to, że najważniejszą rolę odgrywają tu działania w praktyce. W wypadku UX chodzi przede wszystkim o sprawdzenie, jak użytkownicy korzystają ze strony.
Doświadczenie użytkownika sprawdza się poprzez badanie UX strony. To w praktyce jedyna metoda pozwalająca na przetestowanie przyjętych rozwiązań i wprowadzenie ewentualnych poprawek. Profesjonalne badanie UX składa się z 3 etapów.
Audyt - polega na dokładnym przeanalizowaniu wszystkich elementów strony i wyłapaniu ewentualnych błędów i niedociągnięć.
Wędrówka poznawcza - to przejście przez daną stronę w taki sposób, jak robi to użytkownik. Umożliwia to spojrzenie na daną witrynę z perspektywy korzystających z niej osób.
Card sorting, czyli analiza czytelności treści.
Za tym trudnym pojęciem kryje się zbiór podstawowych zasad, którymi powinien się kierować dobry projektant doświadczenia użytkownika. Zostały stworzone przez Jakoba Nielsena - jednego z najbardziej uznanych specjalistów w branży UX.
Widoczność statusu systemu
Użytkownik powinien zawsze wiedzieć, w którym miejscu na stronie się znajduje i co aktualnie się dzieje.
Zachowanie spójności i standardów
Użytkownik nie powinien zastanawiać się, co komunikaty oznaczają w danym kontekście. Powinny być za każdym razem takie same.
Zapobieganie błędom
Przy tworzeniu strony zwróć szczególną uwagę, żeby nie pojawiały się na niej błędy, które utrudniają korzystanie z witryny (na przykład niedziałające linki, niepoprawna nawigacja czy nieczytelne teksty).
Architektura informacji to dziedzina, która zajmuje się odpowiednim prezentowaniem treści na stronie. Chodzi przede wszystkim o to, żeby informacje były łatwo dostępne dla użytkowników. To jeden z najważniejszych elementów, jeśli chodzi o użyteczność witryny. Dlatego powinieneś zwrócić na niego szczególną uwagę.
Strona z dobrą architekturą informacji umożliwia użytkownikowi łatwą nawigację oraz szybkie odnalezienie treści. Sprawia, że wykonuje on pożądane przez twórcę witryny akcje.
Najczęściej stosuje się jeden z 3 sposobów na stworzenie dobrej struktury informacji na stronie.
Stworzenie mapy witryny, czyli projektu rozmieszczenia treści w poszczególnych miejscach na stronie.
Sortowanie kart. W tej metodzie poszczególne informacje zapisujemy na oddzielnych kartkach. Wręczamy je grupie potencjalnych użytkowników strony. Mają oni za zadanie pogrupować karty w taki sposób, jak ich zdaniem powinny być pogrupowane informacje na stronie.
Tworzenie prototypów i wireframów, czyli wstępnych zarysów wyglądu i funkcjonalności przyszłej witryny z uwzględnieniem rozmieszczenia treści na stronie.
Obecnie większość ruchu na stronach www pochodzi ze smartfonów. Dlatego przy projektowaniu witryn zwraca się szczególną uwagę na doświadczenie użytkowników korzystających z urządzeń mobilnych.
Najlepszym sposobem na zaspokojenie potrzeb osób korzystających ze strony zarówno za pomocą telefonów i tabletów, jak i komputerów jest stworzenie strony responsywnej, czyli witryna, która dostosowuje się do rozmiarów ekranów urządzeń, na których jest wyświetlana. Zbudowanie takiej witryny ułatwiają kreatory stron www, takie jak WebWave.
Projektowanie UX nie polega wyłącznie na stworzeniu strony przyjaznej użytkownikowi. Wygląd stron internetowych zmienia się nieustannie. Pojawiają się nowe rozwiązania techniczne i mody. Zmiany dotyczą też oczekiwań użytkowników.
Co więcej, nawet jeśli dane rozwiązanie sprawdza się dobrze, możliwe jest stworzenie jeszcze lepszego. Dlatego konieczne jest monitorowanie zachowania użytkowników na stronie i wprowadzanie zmian, które poprawiają UX witryny.
Podstawowym narzędziem wykorzystywanym w tym celu jest Google Analytics. To narzędzie służy do badania ruchu na stronie. Dzięki niemu dowiesz się między innymi:
Ilu użytkowników korzysta z Twojej strony,
Jak użytkownicy trafiają na Twoją witrynę (np. wpisując jej adres bezpośrednio w okno przeglądarki, poprzez wyszukiwanie słów kluczowych czy reklamy),
Ile czasu spędzają na stronie,
Jakie podstrony cieszą się największą popularnością.
Informacje zebrane dzięki Google Analytics pozwolą Ci na optymalizację strony i poprawę współczynnika konwersji.
Testy A/B są metodą sprawdzania skuteczności nowych rozwiązań, Przy ich pomocą można badać wiele elementów strony - od zmiany kolorystyki przycisku po nową nawigację czy kompletnie zmieniony interfejs.
Test A/B polega na przekierowaniu części ruchu na nową wersję (B) witryny przy jednoczesnym kierowaniu drugiej części ruchu na starą wersję (A). Dzięki temu możliwe jest przetestowanie skuteczności zmian w praktyce.
Jeśli współczynnik konwersji będzie wyższy w przypadku nowej wersji strony, testowane innowacje okazały się skuteczne i warto wprowadzić je na stałe. W przeciwnym razie lepiej pozostać przy dotychczasowej wersji witryny.
Proces projektowania strony pod kątem doświadczenia użytkownika można podzielić na kilka etapów.
To wstępny projekt strony, który ma za zadanie zilustrowanie pomysłów na wygląd i funkcjonalność witryny. Często ma postać rysunków na papierze. Do jego stworzenia można też użyć programów graficznych, jak np Photoshop. Wireframe nie zawiera konkretnych elementów strony, takich jak zdjęcia, teksty czy gotowe menu. Pokazuje za to, gdzie powinny znajdować się poszczególne składowe w gotowej witrynie.
To graficzny projekt, który zawiera konkretne elementy strony. Wyglądem przypomina działająca witrynę. Brakuje mu jednak funkcjonalności - poszczególne podstrony nie są zintegrowane, przez co po mockupie strony nie można poruszać się jak po gotowej witrynie.
To wstępna wersja działającej strony, która umożliwia przetestowanie konkretnych rozwiązań przed udostępnieniem witryny wszystkim użytkownikom. Po sprawdzeniu i zatwierdzeniu projektu strony webdeveloperzy kodują jej ostateczną wersję gotową do publikacji w sieci.
Korzystanie z kreatora stron www, takiego jak WebWave, może znacząco przyspieszyć pracę nad stroną. Umożliwiają tworzenie mockupów, prototypów i gotowych do publikacji stron za pomocą jednego narzędzia. Co więcej, nad stroną tworzoną w kreatorze może jednocześnie pracować wiele osób, ponieważ projekt cały czas jest dostępny online. W dodatku opublikowanie witryny w internecie nie wymaga kodowania - można to zrobić jednym kliknięciem.
Jak już wspomnieliśmy, UX to bardzo dynamiczna dziedzina. Dlatego powinieneś śledzić najnowsze trendy i podpatrywać skuteczne rozwiązania u konkurencji. Jakie tendencje rozwoju UX możemy zauważyć w roku 2020?
Ciemny interfejs użytkownika zyskuje na popularności. Czarne tło powoduje, że do oczu dociera mniej światła, co może mieć znaczenie dla użytkowników odwiedzającej stronę przed snem. Poza tym ważne są kwestie estetyczne - w większości przypadków dark mode będzie wyglądał elegancko i profesjonalnie.
Coraz więcej witryn ma ograniczoną paletę kolorów. Korzystanie z kolorów leżących blisko siebie na kole barw powoduje, że projekt wygląda bardziej elegancko. Poza tym, witryny utrzymane w niekontrastowej kolorystyce mniej męczą wzrok.
Można zauważyć, że w ostatnich miesiącach projektanci stron coraz chętniej sięgają po zdjęcia wzbogacone o elementy graficzne i kolaże. Nadaje to fotografiom bardziej indywidualny charakter i pomaga właścicielom witryn wyróżnić się na tle konkurencji.
Przy wyznaczaniu układu tekstu najlepiej ograniczyć się do jednej kolumny – zwłaszcza na stronie głównej. Strony z kilkoma kolumnami rozpraszają użytkownika – tymczasem pojedyncza kolumna intuicyjnie prowadzi wzrok z góry ku dołowi. To najwyraźniej widać na blogach – prosta kolumna tekstu robi doskonale robotę.
Defragmentowanie funkcji przycisków i sekcji to bardzo często popełniany błąd przy projektowaniu stron. Tymczasem warto postarać się, aby były one wyraźnie wyeksponowane, ale równocześnie treściwe. Kiedy za bardzo się rozpędzimy może się bowiem okazać, że mamy kilka przycisków w niewielkiej odległości, które pełnią tę samą funkcję. Przy długich stronach nie można skazywać użytkownika, żeby wracał za każdym razem na górny pasek, gdy chce przejść do interesującej go sekcji.
Jasne, każda strona musi być być przejrzysta, ale z pewnością nie mdła ani nudna! Takie rzeczy, podobnie tak jak chaos i przeładowanie, spowalniają czas reakcji użytkownika. Generalnie: pogarszają UX. Kiedy wszystko wygląda niemal tak samo, odbiorcy trudno podczas wstępnego skanowania wychwycić punkty przekierowujące go do poszukiwanej sekcji. Dezorientowanie użytkownika szeroką ofertą, zamiast pokazania najlepszych rozwiązań, najlepiej takich, których szuka, jest zawsze złym pomysłem. Pełna, rozbudowana oferta na stronie głównej wprowadza niepotrzebny chaos, który w efekcie może zdezorientować i zniechęcić użytkownika. W tym miejscu powinna być one jedynie zasygnalizowana. Co do strony głównej. Sprawdza się znacznie lepiej jako miejsce promujące rekomendowane produkty niż obszerna prezentacja pełnego zakresu możliwości firmy.
Kup mnie tu i teraz, natychmiast – taki przekaz na stronie głównej nie jest dobrym rozwiązaniem. Znaczniej lepiej w oczach odbiorców wypadają strony, które jedynie sygnalizują ofertę i mówią o mocnych stronach firmy. Albo jeszcze lepiej: pokazują REALNE korzyści. Pomagają zwłaszcza gdy chcesz zdobyć leada lub zachęcić do go zakupu. Zapis na newslettera jest super, ale użytkownik musi wiedzieć, co dzięki temu zyskuje.
User Experience, czyli doświadczenie użytkownika to zagadnienie, o którym trzeba pamiętać na każdym etapie prowadzenia strony www - od wstępnego projektu poprzez wybór konkretnych rozwiązań aż po bieżące utrzymanie i aktualizację.
Dobre UX strony sprawia, że użytkownik z łatwością znajdzie ją w sieci, dotrze do poszukiwanych informacji i wróci na Twoją witrynę w przyszłości.
Stworzenie strony, która będzie odpowiadała na potrzeby użytkownika. nie jest łatwym zadaniem. Zwłaszcza osoby, które tworzą stronę internetową na własny użytek. mogą mieć z nim problem.
Pomocne mogą okazać się tu szablony od WebWave. To gotowe wzory stron www, które zostały przygotowane z myślą o jak najlepszym doświadczeniu użytkownika. Potraktuj je jako szkielet swojej strony, którą możesz wypełnić dowolną treścią. Dzięki temu stworzenie strony firmowej, portfolio czy sklepu internetowego będzie proste i szybkie. Wypróbuj szablony od WebWave i twórz stronę www bez kodowania za darmo!
Autorzy:
Treść - Jan Chmielowski
Grafiki - Irina Jewsiewickaja
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.
contact@webwavecms.com
+48 731 395 898
Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00
Ta strona została stworzona w kreatorze WebWave.
Znajdziesz nas na: