Jedną z rzeczy, której nie wystarcza projektantów podczas projektowania stron internetowych jest ograniczenie błędów użytkowników. Szkoda, ponieważ błędy użytkownika mają bezpośredni wpływ na wygodę użytkownika witryny ... co ma bezpośredni wpływ na konwersje witryny ... co ma bezpośredni wpływ na to, ile pieniędzy klient straci.

Innymi słowy: jeśli jest jedna rzecz, którą możesz zrobić od razu, aby upewnić się, że klient jest szczęśliwy i ciągle rzuca projektowaniem, to zapobiegawczo zapobiegnij błędom użytkownika od samego początku. Projektowanie dzięki tej proaktywnej filozofii nie tylko drastycznie poprawi komfort użytkowania, ale także sprawi, że będziesz wyglądać naprawdę dobrze dla swoich klientów.

Zapobieganie błędom użytkownika sprowadza się do jednej zasady, która powinna zawsze być pierwsza w każdym systemie wartości projektanta: projektowanie dla użytkownika końcowego za wszelką cenę.

Wzorce projektowe

Wzorce projektowe to układy i interfejsy, które będą dobrze pasować do użytkowników, ponieważ widzieli je niezliczoną ilość razy we wszystkich latach surfowania w Internecie. Dlatego uzasadnione jest przedstawianie użytkownikom projektów, które już wcześniej widzieli, aby zmniejszyć liczbę błędów użytkowników. W końcu, gdy użytkownik ma doświadczenie w nawigowaniu po określonym projekcie, to dobrze, że nie będzie popełniał błędów związanych z zagubieniem się w witrynie, nie rozumie, jaki jest cel strony lub nie rozumie, jak wykonać konkretne działanie.

Statystyki mówią tak około 40% populacji Ziemi obecnie korzysta z dostępu do Internetu. Ci użytkownicy widzieli Twoje podstawowe menu nawigacyjne (poziome, pionowe itp.), Umieli przewinąć poniżej złożenia, zrozum, że wezwania do działania powinny być klikalne - i wiele więcej. Są również zaznajomieni z różnymi trendami w projektowaniu, od przewijania paralaksy i płaskiego projektowania po minimalizm i stronę z długim przewijaniem. Działaj zgodnie z tymi dobrze zrozumiałymi wzorcami, aby radykalnie ograniczyć możliwość błędów użytkownika!

Dillard's-Screen-Shot

Dillarda Domy towarowe są przykładem tego podstawowego, ale znanego już podejścia do projektowania stron internetowych. Na jego stronie głównej możesz wyraźnie zobaczyć, ile elementów robi to dobrze:

  • poziome menu nawigacyjne oferujące jasny i łatwy dostęp do różnych działów;
  • konstrukcja jednokolumnowa;
  • biała przestrzeń, aby zwrócić uwagę na treść;
  • pasek wyszukiwania, aby ułatwić dobry UX, który pozwala kupującym szybko znaleźć to, czego szukają;
  • duże obrazy, które pokazują produkty ostro i atrakcyjnie.

Dzięki temu układowi ludzie, którzy po raz pierwszy nawigują po Dillard, natychmiast przejdą przez ścieżkę konwersji e-commerce ze względu na znajomy interfejs strony.

Polegaj na afordancjach

Affordances to te wskazania, które informują użytkowników o tym, jak mogą wchodzić w interakcję z witryną klienta. Są absolutnie niezbędne, aby zapewnić użytkownikom jak największą satysfakcję i ograniczyć błędy użytkowników.

Affordances są dostępne we wszystkich kształtach i rozmiarach:

  • fizyczny;
  • język;
  • wzór;
  • symboliczne lub ikoniczne.

Bez wyraźnych afordancji lub w ogóle, nawet najbardziej doświadczony użytkownik będzie miał niezadowalające wrażenie na witrynie.

Weźmy, na przykład, azydele językowe, które są najbardziej jawnymi sposobami komunikowania się z użytkownikami, w jaki sposób mogą wchodzić w interakcję z Twoją witryną. Jednym z najczęstszych miejsc, w których można je znaleźć, są formularze internetowe, które pomagają użytkownikom zorientować się, co powinni wprowadzić w różnych polach.

Podczas gdy niektóre formularze mogą być stosunkowo krótkie, każdy użytkownik będzie zagubiony bez znajomości języka, aby powiedzieć im, co powinni wprowadzić w każdym polu.

Dropbox-Screen-Shot

Na Dropbox na stronie głównej, możesz zobaczyć formularz zgłoszeniowy widoczny na samym środku ekranu. Formularz ma tylko cztery pola, ale aby pomóc użytkownikowi, Dropbox umieścił azyty językowe w każdym polu, aby wszyscy użytkownicy wiedzieli, że mają wpisać swoje imię i nazwisko, adresy e-mail i hasła do rejestracji.

Teraz, gdy użytkownicy są w 100% pewni, co wpisać w te pola, nie popełnią żadnych błędów, w wyniku czego rejestracja będzie wyjątkowo płynna, ponieważ nie będzie żadnych tarć w tym procesie.

Użyj zabezpieczenia przed usunięciem

Jednym z najczęstszych błędów użytkownika jest przypadkowe usunięcie utworzonych dzieł, niezależnie od tego, czy te prace są bardzo czasochłonne, takie jak pisemne raporty, czy tylko udostępnione multimedia, takie jak zdjęcia, które trwają, ale sekundę, aby zrobić zdjęcie. Jest więc oczywiste, że stworzenie skutecznych zabezpieczeń przed przypadkowymi skreśleniami jest jednym z najlepszych sposobów na ograniczenie błędów użytkowników.

Większość osób w pewnym momencie doświadczyła sytuacji, w której przypadkowo usunął cenny lub niezbędny fragment treści. Koszt takiego błędu użytkownika może często być czymś więcej niż frustracją spowodowaną naciśnięciem niewłaściwego przycisku lub nieumiejętnością odczytania komunikatów wyskakujących okienka. Przypadkowe usunięcie może trwale wymazać cenne wspomnienia i dokumenty związane z pracą, które kosztują prawdziwe pieniądze.

Okno dialogowe potwierdzenia, pytające użytkowników, czy naprawdę chcieli usunąć element, wciąż jest kluczowym elementem bezpieczeństwa, który musi być częścią każdego dobrze funkcjonującego projektu. Piękno tego sejfu polega na tym, że zgodnie z zasadą korzystania z konwencji projektowych wszyscy użytkownicy natychmiast zapoznają się z nim, tym samym podnosząc jego skuteczność jako system zapobiegania szkodom.

Google-Drive-Screen-Shot

dysk Google W interfejsie użytkownika znajdują się okna dialogowe z potwierdzeniem, które natychmiast przyciągają uwagę użytkownika, zapewniając, że nie można ich zignorować.

Zwróć uwagę, że w polu tym znajduje się pytanie potwierdzające większą czcionką niż cały tekst w polu, prawie tak, jakby był to jego własny nagłówek? Ponadto słowa zorientowane na działanie, takie jak "usuń", rozpoczynają pytanie, co dodatkowo zwiększa prawdopodobieństwo, że użytkownicy będą zwracać uwagę. Linia zawierająca ostrzeżenie jest również pogrubiona, co przyczynia się do naglącej potrzeby tego pytania. Na koniec zwróć uwagę, że przycisk wezwania do działania "anuluj" to przycisk podświetlony na niebiesko, co wskazuje na to, że projektanci chcą, aby użytkownicy zboczyli z ostrożności w przypadku przypadkowego usunięcia.

Mówiąc ogólnie, takie użycie okien dialogowych z potwierdzeniami działa jako zabezpieczenie przed skutkami wysypki dla użytkowników, którzy mogli nie chcieć nacisnąć jednego przycisku.

Wniosek

Jedną rzeczą, którą ciągle mówimy w projektowaniu stron internetowych, jest to, jak ważne jest projektowanie z myślą o użytkowniku przez cały czas. Doświadczenie użytkownika powinno znajdować się przede wszystkim we wszystkich decyzjach projektowych. Jednak interesującym aspektem projektowania jest to, jak projektanci zwykle kojarzą doświadczenie użytkownika z kontekstem tego, co mogą dodać do projektu, aby poprawić wrażenia użytkowników. Rzadko zdarza im się projektować z myślą o użytkowniku przede wszystkim z punktu widzenia wyeliminowania potencjalnych błędów, które użytkownik może zawrzeć.

Dlatego ważne jest, aby projektanci zawsze próbowali postawić się w roli użytkownika i starać się przewidzieć, jak będzie się zachowywał podczas nawigacji po swoim projekcie. Dopiero wtedy można zminimalizować błędy użytkownika.

Przedstawiony obraz, potwierdź obraz przez Shutterstock.