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
Projekt bez tytułu (1)

Stabilność branży IT i chęć rozwoju zadecydowały o nauce Business Intelligence i przebranżowieniu do IT

Poznaj historię przebranżowienia Michała Nowakowskiego, który po 8 latach zdobywania doświadczenia w branży motoryzacyjnej na różnych stanowiskach postawił na Business Intelligence i pracę w IT. Dzisiaj pracuje jako Business Intelligence DevOps Specialist w DXC Technology Polska Wszystko po nowemu i wszystko na plus – ocenił swoją zmianę zawodową.    Czym się zajmujesz obecnie jako Business Intelligence DevOps Specialist? Jak wygląda Twój dzień pracy? Aktualnie jestem członkiem zespołu Stabilność branży IT i chęć rozwoju zadecydowały o nauce Business Intelligence i przebranżowieniu do IT

debata111jpg

Reskilling — wielki reset umiejętności. Czy jesteśmy gotowi?

Reskilling pracowników — odpowiedzialność społeczna firm czy rozwiązanie na brak specjalistów?  Nawet 49 proc. czasu pracy w Polsce zajmują czynności, które mogą zostać zautomatyzowane do 2030 r. dzięki zastosowaniu istniejących dziś technologii*. Oznacza to, że ponad 7 mln osób będzie musiało zdobyć nowe umiejętności, które pozwolą im utrzymać konkurencyjność na rynku pracy. Oznacza to, że problem braku „odpowiednich rąk do pracy” będzie się pogłębiał, a system społeczny Reskilling — wielki reset umiejętności. Czy jesteśmy gotowi?

panel 2_praca

Praca 4.0 „Przewidzieć jutro — rynek pracy w dobie niepewności”

Kongres Praca 4.0 „Przewidzieć jutro — rynek pracy w dobie niepewności” organizowany przez Konfederację Lewiatan to wydarzenie poświęcone kluczowym zagadnieniom dzisiejszego rynku pracy. Wydarzenie stacjonarne odbędzie się 30 stycznia 2023 roku, a towarzyszące mu warsztaty online w dniach 31-01 do 3.02. W debacie Kwalifikacje i kompetencje na rynku pracy głos zabierze Izabela Taborowska, CTO Future Collars.   PRACA 4.0 to wiedza o kluczowych zmianach i wyzwaniach na rynku pracy, o aktualnych Praca 4.0 „Przewidzieć jutro — rynek pracy w dobie niepewności”

Magda

Historia Magdy – osoby, której zależało na pracy w IT i jednocześnie na pracy z ludźmi

„Wybrałam kurs od Future Collars z polecenia i nie żałuje tej decyzji.” – tak rozpoczyna rozmowę Magda. „Otwartość, komunikatywność, pokora i elastyczność” — te cechy zdaniem Magdy są najważniejsze na tym stanowisku. Magda była zaskoczona, ile czasu musiała poświęcić na naukę. „Gdybym wiedziała o tym i miała zdecydować się na to jeszcze raz, zrobiłabym to! — mówi Magda i podkreśla, że to był efektywnie wykorzystany czas.   Zobacz nagranie:

Justyna K

Historia Justyny – osoby, która łączy pracę z liczbami i budowanie relacji z ludźmi

Justyna wybrała kurs Business Inteligence online ze względu na elastyczną formułę i cenny kontakt z mentorami. „Każdemu, kto zastanawia się nad wejściem do IT, radziłabym po prostu spróbować, bo każdy może znaleźć coś dla siebie wśród wielu różnych stanowisk i ról w branży” – radzi Justyna Konstantynowicz   Zobacz nagranie:

Agnieszka Mazade

Historia Agnieszki – obecnie Data Scientistki, która przekonuje, że każdy może programować

Agnieszka decydowała się aż na dwa kursy Python Developer i Data Science dzięki dofinansowaniu, które otrzymała z firmy, gdzie wówczas była zatrudniona. Posłuchajcie, jak Agnieszka odnajduje się w obszarze Data Science, które jak sama twierdzi – nie polega jedynie na programowaniu, ale również na zrozumieniu potrzeby biznesowej.   Zobacz nagranie: