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
Fundusz Druga Edycja

Wyłoniliśmy 12 stypendystów drugiej edycji funduszu Różnorodność w IT

Wybór osób, które otrzymają stypendium, wiązał się dla nas z trudnymi decyzjami. Za każdą aplikacją stała przejmująca historia i osoba, którą chcielibyśmy wesprzeć. Dziękujemy za wszystkie zgłoszenia i zapraszamy do udziału w przyszłej, trzeciej już edycji funduszu.  Wyłonieni stypendyści będą mogli wybrać następujące bootcampy: Product Owner, Frontend Developer, UX Designer i Python Developer oferowane przez Future Collars. Dzięki finansowemu zaangażowaniu partnerów funduszu – Wyłoniliśmy 12 stypendystów drugiej edycji funduszu Różnorodność w IT

Rynek pracy w cybersecurity: specjalizacje, ścieżka kariery i zarobki

Rynek pracy w cybersecurity: specjalizacje, ścieżka kariery i zarobki

Co to jest cyberbezpieczeństwo?   Cyberbezpieczeństwo to są wszelkie techniki, procesy, metody i narzędzia służące ochronie przed atakami w cyberprzestrzeni. Pracownicy w obszarze cybersecurity projektują, wdrażają i monitorują procedury związane z blokowaniem nieautoryzowanego dostępu lub reagują na wszystkie naruszenia w sieci. Podobnie jak pozostałe gałęzie IT, bezpieczeństwo sieci ma wiele specjalizacji, a tym samym oferuje szeroki wybór ścieżek rozwoju dla każdego, kto zdecyduje się na wejście w świat cybersecurity. Choć rozeznanie Rynek pracy w cybersecurity: specjalizacje, ścieżka kariery i zarobki

Bizneswoman Roku

Beata Jarosz i Joanna Pruszyńska-Witkowska zostały laureatkami XIII edycji konkursu Bizneswoman Roku w kategorii „Przeciwdziałanie wykluczeniu cyfrowemu”

To ogromne wyróżnienie i zaszczyt, że zaangażowanie Beaty i Joanny na rzecz poprawy sytuacji zawodowej kobiet i osób pochodzących ze środowisk marginalizowanych, zostało docenione przez Jury konkursu i znalazły się w tak wspaniałym gronie laureatek! W ciągu 5 lat istnienia na rynku, skutecznie przeszkoliliśmy 3300 absolwentów. Powiększył się też nasz zespół i grono mentorów. Obecnie na naszej innowacyjnej platformie edukacyjnej, uczy się 250 kursantów i kursantek w różnym wieku i z różnorodnym doświadczeniem zawodowym. Beata Jarosz i Joanna Pruszyńska-Witkowska zostały laureatkami XIII edycji konkursu Bizneswoman Roku w kategorii „Przeciwdziałanie wykluczeniu cyfrowemu”

Maja Rekutacj

Oswajamy rekrutację – czyli jak dostać swoją pierwszą pracę na stanowisku juniorskim?

Cześć! Tu znowu Majka. Dziś przychodzę do Was z porcją wskazówek, które mam nadzieję pomogą Wam dostać pierwszą wymarzoną pracę na stanowisku Tester Junior, ale i nie tylko. Na wstępie nieskromnie powiem, że już nie jedna osoba skorzystała z tych tipów i pracę dostała i nie byli to tylko testerzy. Jeśli masz ochotę poczytać „recenzje” tych osób, to wszystkie znajdziesz na moim profilu. Natomiast historie absolwentów Future Collars przeczytasz tutaj. Tyle tytułem wstępu i zapraszam do konkretów! Oswajamy rekrutację – czyli jak dostać swoją pierwszą pracę na stanowisku juniorskim?

Cybersecurity 1

Firma, która nie dba o cyberbezpieczeństwo, naraża się na ogromne straty

Firmy, które padają atakiem cyberprzestępców, muszą liczyć się z ogromnymi wydatkami i stratami. Jak podaje organizacja Plain Concepts koszt, jaki firmy na całym świecie ponoszą za cyberprzestępczość, wynosi 1,79 mln dol. na minutę. Ataki ransomware w 2021 r., kosztowały polskie przedsiębiorstwa średnio 7,6 mln zł. To o ponad 6 mln zł więcej w porównaniu z zeszłym rokiem. Skala cyberprzestępczości ciągle rośnie. Szacuje się, że zyski pochodzące Firma, która nie dba o cyberbezpieczeństwo, naraża się na ogromne straty

Cybersecurity Dlaczego Warto Zainteresować Się Pracą W Tym Obszarze

Cybersecurity — dlaczego warto zainteresować się pracą w tym obszarze?

Cybersecurity — moda czy realna potrzeba? Rynek cybersecurity rozwija się dynamicznie i będzie wzrastać. Wynika to z tego, że ostatnie dwa lata spowodowały przyspieszenie gospodarki cyfrowej, a organizacje, które przed 2020 roku opierały się cyfryzacji, musiały w przyspieszonym trybie przejść do świata online. Główna wartość firm — dane — znajdują się w przestrzeni cyfrowej, a ta nie jest chroniona wystarczająco. W 2020 roku aż 87% organizacji miało do czynienia z próbami cyberataku (dane Check Point Cybersecurity — dlaczego warto zainteresować się pracą w tym obszarze?