Jak projektować strony w oparciu o User Experience?

Autor:
Zespół Future Collars
Jak projektować strony w oparciu o User Experience?

Jednym z najważniejszych zagadnień dotyczących stron internetowych, jest User Experience – projektowanie doświadczeń użytkowników. Tworzenie witryn w myśl tej zasady pozwala sprawić, że odwiedzający pozostanie na niej na dłużej i z chęcią wróci na nią w przyszłości. Jak zaprojektować stronę przyjazną użytkownikowi? O tym w artykule podstawach User Experience w projektowaniu stron WWW.

 

User Experience, czyli dobre doświadczenia użytkownika

User Experience (UX) określa doświadczenia użytkownika, jakie towarzyszą mu podczas korzystania z produktu lub usługi. W przypadku stron www, oznacza to projektowanie ich w sposób, by dostarczały użytkownikowi dobrych wrażeń w trakcie przeglądania. Z tego powodu, UX bywa tłumaczony jako doświadczenia użytkownika, który powinien znajdować się w centrum zainteresowań na każdym z etapów danego projektu.

User Experience obejmuje szereg czynności – od analizy konkurencji, przez prototypowanie i testowanie rozwiązań, aż po wdrożenie gotowego produktu, jakim jest strona www.

 

Dlaczego UX jest tak ważny?

User Experience ma kluczowe znaczenie w uzyskaniu dobrego współczynnika konwersji. Określa on odsetek użytkowników, którzy wykonują na danej stronie pożądaną akcję, na przykład dokonują zakupu, czytają wpisy blogowe czy zapisują się na newsletter.

 

Dobre praktyki User Experience – jak stworzyć stronę przyjazną użytkownikom?

User-friendly, czyli przyjazna użytkownikowi strona WWW składa się w kilku kluczowych elementów. Warto zadbać o nie już na etapie projektowania.

 

1. Przemyślana nawigacja

Ważną rolę w projektowaniu stron www odgrywa nawigacja. Odpowiednio zaprojektowana zagwarantuje użytkownikowi szybki dostęp do potrzebnych mu informacji. Szczególnie istotna jest dbałość o sposób nawigowania po sklepach internetowych z dużą liczbą produktów. Menu strony powinno być dopasowane do jej zawartości, a w przypadku sklepów – do ich asortymentu. W zależności od tego, niekiedy lepszym wyborem będzie proste menu, a w innych bardziej rozbudowane, tzw. mega menu.

 

2. Funkcjonalna wyszukiwarka

Nie bez znaczenia jest przy tym sposób skonstruowania drzewa nawigacji, które powinno ułatwiać użytkownikowi przełączanie się pomiędzy kategoriami. Równie istotna, zwłaszcza we wspomnianych sklepach, jest wyszukiwarka, którą należy umieścić w dobrze widocznym miejscu, stosując mechanizm podpowiedzi wyświetlających się po wpisaniu interesującej klienta frazy. Pomocne będą też filtry, pozwalające na zawężenie pola poszukiwań.

 

3. Odpowiednie rozmieszczenie tekstów

Podczas projektowania strony przyjaznej użytkownikowi warto zadbać również o odpowiednie rozmieszczenie tekstów i towarzyszących im elementów graficznych. Warto w tym celu dokonać wcześniejszej analizy tego, w jaki sposób użytkownicy poruszają się po stronie – służą temu rozmaite narzędzia śledzące interakcje z witryną. Pomocne są też badania eye-trackingowe, które pokazują, że czytając strony internetowe, użytkownicy kierują wzrok głównie ku lewej górnej części strony, a tzw. mapa cieplna oglądanych przez nich obszarów układa się w charakterystyczny kształt litery F.

 

4. Nieskomplikowane formularze

Nieodłącznym elementem stron www są rozmaite formularze. Dobre praktyki UX wskazują, że zbyt rozbudowane lub źle zaprojektowane formularze zamówienia mogą zmęczyć klienta i doprowadzić do opuszczania strony lub porzucenia koszyka zakupowego. Dodatkowe pola zwiększają też ryzyko błędu, który może uniemożliwić zapisanie formularza, co budzi dodatkową irytację. Dlatego też tak istotna jest prostota i przejrzystość formularzy.

 

5. Szybkość ładowania strony

Użytkownicy nie chcą i zwykle nie czekają na załadowanie się powolnych stron. Wolne ładowanie się witryny sprawia najczęściej, że porzucają ją i przechodzą do konkurencji. Tymczasem dobry serwer z szybkim łączem i optymalizacja kodu mogą sprawić, że strona będzie wczytywać się błyskawicznie.

 

6. Mobile first

Większość użytkowników Internetu przegląda strony WWW za pomocą telefonów. Dlatego też dostosowanie stron zarówno do potrzeb użytkowników laptopów, jak i właścicieli smartfonów, nie jest już tylko dobrą praktyką, a po prostu koniecznością. Polecane jest zwłaszcza elastyczne projektowanie stron, czyli tworzenie stron responsywnych, które w automatyczny sposób dostosowują się do rozmiarów ekranu i rodzaju danego urządzenia.

 

Chcesz tworzyć strony WWW przyjazne użytkownikom? Dobra praktyki projektowania poznasz podczas naszych kursów UX online dla przyszłych projektantów witryn internetowych.

Przeczytaj jeszcze więcej
Robert Reinfuss

VIDEO: #ReSkillRoadMap: rozmowy na temat reskillingu, odc. 1

Z Robertem Reinfussem z VALUEVIEW rozmawia Jakub Sito Robert Reinfuss, innowator, twórca metodyki ValueView, wykładowca MBA i doradca biznesu w zakresie zarządzania organizacją. Wykładowca studiów MBA i autor publikacji z dziedziny zarządzania. Reskilling, upskilling, outplacement to wiodące kierunki rynku pracy na najbliższe lata. W styczniu, na Giełdzie Papierów Wartościowych w Warszawie, zaprezentowany został raport nt. reskillingu pracowników. „Wielki reset umiejętności” autorstwa ICAN Institute oraz Future Collars – szkoły VIDEO: #ReSkillRoadMap: rozmowy na temat reskillingu, odc. 1

Irlandia

Future Collars wprowadza swoje kursy do Irlandii

Irlandia, będąca dynamicznie rozwijającym się hubem technologicznym, idealnie wpisuje się w strategię ekspansji firmy. Działalność Future Collars zaspokaja potrzeby przebranżowienia się, reskilling i upskilling w tym regionie. – Nie zwalniamy tempa! Po wejściu na bliski wschód i nawiązaniu współpracy ze Zjednoczonymi Emiratami Arabskimi rozszerzamy działalność o kolejne kierunki ekspansji. Weszliśmy na rynek Irlandii z oferta naszych kursów i uczymy już pierwsze grupy – komentuje Beata Jarosz, Prezes Future Future Collars wprowadza swoje kursy do Irlandii

Inwestycja w siebie – kto nie ryzykuje, ten nie kodujea

Przebranżowienie – jak zmniejszyć lęk przed zmianą?

Zanim dokonasz zmiany, warto dokładnie przeanalizować swoje opcje. Przemyśl, jakie umiejętności i talenty posiadasz, co Cię motywuje i jakie branże lub zawody mogą Cię zainteresować. Poszukaj informacji na temat wymagań, które są potrzebne w tych dziedzinach i zastanów się, czy masz wystarczające umiejętności, by móc zmienić branżę. Im więcej wiesz na temat nowej dziedziny, tym mniej przerażająca ona będzie. Przeczytaj o nowych trendach, słuchaj podcastów lub obejrzyj Przebranżowienie – jak zmniejszyć lęk przed zmianą?

Modern,Elderly,Grey-haired,60s,Woman,In,Headphones,Take,Online,Course

Branża IT tylko dla młodych – prawda czy mit?

Zdaje się, że nierzadko zarówno pracodawcy jak i nieco starsi pracownicy dostrzegają przede wszystkim ograniczenia wynikające z wieku pracownika branży IT. Skupiają się na wolniejszym tempie nauki, nienadążaniu za nowymi technologiami w takim tempie jak młodsi przedstawiciele branży, większej męczliwości i trudniejszej adaptacji do nowych warunków pracy. Brak wiary w siebie i w swoje możliwości wydaje się największym przekleństwem pracowników IT po pięćdziesiątce, ale doskwiera on również czterdziestoletnim programistom, Branża IT tylko dla młodych – prawda czy mit?

Raport nt reskillingu okładka

Reskilling i upskilling, czyli krok w przyszłość dla branży IT

Firmy coraz częściej zgłaszają, że mają problem z pozyskaniem wykwalifikowanych specjalistów(-ek). Jednocześnie większość organizacji nie bierze pod uwagę podnoszenia kwalifikacji obecnych pracowników(-czek). Skąd bierze się niechęć związana z reskillingiem w firmach oraz jakie bariery stoją im na drodze w zastosowaniu nowych rozwiązań? – Dla wielu organizacji jest to kwestia budżetu – wyjaśnia Kamila Zawistowska, Head of Talent Strategy, Accenture. – Istotne jest też podejście zarządu. Bardzo Reskilling i upskilling, czyli krok w przyszłość dla branży IT

Maja Malinowska

Subiektywnie o ISTQB, czyli kilka faktów i tipów w temacie egzaminu kończącego się słynnym certyfikatem dla Testerów i Testerek

Cześć, tu ponownie Majka.Testerka i wpadam do Was dzisiaj z tematem ISTQB, który pojawia się bardzo często, jeżeli chcemy się przebranżowić i wybieramy testerską drogę. Odpowiedzmy sobie na 3 najczęstsze pytania, które wyszukujecie w wyszukiwarce: Czy warto zrobić certyfikat ISTQB? Czy jest darmowy? Czy jest trudny? Zapraszam po darmowego PDF 🙂 z garścią przydatnych informacji, jeśli rozważasz zdanie tego egzaminu. Na początek podzielę się z Tobą moja historią, może jest Subiektywnie o ISTQB, czyli kilka faktów i tipów w temacie egzaminu kończącego się słynnym certyfikatem dla Testerów i Testerek