• Home
  • Blog
  • Przewodnik po UX (User Experience), porady, kompendium wiedzy i dobre praktyki w projektowaniu

Przewodnik po UX (User Experience), porady, kompendium wiedzy i dobre praktyki w projektowaniu

Reklamy na stronie a User Uxperience

Jak reklamy wpływają na doświadczenie użytkownika, czyli User Experience? Prawdopodobnie umieszczasz reklamy na swojej stronie, ale czy masz pewność, że nie przeszkadzają użytkownikowi? Warto mieć to na uwadze, ponieważ to właśnie reklamy mogą sprawić, że użytkownik opuści stronę. Może nawet nie sprawdzić jej zawartości. Aby tak się nie stało, musisz zwrócić uwagę na to, jak i gdzie umieszczasz reklamy. Pamiętaj też, aby ich nie ukrywać – dzięki temu nie stracisz zaufania użytkowników. Nie używaj również wielu popupów ani nie osadzaj reklam na autoplayu. Obie te funkcje utrudniają korzystanie ze strony. Dodatkowo zwróć uwagę na to, czy cokolwiek oferujesz użytkownikowi, zanim prosisz go o podanie danych.

Filtrowanie i sortowanie a UX

Jeśli chcesz, aby użytkownik kupił coś w twoim sklepie, nie u konkurencji, zwróć uwagę na sortowanie i filtry. To pierwsze polega na zmianie kolejności produktów, a drugie na zmianie ich liczby zgodnie z kryteriami użytkownika. Aby opcje te były user friendly, należy pamiętać o kilku rzeczach. Przede wszystkim trzeba uwzględnić filtry dedykowane kategoriom (np. kategoria Obuwie podzielona na ‘sportowe’, ‘sandały’). Dodatkowo użytkownik powinien mieć możliwość wielokrotnego wyboru. Dobrze, aby widział także liczbę sztuk odpowiadającą kryteriom filtrowania oraz zaaplikowane filtry. Nie należy zapominać jednak o języku – powinien być naturalny i dostosowany do zachowań użytkownika.

Skuteczne przyciski CTA (call to action) - przykłady i dobre praktyki

Przycisk call to action jest skuteczny, o ile został dobrze zaprojektowany i umieszczony w odpowiednim miejscu. Na jego działanie mają wpływ m.in. rozmiar, kształt oraz kolor. Przycisk powinien być duży, ale z zachowaniem umiaru. Najlepiej, aby wyróżniał się na stronie. W przygotowaniu projektu przycisku CTA może pomóc psychologia, która przypisuje kolorom i kształtom konkretne wartości czy skojarzenia. Ponadto, przycisk powinien znajdować się na ścieżce, po której porusza się wzrok użytkownika. Niezbędne jest także microcopy, czyli krótki tekst, który wyjaśni użytkownikowi, o co właściwie chodzi. Treść, chociaż krótka, musi być zachęcająca.

Jak projektować użyteczne pod kątem UX formularze?

Formularz składa się z 5 komponentów: struktury, inputów, etykiet pól, przycisku akcji, informacji zwrotnej. Tworząc go, pamiętaj o tym, aby nie wymagać od użytkownika zbędnych informacji. Zwróć też uwagę na to, czy pytania łączą się w logiczną całość. Dodatkowo powinny być umieszczone zgodnie ze ścieżką poruszania się wzroku. Dobrze też, aby pól było możliwie najmniej. Etykiety rób krótkie i zawsze widoczne. Jeśli formularz jest skomplikowany, warto umieścić etykiety nad polami, wyrównane do lewej strony. Zadbaj również o to, aby w formularzu znajdowały się dwa rodzaje przycisków – główny i pomocniczy. Na koniec nie zapomnij o zostawieniu feedbacku informującego użytkownika o tym, że formularz został prawidłowo wysłany.

Kim jest persona i jaki ma wpływ na projektowanie UX

Persona to postać, która ma reprezentować modelowego klienta, przedstawiciela grupy docelowej. Tworzy się ją na podstawie danych demograficznych i psychograficznych. Podstawowe informacje o personie można uzyskać już z analityki strony internetowej. Warto także poznać potrzeby klientów poprzez kontakt z nimi lub z handlowcami. Persona powinna zawierać takie elementy jak: zdjęcie, cytat, bio, cechy demograficzne (wiek, płeć, wykształcenie itp.), praca, zainteresowania, osobowość, motywacje i wartości, frustracje oraz potrzeby. Ponadto przy tworzeniu persony można wziąć pod uwagę inne elementy, np. marki, którymi persona się interesuje, czy technologie, z których korzysta.

Projektowanie ocen, recenzji i komentarzy pod kątem User Experience

Nie jest tajemnicą, że użytkownicy kierują się ocenami. Warto więc zadbać o to, aby opcja ta była dopasowana do potrzeb klientów i umożliwiała wystawienie wiarygodnej opinii. W tym celu pokaż wszystkie oceny i ich rozkład. Niczego nie ukrywaj, również złych opini, ponieważ stracisz na wiarygodności. Pamiętaj jednak, aby weryfikować oceny – nie potrzebujesz opinii kogoś, kto nawet nie nabył produktu. Dodaj też filtrowanie i sortowanie ocen, jeśli prowadzisz serwis z opiniami liczonymi w tysiącach. W ten sposób ułatwisz użytkownikowi wyszukiwanie interesujących go informacji. Możesz również podzielić wystawianie opinii ze względu na cechy produktów. Nie zapomnij jednak o estetyce – wizualna reprezentacja danych jest bardzo ważna.

Formularz logowania i rejestracji - wskazówki UX do zwiększania konwersji

Procesy logowania i rejestracji powinny przebiegać łatwo. Należy więc unikać mylących określeń (np. sign up i sign in) i dać użytkownikowi wybór tego, w jaki sposób chce się logować (szczególnie polecane jest logowanie z poziomu social mediów). Pamiętaj także, aby umożliwić użytkownikowi zobaczenie hasła – jeśli się pomyli, będzie mógł to sam zweryfikować. Zwróć też uwagę, czy ma on możliwość zostania zalogowanym, a ustawienia zapamiętują ostatnio wybrany login. Użytkownik doceni te funkcjonalności, jeśli często korzysta z twojej strony. Informuj go również, ile prób wpisania hasła mu zostało, nim konto zostanie zablokowane. Sprawdź również czym różni się ux od ui na naszym blogu.

Informowanie użytkownika o błędzie w formularzu - dobre praktyki

Jednym ze sposobów polepszenia doświadczenia użytkownika ze stroną są komunikaty o błędach. Powinny być maksymalnie jasno sformułowane i krótkie. Unikaj języka technicznego, ponieważ użytkownik może go nie zrozumieć. Pamiętaj też, aby używać próśb, nie nakazów. Nigdy nie oskarżaj użytkownika o błąd; lepiej będzie, jeśli wskażesz mu drogę do tego, jak problem rozwiązać. W miarę możliwości informuj także, gdzie pojawił się błąd, zwłaszcza w przypadku formularzy. Użytkownik powinien wiedzieć, czy źle wpisał login, hasło czy też może e-mail. Jeśli to możliwe, postaraj się obrócić sytuację na swoją korzyść, formułując komunikat tak, aby był zabawny.

Jak zaprojektować pod kątem UX użyteczną wyszukiwarkę na stronie

Wyszukiwarka to ogromne ułatwienie dla użytkownika, ale tylko pod warunkiem, że działa poprawnie i jest intuicyjna. Ponadto, nie bez znaczenia jest jej umieszczenie na stronie – najlepiej, aby był to prawy, górny róg. Dodatkowo musi być oznaczona zrozumiałą dla wszystkich ikoną, czyli lupą. Dobrze, aby była umieszczona na każdej podstronie, dzięki czemu użytkownik nie będzie musiał się cofać i jej szukać. Jeśli to możliwe, zasugeruj użytkownikowi, co może wyszukiwać poprzez placeholder “Szukaj”. Postaraj się także o to, aby system wyłapywał błędy użytkownika, np. literówki, i rozumiał je. Zaoferuj też możliwość zaawansowanego wyszukiwania, jednak pamiętaj, żeby nie było ono cały czas na widoku.

Stronicowanie treści vs nieskończony scroll

Strona składa się z treści, a ich przeczytanie przez użytkownika zależy od wielu rzeczy, w tym od sposobu przeglądania. Do wyboru są dwie opcje: stronicowanie strony (paginacja) lub nieskończony scroll. Obie mają swoje wady i zalety, więc nie można powiedzieć, że któraś jest lepsza lub gorsza. Dodatkowo istnieje także trzecia opcja, swoiste połączenie obu wspomnianych – doładowywanie strony za pomocą przycisku. Niezależnie od wdrażanego sposobu przeglądania trzeba mieć na uwadze kilka rzeczy, m.in. ilość wyświetlanych treści na telefonach komórkowych i możliwość zobaczenia linków w stopce.

Optymalizacja UX koszyka w sklepie internetowym i proces zakupowy w celu zwiększenia konwersji

Użytkownicy porzucają koszyk z różnych powodów. Najczęściej robią to, ponieważ jedynie przeglądają dostępne produkty. Trudno temu zapobiec, ale istnieją sposoby na optymalizację koszyka i procesu zakupowego, dzięki którym ilość porzuceń może się znacznie zmniejszyć. Jednym z nich jest opcja zakupów bez zakładania konta. Proces rejestracji bywa niestety długi, a użytkownicy z reguły chcą robić szybkie zakupy. Warto też możliwie najbardziej skrócić i ułatwić proces zakupowy oraz uwidocznić sumę do zapłaty. Niezwykle ważne jest także bezpieczeństwo strony – użytkownicy nie ufają stronom bez ważnych certyfikatów i wizualnych aspektów, które zwiększają wiarygodność (np. ikona kłódki, inne tło pod formularzem do wpisania danych z karty kredytowej).

Kto to jest UX designer i jak wygląda jego praca

Praca UX designera zaczyna się od przygotowania szkicu, który przedstawia ogólny zarys wyglądu widoków. Stanowi on również punkt wyjścia do nakreślenia wyglądu i funkcjonalności aplikacji reszcie zespołu. Kolejnym etapem jest makieta projektu o niskiej szczegółowości, przygotowana cyfrowo, tzw. szkielet projektu (wireframe). Dopiero potem można zaprojektować mockup, czyli przystąpić do pracy nad finalnym wyglądem aplikacji. To też moment na skupienie się nie tylko na funkcjonalności, ale również na elementach graficznych. Ostatnim etapem procesu projektowego jest przygotowanie prototypu aplikacji.

Idealna pod kątem UX karta produktu w sklepie internetowym

Karta produktu to element, który decyduje o tym, czy klient podejmie decyzję o zakupie. Doświadczenie użytkownika z nim powinno być więc jak najlepsze. Z tego powodu pamiętaj o tym, aby pokazywać produkty w proporcji do czegoś, np. ubranie na modelce. Zapewnij również możliwość zakupu przedmiotu czasowo niedostępnego lub informuj o przewidywanym czasie uzupełnienia towaru. Daj także znać, gdy na stanie sklepu pozostało już niewiele sztuk produktu. Użytkownik poczuje presję i podejmie szybszą decyzję o zakupie. Nigdy nie ukrywaj też informacji dotyczących produktu (w tym ocen) ani tych o warunkach darmowej dostawy.

Architektura informacji w projektowaniu UX

Użytkownik, który gubi się na stronie, opuszcza ją. Na szczęście można tego uniknąć, świadomie projektując architekturę informacji. AI tworzy szkielet każdego projektu graficznego. To podstawa, do której dopiero potem dodaje się elementy wizualne i według niej tworzy nawigację. Architektura informacji składa się z 4 zasadniczych elementów: systemu organizacji (hierarchiczny, sekwencyjny lub matrix), systemu etykiet, nawigacji, systemu wyszukiwania. Dobrze zaprojektowana AI umożliwia stworzenie ścieżki użytkownika, która szybko doprowadza go do celu, dzięki czemu jego doświadczenie ze stroną jest dobre i nie wywołuje frustracji.

Przewodnik po UX (User Experience), porady, kompendium wiedzy i dobre praktyki w projektowaniu