Jak uniknąć typowych pułapek UX
Ile razy byłeś na stronie internetowej, tylko po to, aby pozostać sfrustrowanym i zirytowanym doświadczeniem, które otrzymałeś podczas wizyty? Wierzcie lub nie, jest to dość powszechne zjawisko, zwłaszcza gdy strony internetowe ignorują dobre praktyki UX.
Jeśli bierzesz udział w jakimkolwiek aspekcie budowy strony internetowej, konieczne jest unikanie typowych problemów z UX, jeśli chcesz pozostać w dobrych książkach użytkowników. Rzućmy okiem na 4 najpopularniejsze pułapki UX, w które wpadają projektanci i jak ich uniknąć ...
Formularze
Formularze są niezbędne do gromadzenia informacji o użytkownikach, klientach i klientach. Nie możesz ich ominąć, ale wypełnienie ich nie powinno być nie do zniesienia. Formularze powinny zawierać bardzo mało pytań na temat tego, jakich informacji szuka strona internetowa. Jednym z największych problemów formularzy online jest brak instrukcji.
Formatowanie
Kiedy pytasz kogoś o konkretne informacje, podkreśl to, czego szukasz. Jeśli potrzebujesz specjalnego formatu czegoś, na przykład daty, czasu lub innej sformatowanej informacji, powinien on pochodzić z przykładu. Nic nie jest bardziej denerwujące niż wypełnianie formularza, tylko po otrzymaniu komunikatu o błędzie, gdy skończysz.
Tekst zastępczy
Miło jest, gdy projektant idzie nieco dalej i daje wskazówkę na temat rodzaju informacji, których szuka, zapewniając tekst zastępczy w polu formularza. Jest to bardzo wygodne, ale kilka razy natknąłem się na tekst zastępczy, który nie znika po rozpoczęciu pisania w polu formularza. Jest to ogromna frustracja każdego użytkownika, ponieważ musi przestać pisać, wybierać wszystko i usuwać, zaczynając od nowa. Mogą również wybrać niepotrzebny typ i usunąć go, powodując przerwę w procesie myślowym podczas wypełniania formularza. Za każdym razem, gdy używasz tekstu zastępczego, aby wskazać typ poszukiwanej informacji, upewnij się, że zniknie, gdy ktoś wybierze to pole wejściowe.
Komunikaty o błędach
Nie ma nic bardziej frustrującego niż próba zrobienia czegoś na stronie internetowej, tylko po to, aby otrzymać komunikat o błędzie, bez wystarczających informacji lub w ogóle. Jeśli użytkownik witryny napotka błąd, należy wyjaśnić, co jest nieprawidłowe i jak to naprawić. Na przykład, jeśli logujesz się do witryny z nazwą użytkownika i hasłem, jeśli popełnisz błąd z witryną, powinieneś wiedzieć, które. Przy tak dużej liczbie loginów do stron internetowych łatwo można zgromadzić wiele odmian nazw użytkowników i haseł. Są przypadki, kiedy muszę zmodyfikować moją zwykłą kombinację nazwy użytkownika i hasła, ponieważ nie spełnia ona wymagań rejestracji witryny, takich jak 2 wielkie litery, cyfra, litera, znaki interpunkcyjne lub symbole.
Inne przykłady to: jeśli hasła się nie zgadzają, podczas procesu rejestracji przed przesłaniem wiadomości pokaż komunikat o błędzie. Innym przykładem może być, jeśli nazwa użytkownika jest już zajęta, pokazać, że zanim ktoś złoży swoją rejestrację.
Nikt nie lubi niczego przerabiać, zwłaszcza po otrzymaniu złych instrukcji. Będziesz mieć znacznie większe zaangażowanie, jeśli ułatwisz użytkownikom dostarczanie poprawnych informacji za pierwszym razem.
Duże, stałe nagłówki nawigacyjne
Nie jestem pewien, jak to się stało popularne, ale widziałem go bardzo często w wielu witrynach w Internecie. Problem z tak dużym nagłówkiem i wszystkimi tymi elementami nawigacyjnymi pojawia się, gdy przewijasz stronę w dół, blokuje ona wiele treści. Jest to szczególnie frustrujące, gdy istnieją części, do których trzeba się dostać, lub gdy zawartość w przeciwnym razie wypełniłaby wysokość przeglądarki, ale jej część jest ukryta przez nawigację.
Zwłaszcza na telefonach komórkowych
Co gorsza, czasami, gdy strona zostaje sprowadzona do rozmiaru urządzenia mobilnego, duży nagłówek nadal pozostaje na miejscu. To złe wrażenie, ponieważ przestrzeń jest już ograniczona na ekranach smartfonów. Nie musi to być brane za pomocą menu nawigacyjnego, które w przeciwnym razie można byłoby ukryć. Jeśli istnieją pewne elementy nawigacyjne, które muszą pozostać widoczne, zamień je w małe ikony lub umieść je gdzieś na uboczu.
Niski kontrast
Moje oczy są dobre, ale nie jestem fanem próby wizualnego rozróżniania tekstu lub ikon węglowych na czarnym tle. Nikt nie powinien tego przechodzić. Kontrast jest kluczowy, szczególnie w projektowaniu stron internetowych.
Tekst
Każdy tekst powinien być łatwy do odczytania, z dostateczną wagą, aby był czytelny. 100 ciężarówek praktycznie nie ma miejsca w Internecie (z wyjątkiem kilku szczególnych przypadków). Używanie super cienkiej czcionki na smartfonie po prostu wymaga kłopotów. Musi istnieć dostateczny kontrast wizualny, aby oczy mogły zobaczyć kształty liter.
Kolor
Dla wszystkich elementów strony internetowej powinno być dużo łatwo dostrzegalnego kontrastu między kolorami. Cały tekst powinien mieć wysoki współczynnik kontrastu z tła. Dotyczy to również dowolnych łączy, elementów nawigacyjnych lub ikon. Nie powinno być trudno znaleźć to, czego szukasz.
Wezwania do działań
Podobnie jak inne linki i elementy nawigacyjne, elementy wezwania do działania powinny wykazywać wysoki poziom kontrastu. Jeśli chcesz, aby odwiedzający stronę działał, uczyń ją widoczną, łatwą do odczytania i załaduj i wyczyść. Zbyt wiele razy zobaczysz wezwanie do działania za pomocą przycisku, który nie wyróżnia się wystarczająco od tła. Czasami w ogóle nie jest to przycisk, a jest to zwykłe łącze tekstowe otoczone białą przestrzenią.
Dotykaj celów na urządzeniach mobilnych
Widzę to na wielu stronach mobilnych i jest to jeden z najbardziej frustrujących elementów, z którymi można sobie poradzić. Jeśli masz przycisk lub link do kliknięcia, daj mu wystarczająco dużo miejsca, aby użytkownicy przypadkowo nie trafili na niewłaściwą rzecz. Na smartfonie upewnij się, że wszystkie przyciski lub łącza znajdują się wystarczająco daleko od krawędzi lub rogu ekranu, aby można je było łatwo dotknąć.
Wiele razy przycisk umieszczony zbyt blisko któregokolwiek z 4 rogów ekranu jest zbyt trudny do precyzyjnego dotknięcia. Jeśli masz większe palce, smartfon może w ogóle nie zareagować. Powoduje to, że użytkownik musi kilkakrotnie dotknąć, aby funkcja działała. Przestrzeń dla tych elementów jest niezwykle ważna.
Wniosek
Zwykłymi problemami z UX można łatwo uniknąć, dodając trochę dodatkowej pracy i przemyślenia. Jeśli chcesz, aby twoi użytkownicy odwiedzali Twoją stronę i cieszą się jej, ważne jest, aby proces był łatwy i płynny. Uniknięcie ponownego powtarzania czynności i procesów przez użytkowników ogranicza frustrację i zapewnia komfort użytkownikom, których wszyscy oczekują od dobrze zaprojektowanej witryny.
Przedstawiony obraz, Obraz projektowy UX przez Shutterstock.