Jeśli zaciekawił Cię ten artykuł, polub nasz profil na Facebooku i na bieżąco otrzymuj informacje o nowych wpisach na blogu!
Wypróbuj nasz kreator stron internetowych i uzyskaj dostęp do darmowego szkolenia. Po rejestracji wyślemy Ci e-maila z linkiem do zapisu na szkolenie on-line. Na godzinnym szkoleniu dowiesz się jak samodzielnie stworzyć swoją stronę internetową!
Darmowe szkolenie z tworzenia stron internetowych
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 kreatorów stron www, takich 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
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 jest element tekstowy. Kliknij ten element dwukrotnie, aby edytować tekst. Możesz też dowolnie zmieniać rozmiar i położenie tego elementu oraz wszelkie parametry wliczając w to tło, obramowanie i wiele innych. Elementom tekstowych możesz też ustawić animację, dzięki czemu, gdy użytkownik strony wyświetli je na ekranie, pokażą się one z wybranym efektem.
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.
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.
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.
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.
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.
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.
Powiązanie pomiędzy systemem a światem rzeczywistym
Strona powinna posługiwać się metodami komunikacji znanymi użytkownikowi. Wykorzystaj słowa, sposoby nawigacji i koncepty, z którymi osoba korzystająca z Twojej strony spotyka się na co dzień.
Kontrola użytkownika nad systemem
Użytkownicy często popełniają błędy. Dlatego powinieneś im umożliwić szybkie cofnięcie zmian.
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).
Możliwość wyboru zamiast zapamiętywania
Wszystkie niezbędne opcje (takie jak powrót do strony głównej, dostęp do koszyka zamówień czy kontakt) powinny być łatwo dostępne z poziomu poszczególnych podstron. Dzięki temu użytkownik nie musi zapamiętywać struktury strony, żeby swobodnie się po niej poruszać.
Elastyczność i efektywność
Użytkownicy korzystają ze strony w różny sposób. Niektórzy na przykład wolą dotrzeć do szukanych informacji korzystając z menu, inni wykorzystują do tego celu wyszukiwarkę. Powinieneś zapewnić możliwie najlepsze doświadczenie jak najszerszej grupie użytkowników.
Estetyka i minimalizm
Strona powinna zawierać jedynie niezbędne elementy, nie może być “przeładowana”. Każda niepotrzebna informacja zaburza interakcję użytkownika ze stroną.
Jasna komunikacja w przypadku błędów
Jeśli użytkownik natrafił na błąd, powinieneś jasnym językiem wyjaśnić mu co się stało i co ma zrobić.
Pomoc i dokumentacja
Zdarza się, że użytkownik będzie potrzebował pomocy lub dodatkowych, szczegółowych informacji na temat działania Twojej strony. Upewnij się, że pomoc i dokumentacja są łatwo dostępne.
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.
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.
Przekształcanie postawionych celów i zadań w konkretne rozwiązania przekładające się na pozytywne doświadczenie użytkownika.
Uwzględnianie w swojej pracy wyników testów i danych zebranych na podstawie wyników strony;
Planowanie i przeprowadzanie testów i ankiet oraz ich późniejsza ocena, działanie zgodnie z zasadami projektowania struktury informacji;
Tworzenie person użytkowników, historii, storyboardów, map stron www, wireframów (wstępnych projektów) i prototypów stron;
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 w użytkowniku 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ą wpisy blogowe, zapisują się na newsletter.
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.
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ą. Webdesign 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?
Każda strona internetowa powinna być tworzona 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 projektować atrakcyjne z punktu widzenia użytkownika strony i omówimy najważniejsze trendy w UX.
Spis treści:
POZNAJ NAS BLIŻEJ W SIECI
Polub nasz profil na Facebooku, aby otrzymywać powiadomienia o nowych funkcjach, postach na blogu, szkoleniach i materiałach edukacyjnych.
Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.
MATERIAŁY
WEBWAVE
DLA KLIENTÓW
OFERTA
KREATOR
KONTAKT
contact@webwavecms.com
+48 731 395 898
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.