UX w portalach internetowych – jak zaprojektować serwis, do którego użytkownicy wracają

Dobry UX portalu to nie liczba funkcji, tylko to, czy użytkownik znajduje je bez wysiłku. Pokazujemy pięć zasad projektowania portali, cztery sygnały, że Twój serwis ma problem z UX, i sposób, jak je poprawić bez budowania od nowa. Na końcu przykład Aquila Connect – portalu, który trafił do finału branżowej nagrody.

Dariusz Kostusiak Dariusz Kostusiak Opublikowano: Ostatnia aktualizacja: 4 min czytania
Ilustracja: napis UX w portalach z ikonami potrzeb użytkowników, nawigacji, wersji mobilnej, spójności i testów
W tym artykule
  1. Czym jest UX w portalu internetowym
  2. Pięć zasad dobrego UX w portalu
  3. Jak poprawić UX w istniejącym portalu
  4. Przykład: Aquila Connect
Dobry UX portalu internetowego poznasz po jednym: użytkownik załatwia swoją sprawę w kilku kliknięciach i wraca, bo wie, że znów mu się uda. Nie decyduje o tym liczba funkcji, tylko to, czy ktoś je znajduje i rozumie. W tym artykule pokazujemy pięć zasad, od których zaczynamy projektowanie każdego portalu, listę sygnałów, że Twój serwis ma problem z UX, i przykład portalu, który dzięki dobrze zaprojektowanym ścieżkom trafił do finału branżowej nagrody.

Czym jest UX w portalu internetowym

UX (user experience) to całość doświadczeń użytkownika z portalem: od pierwszego wejścia, przez wyszukiwanie i czytanie, po założenie konta, dodanie ogłoszenia czy wysłanie zapytania. W portalu, który ma setki podstron, wielu autorów i kilka typów użytkowników, UX waży więcej niż na prostej stronie firmowej. Jeśli ktoś nie znajdzie oferty albo nie rozumie, co ma zrobić dalej, po prostu wychodzi. Czym portal różni się od zwykłej strony, opisujemy w tekście portal internetowy a strona internetowa.

Pięć zasad dobrego UX w portalu

Te zasady stosujemy przy tworzeniu portali internetowych niezależnie od branży. Kolejność nie jest przypadkowa: bez pierwszej reszta to zgadywanie.

  1. Poznaj potrzeby użytkowników

    Zanim powstanie makieta, ustal, kim są odbiorcy portalu, po co na niego wchodzą i co ma się wydarzyć, żeby uznali wizytę za udaną. Wystarczy krótka ankieta, kilka rozmów z przyszłymi użytkownikami albo test prototypu na pięciu osobach. Z takich rozmów wynika zwykle więcej niż z długiej specyfikacji.

  2. Uprość nawigację

    Portal ma rozbudowaną strukturę, więc hierarchia treści musi być czytelna. W menu zostaw najważniejsze sekcje, resztę przenieś do wyszukiwarki i filtrów. Użytkownik powinien dotrzeć do tego, czego szuka, w dwóch, trzech kliknięciach, a na każdej podstronie wiedzieć, gdzie jest i jak wrócić.

  3. Zadbaj o wersję mobilną i szybkość

    Większość wejść pochodzi z telefonów, dlatego układ projektujemy najpierw na mały ekran, a dopiero potem rozbudowujemy na komputer. Liczy się też czas ładowania: każda sekunda zwłoki to część użytkowników, którzy nie doczekają. Jak sprawdzić swoją stronę, opisujemy we wpisie o responsywnej stronie internetowej.

  4. Utrzymaj spójną oprawę wizualną

    Kilka kolorów przewodnich, jeden zestaw krojów pisma i te same elementy w tych samych miejscach na każdej podstronie. Spójność buduje zaufanie i skraca naukę obsługi: użytkownik, który raz zrozumiał kartę ogłoszenia, rozumie wszystkie. Nadmiar grafiki odwraca uwagę od treści i przycisków.

  5. Testuj i poprawiaj po starcie

    Praca nad UX nie kończy się w dniu uruchomienia. Zbieraj opinie użytkowników, oglądaj nagrania sesji i mapy kliknięć, porównuj warianty w testach A/B. Dane pokażą, gdzie użytkownicy się gubią, a stamtąd jest już krótka droga do poprawki.

Jak poprawić UX w istniejącym portalu

Jeśli portal już działa, nie trzeba go budować od nowa. Zacznij od sygnałów, które najczęściej widzimy w analityce i nagraniach sesji:

01

Użytkownicy wychodzą z listy wyników

Filtry są ukryte albo zwracają puste strony. Pokaż liczbę wyników przy każdym filtrze i pozwól cofnąć ostatni wybór jednym kliknięciem.

02

Formularz porzucany w połowie

Za dużo pól naraz. Podziel formularz na etapy, pytaj tylko o to, co potrzebne do pierwszego kontaktu, i zapisuj wersję roboczą.

03

Wyszukiwarka bez trafień

Użytkownicy piszą inaczej niż baza danych. Dodaj podpowiedzi, tolerancję literówek i synonimy, a zapytania bez wyników analizuj co miesiąc.

04

Powroty do strony głównej

Ludzie nie wiedzą, gdzie są. Dodaj okruszki, wyraźny tytuł sekcji i stały pasek nawigacji, także na telefonie.

Każdą z tych poprawek da się zmierzyć: porównaj liczbę wysłanych formularzy, użyć wyszukiwarki i odsłon kart przed zmianą i cztery tygodnie po niej. Więcej o pomiarze piszemy w tekście o konwersji na stronie www.

Przykład: Aquila Connect

Na początku 2024 roku zaczęliśmy pracę nad portalem Aquila Connect dla brytyjskiego rynku nieruchomości. Platforma łączy inwestorów, właścicieli i pośredników w jednym miejscu: każdy z nich zarządza ofertami, wyszukuje lokalizacje i kontaktuje się z pozostałymi uczestnikami rynku. Wspieraliśmy projektowanie UX i interfejsu oraz odpowiadaliśmy za kluczowe elementy techniczne, w tym dedykowane funkcje dla każdej roli użytkownika.

Jak wygląda taki projekt od pomysłu do startu, opisujemy w tekście o etapach tworzenia portalu internetowego.

Warto zapamiętać

Ankiety i testy przed projektem, proste menu, wersja mobilna projektowana jako pierwsza, spójny wygląd i regularne poprawki na podstawie danych. Portal z dobrym UX nie potrzebuje instrukcji obsługi.

FAQ

Najczęściej zadawane pytania

Czym różni się UX od UI w portalu internetowym?

UX to doświadczenie użytkownika: czy znajduje to, czego szuka, i czy załatwia sprawę bez wysiłku. UI to warstwa wizualna, czyli wygląd przycisków, kolory i typografia. Ładny interfejs nie uratuje portalu, w którym nie da się znaleźć oferty, dlatego projektowanie zaczynamy od ścieżek użytkownika, a wygląd dopasowujemy do nich.

Od czego zacząć poprawę UX w działającym portalu?

Od danych: sprawdź w analityce, na których podstronach użytkownicy wychodzą, które formularze porzucają i czego szukają w wyszukiwarce bez wyników. Potem obejrzyj kilka nagrań sesji. Zwykle wystarczy poprawić dwa lub trzy miejsca, żeby zobaczyć różnicę w liczbie zapytań.

Czy testy z użytkownikami są potrzebne przy małym portalu?

Tak, ale nie muszą być duże. Pięć osób z grupy docelowej, które wykonują trzy typowe zadania na prototypie, wykrywa większość poważnych problemów z nawigacją. To kilka godzin pracy, które oszczędzają poprawki po wdrożeniu.

Jak UX wpływa na pozycję portalu w Google?

Google ocenia stronę w wersji na telefon i bierze pod uwagę szybkość ładowania oraz stabilność układu. Portal, w którym użytkownicy szybko znajdują treść i zostają dłużej, wysyła też lepsze sygnały zachowania. Dobry UX i pozycjonowanie wspierają się nawzajem.

Ile trwa zaprojektowanie UX portalu?

Badanie potrzeb, makiety i testy prototypu zajmują zwykle od dwóch do sześciu tygodni, zależnie od liczby ról użytkowników i modułów. Cały portal z wdrożeniem to zwykle od dwóch do pięciu miesięcy. Dokładny harmonogram ustalamy po rozmowie o zakresie.

Dariusz Kostusiak
Autor artykułu

Dariusz Kostusiak

Założyciel i CEO Iguana Studio 20+ lat doświadczenia · strony WWW i aplikacje webowe · UX/UI · SEO i AI Od ponad 20 lat związany z projektowaniem i tworzeniem rozwiązań internetowych dla firm. Założyciel i CEO Iguana Studio, gdzie odpowiada za rozwój...

Profil autora
Portal, w którym użytkownik nie potrzebuje instrukcji

Zaprojektujmy ścieżki, które prowadzą do zapytania

Połączymy strategię, UX, design i technologię w serwis, który dobrze prezentuje ofertę i wspiera Twój dział sprzedaży.

Opowiedz nam o projekcie
Krok 1 z 2
Wybierz jaka usługa Cię interesuje
Strona internetowa
Portal internetowy
Sklep internetowy
Aplikacja webowa
Rozwiązanie AI
Widoczność w Google i AI
Dalej
Krok 2 z 2
Dane kontaktowe
Strona internetowa
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Portal internetowy
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Sklep internetowy
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Aplikacja webowa
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Rozwiązanie AI
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Widoczność w Google i AI
Np. specyfikacja, wytyczne, opis.
Maksymalnie 5 plików jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, xls, xlsx, odt, zip lub rar o wadze do 5MB każdy.
Powrót
Wyślij formularz
Dziękujemy za wypełnienie formularza

Skontaktujemy się z Tobą tak szybko, jak to możliwe.

Zamknij
Administratorem Państwa danych osobowych zebranych w trakcie korespondencji z wykorzystaniem formularza kontaktowego jest Iguana Sp. z o.o. z siedzibą w Poznaniu, przy ul. Głogowskiej 261, 60-104, wpisana do rejestru przedsiębiorców Krajowego Rejestru Sądowego pod numerem 0000642441, e-mail: biuro@iguanastudio.pl, nr tel. +48 507 160 901. Dane osobowe mogą być przetwarzane w celach: realizacji czynności przed zawarciem umowy lub realizacji umowy, przedstawienia oferty handlowej, odpowiedzi na Państwa pytania – w zależności od treści Państwa wiadomości. Podstawą przetwarzania danych osobowych jest artykuł 6 ust. 1 lit. b Rozporządzenia Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 roku w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych (RODO), tj. realizacja umowy lub podjęcie czynności przed zawarciem umowy, artykuł 6 ust. 1 lit. a RODO, tj. Państwa zgoda, artykuł 6 ust. 1 lit. f, tj. prawnie uzasadniony interes administratora – chęć odpowiedzi na Państwa pytania i wątpliwości. Dane osobowe będą przetwarzane przez okres niezbędny do realizacji celu przetwarzania określonego w ust. 3 powyżej, tj. do zawarcia umowy, przedstawienia oferty handlowej, udzielenia odpowiedzi na Państwa pytania lub wątpliwości i mogą być przechowywane do upływu okresu realizacji umowy i przedawnienia roszczeń z umowy. Osoba, której dane osobowe są przetwarzane ma prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania, wniesienia sprzeciwu wobec przetwarzania oraz prawo do przenoszenia danych osobowych, z zastrzeżeniem, że prawo do przenoszenia danych osobowych dotyczy wyłącznie danych przetwarzanych w sposób wyłącznie zautomatyzowany. Osoba, której dane osobowe są przetwarzane na podstawie zgody, ma prawo do jej odwołania w każdym czasie, bez uszczerbku dla przetwarzania danych osobowych przed odwołaniem zgody. Osoba, której dane osobowe są przetwarzane ma prawo wniesienia skargi do właściwego organu nadzorczego. Podanie danych osobowych jest dobrowolne, jednak brak ich podania spowoduje niemożność realizacji umowy, podjęcia czynności przed zawarciem umowy, przedstawienia oferty handlowej, odpowiedzi na pytania lub wątpliwości.
Zadzwoń Wyceń