Użyteczność strony i lista kontrolna dotycząca nich

W poprzedniej publikacji już rozważaliśmy, czym jest użyteczność strony i jak wpływa na pozycjonowanie. Teraz omówimy, jak prawidłowo analizować zasoby internetowe pod kątem wygody użytkowania.

Specjalnie w tym celu poniżej przedstawiamy listę kontrolną użyteczności strony. Postępując zgodnie z nią, będziesz mógł zrozumieć, jak wygodny jest zasób internetowy dla użytkowników i odkryjesz niedociągnięcia, które należy poprawić.

Czym jest lista kontrolna użyteczności strony? To lista punktów, na które należy zwrócić uwagę. Innymi słowy, to instrukcja krok po kroku – prosta i zrozumiała nawet dla nowicjuszy.

Podstawowe wymagania dotyczące użyteczności strony

1. Szybkie ładowanie stron. Użytkownicy nie będą długo czekać na otwarcie strony. Zaledwie kilka sekund – i opuszczą ją. Sprawdzić prędkość ładowania zasobu internetowego można za pomocą dowolnej specjalistycznej usługi. Na przykład, PageSpeed Insights od Google.
2. Cross-browserowa wersja. Strona powinna być poprawnie wyświetlana w każdej przeglądarce. I na każdym monitorze, niezależnie od jego rozdzielczości.
3. Responsywność dla urządzeń mobilnych. Strona powinna być poprawnie wyświetlana na każdym smartfonie lub tablecie. W końcu udział użytkowników mobilnych wynosi ponad 50% (to znaczy, że użytkownicy częściej odwiedzają strony ze smartfonów niż z PC).
4. Jednolity styl. Interfejs zasobu internetowego (nagłówek, menu, stopka) wykonany jest w jednym stylu.
5. Przeładowanie strony przy wyborze języka. Zrezygnuj z przekierowania na stronę główną przy wyborze innego języka na stronie wielojęzycznej. Strona powinna po prostu przeładować się w tym samym oknie.
6. Umiejscowienie logo firmy. Optymalne miejsce to górny lewy róg. Ponadto logo powinno być klikalne.
7. Struktura stron. Każda strona powinna być wypełniona w taki sposób, aby użytkownicy określali tematykę strony po pierwszym ekranie (po haśle, obrazach, nagłówkach).
8. Dane kontaktowe firmy. Muszą być podane w nagłówku i stopce strony.
9. Zapadający w pamięć favicon. Wyświetla się nie tylko na karcie przeglądarki, ale także w wynikach Yandexu.
10. Łatwe zamykanie okienek pop-up. Minimalizuje to irytację użytkowników.
11. Brak muzyki w tle. Zrezygnuj z automatycznego odtwarzania muzyki. To tylko irytuje.
12. Przycisk «W górę». Musi być na stronie – aby umożliwić szybkie przewijanie w górę.
13. Skonfigurowana strona 404. Im lepiej jest ona zaprojektowana – tym większe prawdopodobieństwo, że użytkownik będzie kontynuował przeglądanie strony.

Ocena wizualnego postrzegania

Ocena użyteczności strony dla użytkowników przeprowadzana jest w następujący sposób:

1. 1. Określ ogólne wrażenie o zasobie internetowym. Projekt powinien być przyjemny, nie wywołujący odrzucenia.
   2. Sprawdź, czy nie ma zbyt jaskrawych kolorów. Ich użycie jest dozwolone, ale w umiarkowanej ilości.
   3. Upewnij się, że strony nie są zagracone różnymi elementami. Ale jednocześnie nie są puste.
   4. Sprawdź wyświetlanie bloków. Upewnij się, że nie przesuwają się, nie wychodzą poza ramy i są umieszczone na mniej więcej tym samym poziomie względem siebie.
   5. Sprawdź, czy między blokami nie ma pustej przestrzeni. Szczególnie w dolnej części. W przeciwnym razie odwiedzający zdecydują, że strona się skończyła i nie ma sensu przewijać jej dalej.

• Upewnij się, że przyciski i bloki mają optymalny rozmiar.

1. Sprawdź liczbę animowanych elementów. Zaleca się zrezygnowanie z animacji (lub używanie jej w minimalnej ilości).
2. Upewnij się, że wszystkie ważne informacje znajdują się w górnym lewym rogu. Zgodnie z statystyką to tam najczęściej patrzą użytkownicy.

Analiza użyteczności zasobu internetowego według narzędzi nawigacyjnych i wyszukiwania

Lista kontrolna do oceny użyteczności przycisków i linków:

1. Po najechaniu kursorem na aktywny element zmienia się on na «rękę».
2. Każdy przycisk jest klikalny, ma zrozumiałe opisy.
3. Przyciski anulowania akcji znajdują się w pewnej odległości od przycisków potwierdzających (aby wykluczyć przypadkowe naciśnięcie).
4. Użytkownik musi rozumieć, dokąd prowadzi dany link (dzięki jego kotwicy lub tekstowi obok niego).
5. Linki powinny mieć optymalną długość i standardowy wygląd (niebieski kolor, po kliknięciu – zmienia się na fioletowy).

Lista kontrolna do sprawdzenia użyteczności zasobu internetowego według nawigacji:

1. Menu jest dostępne z każdej strony. I zawsze znajduje się w tym samym miejscu.
2. W mobilnej wersji strony menu jest ukryte i pojawia się po kliknięciu na specjalną ikonę.
3. Na stronie znajdują się «okruszki chleba», dzięki którym użytkownicy zrozumieją, gdzie się znajdują. I w razie potrzeby będą mogli wrócić na poprzednie poziomy.
4. Strony «Warunki płatności», «Warunki dostawy», «Kontakty» są łatwo dostępne.
5. Punkty menu są zwięzłe i zaczynają się wielką literą.
6. Z nazwy nagłówka H1 odwiedzający powinni zrozumieć, o czym jest strona.
7. Wewnętrzne linkowanie jest przemyślane, bez ślepych zaułków. Na każdej stronie powinny być minimum 2-3 linki prowadzące do innych produktów, sekcji, artykułów.

Lista kontrolna do sprawdzenia użyteczności formularza wyszukiwania:

1. 1. Pole wyszukiwania jest tylko jedno. I znajduje się w prawym górnym rogu.
   2. Po naciśnięciu LPM pole staje się aktywne. A wewnątrz niego wyświetla się kursor.
   3. Z wyszukiwania korzysta się wygodnie (zaczyna się po naciśnięciu specjalnej ikony lub przycisku Enter; błędne zapytania są automatycznie poprawiane itd.).
   4. Po wpisaniu pierwszych liter wyświetla się lista odpowiednich zapytań.
   5. Wyświetlane są pełne informacje o wynikach (liczba stron itd.).
   6. W przypadku braku wyników wyszukiwania odwiedzającemu proponowane są alternatywne rozwiązania (wprowadzenie innego zapytania itd.).
   7. Na stronie znajduje się rozszerzone wyszukiwanie (jeśli jest potrzebne).

Lista kontrolna do sprawdzenia użyteczności treści tekstowej

1. Tekst jest podzielony na akapity, ma podtytuły, wypunktowane lub numerowane listy. Ogólnie jest łatwy do przeczytania. Dodatkowym plusem jest obecność obrazków i tabel.
2. Kolor czcionki nie zlewa się z tłem i jest wyraźnie widoczny.
3. Tekst jest napisany nie dla SEO, a dla ludzi. Zawiera maksymalną ilość użytecznych informacji.
4. Liczby w tekście są pisane cyframi. A zbyt duże – są rozdzielane spacjami dla lepszego postrzegania (na przykład, 1 200 500).
5. Nagłówki są zwięzłe, zrozumiałe, oddają istotę strony.
6. Jeśli w blogu publikowane są różnorodne treści, należy je dzielić według tematów.
7. Po tekście znajduje się blok z innymi artykułami, aby zainteresować użytkowników pozostaniem na stronie.
8. W tekście umieszczone są linki do innych artykułów lub kart produktów, kategorii, podkategorii.
9. Na wszystkich stronach stosowana jest ta sama czcionka (w idealnym przypadku 12-16 pikseli).
10. Czcionka jest wygodna do czytania przy każdym powiększeniu strony.

Lista kontrolna do sprawdzenia użyteczności obrazów i filmów:

1. Używane są tylko wysokiej jakości obrazki.
2. Zdjęcia są dobierane do treści strony i niosą określoną wartość znaczeniową.
3. Obrazki powinny być jednorodne (pod względem rozmiaru, tła, kąta widzenia).
4. Zdjęcia można oglądać w pełnej rozdzielczości (w razie potrzeby).
5. Filmy na stronie można kontrolować według własnego uznania: włączać, wstrzymywać, wyłączać dźwięk.

Dowiedz się również: Jak stworzyć stronę za pomocą darmowego kreatora stron.

Analiza użyteczności środków kontaktu i komunikacji z klientami

1. Dane kontaktowe są podane w formie tekstowej, a nie w postaci obrazu (aby można je było skopiować w razie potrzeby).
2. Na stronie «Kontakty» można kopiować informacje (tzn. brak ochrony przed kopiowaniem).
3. Dane kontaktowe są umieszczane w nagłówku i stopce (aby były widoczne na każdej stronie).
4. Obowiązkowe jest posiadanie środków do szybkiego kontaktu (czat online, formularz zwrotnego połączenia, komunikatory).

Należy również upewnić się, że na stronie «Kontakty» znajdują się:

• dokładny adres;
• numery telefonów (w idealnym przypadku – różnych operatorów);
• adres e-mail;
• godziny pracy;
• linki do mediów społecznościowych;
• formularz kontaktowy;
• miejsce lokalizacji firmy na mapie;
• mapa dojazdu i zdjęcie budynku (szczególnie, jeśli biuro znajduje się w trudno dostępnym miejscu).

Użyteczność formularza kontaktowego

1. Formularz znajduje się w wygodnym miejscu na stronie «Kontakty».
2. Aby wysłać wiadomość, nie trzeba się rejestrować – wystarczy podać e-mail lub numer telefonu, na który przyjdzie odpowiedź. Jeśli użytkownik przypadkowo zamknie formularz – tekst powinien być zapisywany.
3. Na e-mail/telefon przychodzą powiadomienia o odpowiedzi użytkownika.

Czat online

1. Ikona czatu jest widoczna, ale nie zasłania głównej treści.
2. Wiadomość można wysyłać o każdej porze dnia i nocy (użytkownik widzi, czy konsultant jest online, czy nie).
3. Jeśli konsultant nie jest online, użytkownikowi proponuje się pozostawienie swoich danych do kontaktu z nim w godzinach pracy.
4. W czacie online wyświetlane jest rzeczywiste zdjęcie pracownika sklepu.

Komentowanie

1. Użytkownicy powinni mieć możliwość komentowania artykułów i innych recenzji bez rejestracji. Przy przypadkowym zamknięciu strony wpisana wiadomość jest zapisywana.
2. Aby uniknąć fałszywych recenzji, można dodać szybką autoryzację przez media społecznościowe.

Analiza użyteczności kategorii produktów w sklepie internetowym

1. Na stronie wyświetla się nie więcej niż 15-20 produktów.
2. Odwiedzający ma możliwość wyboru liczby produktów, które będą wyświetlane na liście.
3. Zaleca się posiadanie osobnych sekcji z popularnymi/nowymi modelami.
4. Produkt powinien zawierać zdjęcie, nazwę, cenę, przycisk «Zamów» oraz ikonę wyprzedaży, jeśli taka istnieje.

Dowiedz się również: Jak stworzyć stronę za pomocą darmowego kreatora stron.

Sprawdzenie użyteczności filtrów

1. Odwiedzający może wybierać różne parametry filtrowania, a następnie oglądać wyniki.
2. Przycisk «Wyświetl» lub «Zastosuj» jest dobrze widoczny.
3. Filtry wzajemnie zależne synchronizują się bardzo szybko. I bez przeładowania strony.
4. Filtry, dla których nie ma wyników, są nieaktywne (aby wykluczyć zerowy wynik).
5. Użytkownik widzi liczbę produktów odpowiadających wybranym filtrom.
6. URL strony zmienia się dynamicznie przy wyborze filtrów.
7. Obowiązkowo jest przycisk «Resetuj wszystko» (aby wyświetlić standardową listę produktów).

Poprawność sortowania

1. Popularne produkty wyświetlane są jako pierwsze na liście, brakujące – jako ostatnie.
2. Użytkownik może tworzyć indywidualne sortowanie (od najtańszych do najdroższych, nowości itd.).
3. Odwiedzający powinien widzieć, jakie sortowanie jest obecnie stosowane.

Aby zrealizować wszystkie te punkty, potrzebny jest normalny silnik. O tym, jaki wybrać CMS dla sklepu internetowego, rozważaliśmy wcześniej.

Sprawdzenie użyteczności formularzy rejestracyjnych i koszyka

Lista kontrolna do sprawdzenia wygody formularza zamówienia:

1. Liczba obowiązkowych pól do wypełnienia powinna być minimalna (i wszystkie są umieszczone w jednej kolumnie).
2. Obowiązkowe pola do wypełnienia powinny być wyróżnione na tle pozostałych.
3. W polu wprowadzania hasła powinno być wyświetlane liczba wprowadzonych znaków.
4. Wypełnianie formularza powinno być wygodne (można przechodzić do innych pól kursorem lub klawiszami, wypełnione wiersze zewnętrznie różnią się od niewypełnionych).
5. Wszystkie punkty są szczegółowo opisane, w razie potrzeby są podpowiedzi.
6. Obowiązkowo sprawdzane są wprowadzone przez użytkownika informacje. Przy błędnym wypełnieniu jakiegoś pola wyświetlane jest powiadomienie, gdzie i jaka pomyłka została popełniona.
7. W przypadku błędów wprowadzone dane w innych polach nie są usuwane.
8. Przed wysłaniem formularza użytkownik ma możliwość edytowania dowolnego pola.

Użyteczność formularza rejestracyjnego

1. Użytkownik powinien rozumieć, jakie korzyści daje rejestracja na stronie.
2. Idealnie, jeśli zamiast loginu automatycznie będzie «zapamiętywany» e-mail użytkownika.
3. Obowiązkowo powinna być możliwość autoryzacji przez popularne media społecznościowe.
4. Rezygnacja z subskrypcji odbywa się w kilka kliknięć.
5. Można automatycznie przejść rejestrację przy składaniu zamówienia (aby nie wprowadzać tych samych danych 2 razy).
6. Po rejestracji i złożeniu zamówienia na e-mail przychodzi odpowiedni list.

Ocena użyteczności koszyka

1. Koszyk ma dobrze widoczną ikonę i znajduje się w znanym wszystkim miejscu.
2. Po dodaniu produktów do koszyka – zmienia się on, pojawia się liczba, pokazująca ilość dodanych do niego produktów.
3. Na stronie «Koszyk» nie ma żadnych zbędnych informacji.
4. Wyświetlane są wszystkie niezbędne informacje o produktach: nazwa, zdjęcia, opis, ilość jednostek, cena i łączna kwota do zapłaty.
5. Nazwy każdego modelu są klikalne. Klient może bezpośrednio z koszyka otworzyć dowolną kartę produktu.
6. Użytkownik może zmieniać ilość produktów bezpośrednio w koszyku, a nie dodając każdy z nich pojedynczo.
7. Odwiedzającemu daje się możliwość dodania lub usunięcia produktu. Łączna kwota jest przeliczana bez przeładowania strony.
8. Po złożeniu zamówienia koszyk jest opróżniany.

Podsumowanie

Teraz na pewno rozumiesz, dlaczego tak ważne jest przestrzeganie listy kontrolnej użyteczności strony. Tak, sklep internetowy potrzebuje niezawodnego i taniego hostingu stron, wygodnego designu, dobrze opracowanej struktury itd. Ale znaczenie użyteczności strony dla optymalizacji wyszukiwania trudno przecenić. Jeśli użytkownicy będą wchodzić i od razu wychodzić – to nie ma znaczenia, jak świetny jest sklep internetowy. Czynniki behawioralne będą złe, a wyszukiwarki będą wyświetlać zasób internetowy daleko poza TOP-10. Aby tego uniknąć, przejdź przez wszystkie listy kontrolne i postaraj się poprawić maksymalną ilość niedociągnięć na swojej stronie.

Publikacja była pouczająca? Podziel się nią w mediach społecznościowych i dołącz do naszego kanału Telegram. Przypominamy, że możesz zamówić tani hosting u firmy hostingowej CityHost. W sprawach technicznych skontaktuj się z czatem online lub telefonicznie ☎️ 0 800 219 220.

Podobał Ci się artykuł? Powiedz o nim znajomym: