7 sprawdzonych wskazówek UX dla optymalizacji witryny na poziomie profesjonalnym

User Experience Design (UXD lub UX) w ramach projektowania stron internetowych to sposób na poprawę satysfakcji użytkowników poprzez rozwijanie użyteczności, wyszukiwalności i efektywności interakcji użytkowników w obrębie stron internetowych. Dzisiaj wymienię sprawdzone wskazówki, które zebrałem, które każdy projektant stron internetowych powinien znać i wykorzystać, aby poprawić UX swojej witryny.

Wskazówka 1: Pracuj z Flow

Aby Twoja witryna była łatwa w nawigacji dla użytkowników, musisz postawić się na ich miejscu i zrozumieć cele swoich person. Pomyśl o sposobie myślenia swojej osoby, fikcyjnej postaci, którą stworzyłeś, aby reprezentować typ osoby, która będzie korzystać z Twojej witryny. Którą część Twojej witryny zauważą jako pierwszą?

Dość oczywistą odpowiedzią na to jest góra strony, a sposób, w jaki należy rozmieścić informacje, to umieszczenie najważniejszych stron na górze, gdzie prawdopodobnie będą one widoczne jako pierwsze przez osobę odwiedzającą Twoją witrynę. Nikt nie chce bez końca przewijać i kopać, aby znaleźć informacje, po które przyszedł, więc umieszczenie ich na górze jest bardzo pomocne.

Innym ważnym czynnikiem, który należy uwzględnić w poprawie przepływu witryny, jest używanie spójnych i wygodnych, łatwo zrozumiałych interfejsów użytkownika, aby zapewnić, że Twoja persona może skoncentrować się na potrzebnych treściach i przejść przez nią bez przeszkód.

Aby uniknąć nieporozumień i uniknąć tworzenia dodatkowej niepotrzebnej pracy dla użytkowników, unikaj tworzenia ślepych zaułków w swojej witrynie. Aby uniknąć dalszego takiego zamieszania, powstrzymaj się od używania nietypowych wzorców i interfejsów stron internetowych, nie musisz zmuszać użytkowników do uczenia się czegoś nowego, a korzystanie z powszechnych wzorców i interfejsów jest całkowicie w porządku.

Wskazówka nr 2: Przewijanie

Dopóki użytkownicy będą mieli pewność, że informacje, które są dla nich istotne, znajdują się w części widocznej na ekranie, będą się przewijać. Ważne jest, aby pamiętać, że Twoja strona internetowa powinna zawsze mieć wyraźną wizualną wskazówkę, w którą stronę należy się przewijać i powinna informować użytkowników, czy nie ma więcej dostępnych materiałów.

Dość oczywistą, ale często zapominaną kwestią jest to, że im dłuższa jest Twoja strona internetowa, tym mniej prawdopodobne jest, że ludzie będą chcieli przejść na dół strony, aby znaleźć coś, czego potrzebują. Zakładając, że Twoja strona internetowa nie jest zbyt długa, prowadzenie stron internetowych jest przyjemne, ponieważ przewijanie jest znacznie szybsze dzięki klikaniu.

Wskazówka nr 3: Kontrast i kolor

Ponieważ wszystkie osoby będą odwiedzać Twoją witrynę, weź pod uwagę tych, którzy nie rozróżniają kolorów – upewnij się, że projekty Twojej witryny są w skali szarości, aby wszyscy użytkownicy mogli przeczytać cenne informacje. Inną wskazówką dotyczącą koloru na stronach internetowych jest nieużywanie koloru niebieskiego w żadnej innej części tekstu z wyjątkiem linków, ponieważ często albo strasznie koliduje on z tłem, albo po prostu zanika, stając się prawie nieczytelnym, o czym powinni wiedzieć wszyscy projektanci stron internetowych. Pamiętaj, że odblaski na ekranie mogą zrujnować czynnik użyteczności Twojej witryny, jeśli nie będziesz świadomy kontrastu na stronach mobilnych.

Aby upewnić się, że wezwania do działania działają wydajnie, użyj dla nich jednego koloru i unikaj go do czegokolwiek innego. Jeśli chcesz, aby tekst był widoczny na tle, użyj ciepłych, jasnych kolorów, ponieważ się wyróżniają, podczas gdy zimne, ciemne kolory zwykle pozostają w tle.

Wskazówka nr 4: Poprawa szybkości ładowania

Szybkość ładowania strony internetowej jest jednym z ważnych czynników SEO. Jako profesjonalny dostawca usług SEO zawsze koncentrujemy się na poprawie szybkości witryny. Żaden użytkownik nie lubi czekać na załadowanie witryny dłużej niż trzy sekundy, więc upewnij się, że opóźnienia dłuższe niż trzy sekundy są mało prawdopodobne. Gdy strona się ładuje, upewnij się, że użytkownicy mogą szybko i bezproblemowo zrealizować swój cel.

Postrzeganie szybkości strony internetowej opiera się na takich czynnikach, jak czas ładowania, zachowanie wczytywania, czas oczekiwania i płynność animacji. Aby lepiej zrozumieć te czynniki, pokaż szkielet elementów witryny, aby pokazać użytkownikowi układ, gdy wciąż się ładuje. Jeśli użytkownik widzi tekst przed obrazami, może przeczytać tekst przed załadowaniem obrazów, więc upewnij się, że tekst zostanie załadowany jako pierwszy.

Powiązany post: 5 sposobów na przyspieszenie witryny WordPress

Wskazówka nr 5: Niech to będzie raj dla użytkowników telefonów komórkowych i tabletów

Jeśli elementy interfejsu mobilnego są małe lub umieszczone blisko siebie, trudno jest je precyzyjnie wybrać, więc odpowiednio minimalny rozmiar celu dotykowego na telefonie komórkowym powinien wynosić 1 cm x 1 cm z odpowiednim wypełnieniem. Możesz stwierdzić, że cele interfejsu w Twojej witrynie lub aplikacji są zbyt małe, jeśli użytkownik musi użyć małego palca, aby uzyskać do nich dostęp.

Ktoś, kto korzysta z tabletu, aby przejść do Twojej witryny, przekona się, że boki i dół ekranu są najlepiej dostępne za pomocą kciuka, więc pamiętaj o tym podczas tworzenia strony internetowej. Kiedy zaczynasz tworzyć układy mobilne, powinieneś określić, czy ludzie będą używać jednej czy dwóch rąk ze swoimi urządzeniami.

Wskazówka nr 6: Czysta nawigacja

Twoja strona powinna z reguły mieć łatwe do znalezienia menu nawigacyjne. Jeśli zdasz sobie sprawę, że hierarchia Twojej witryny jest większa niż 3-4 poziomy, prawdopodobnie nadszedł czas, aby przemyśleć projekt witryny.

Jeśli Twoja witryna ma długie strony lub użytkownicy wymagają natychmiastowego dostępu do określonej części witryny, lepkie menu to doskonały sposób na szybszy i łatwiejszy dostęp. Etykiety nawigacyjne muszą być dokładne, upewnij się, że składają się z nie więcej niż 2-3 słów i że najbardziej pouczające słowo znajduje się na początku.

Bułka tarta to doskonały sposób na poinformowanie użytkowników, gdzie znajdują się na Twojej stronie internetowej. Twoje menu nawigacyjne powinno zniknąć i nie być w drodze, a także nie zmieniać się za pośrednictwem strony internetowej. Projektując nawigację mobilną, upewnij się, że najczęściej używane opcje znajdują się na górze, a wszystkie mniej popularne ukryj w menu hamburgerowym.

Te menu są mniej powszechne i zauważalne na komputerach stacjonarnych, a także powodują wzrost kosztów interakcji i spadek zapachu informacji. Jeśli potrzebujesz dodatkowej nawigacji w witrynie mobilnej, odpowiednie są strony docelowe kategorii, podmenu lub menu na stronie. Jeśli Twoja witryna ma megamenu, posortuj linki w grupy, aby odróżnić elementy klikalne i nieklikalne. Nie możesz ukrywać funkcji logowania i wyszukiwania w menu witryny.

Wskazówka nr 7: Formularze

Aby zapewnić użytkownikom szybkie skanowanie, upewnij się, że etykiety formularzy i pola są umieszczone w jednej pionowej linii. Twoi użytkownicy nie powinni mieć do czynienia z gubieniem etykiet pól, więc umieść je poza polem tekstowym. Musisz zadbać o to, aby Twoje formularze internetowe były zrozumiałe, więc podziel sekcje za pomocą separatorów.

Błędy formularza należy umieszczać obok obszarów powodujących błędy w każdym formularzu internetowym. Podane komunikaty o błędach muszą być zrozumiałe, krótkie i pomocne użytkownikom. Jeśli wyświetlisz wszystkie błędy – powodując natychmiastowe pola, obok odpowiednich problematycznych plików, użytkownicy mobilni mają mniejsze szanse na przeoczenie ostrzeżenia.

Powiązany artykuł: Jak skutecznie zapobiegać spamowaniu formularzy internetowych

Mam nadzieję, że te wskazówki przydadzą się przy tworzeniu Twojej strony internetowej. Stworzenie niesamowitej strony internetowej, która dobrze sprzedaje Twoje pomysły, jest zawsze trudne. Pamiętaj o tych wskazówkach, a użytkownicy Twojej witryny będą zadowoleni.

Autorem jest Daniel Shane, ekspert od brandingu w Logo Orbit.