Błądzić jest rzeczą ludzką. Wszyscy robimy błędy od czasu do czasu, a twoi użytkownicy nie są wyjątkiem. Jak zaprojektować produkty, które pozwalają na błędy?

Rzecz w ludzkich istotach polega na tym, że nie można im niczego zaufać. Okay, może to trochę nieładne. Jednak jest to prosta prawda, że ​​nawet najbardziej troskliwi, ostrożni i sumienni z nas popełnią błędy. Reszta z nas popełni więcej błędów.

Błędy te, w odniesieniu do projektowania stron internetowych, mogą być tak proste, jak błędne wpisanie adresu URL, umieszczenie niewłaściwych informacji w niewłaściwym polu w formularzu rejestracyjnym lub tak źle, jak przypadkowe wysłanie setek dolarów do niewłaściwej osoby za pośrednictwem PayPal. Potem jest sytuacja taka jak Hawaje; nie mamy żadnych rzeczywistych zrzutów ekranu interfejsu użytkownika, który był używany do przestraszenia milionów z ostrzeżeniem o fałszywym pocisku, ale został odtworzony przez kilku projektantów - Podejrzewam, że niektórzy z nich byli trochę sarkastyczni.

Oto kilka podstawowych sposobów rozliczania błędów ludzkich podczas projektowania witryn internetowych. Przedstawiam je Tobie z jednym zastrzeżeniem: nie można w żaden sposób powstrzymać wszystkiego od niewłaściwego postępowania. Jeśli zrobisz coś idiotoodpornego, Wszechświat stanie się większym i lepszym idiotą. Powodzenia.

1. Wyczyść instrukcje

Ludzie często postrzegają podstawowe instrukcje jako nieco protekcjonalne. Mam na myśli, oni już wiedzą, że kawa jest gorąca, prawda? Dlaczego potrzebują go wydrukowane na boku filiżanki? Ponieważ mogą nie mieć wszystkich informacji: podano kawę w słynnym przypadku McDonalda 180 do 190 stopni Fahrenheita, czyli około 82 do 87 stopni Celsjusza. To może być przydatne informacje dla klientów, nie sądzisz?

To ludzkie założenie, że wiesz wszystko, co musisz wiedzieć

To ludzkie założenie, że wiesz wszystko, co musisz wiedzieć, dla prostego zadania. Powoduje to błędy. Uważam, że możemy potrzebować instrukcji na każdym zadaniu bardziej skomplikowanym niż formularz kontaktowy. I nawet wtedy pomaga mieć wskazówki.

2. Wyczyść ostrzeżenia

Ludzie czasami muszą mieć konsekwencje możliwych działań wyjaśnionych im. Szczegółowo. To nie powstrzyma ludzi, którzy nieustannie ignorują jasne ostrzeżenia, ale w żadnym wypadku nie można wiele dla nich zrobić.

Z drugiej strony są ludzie, którzy w obliczu ostrzeżenia lub okna dialogowego, których nie rozumieją w pełni, po prostu opuścili twoją stronę lub zadzwonili do kogoś, kto byłby bardziej zaawansowany technicznie, by uzyskać pomoc. Musisz zdecydować, czy wolisz zajmować się potencjalnym brakiem reakcji od niektórych klientów, czy też więcej błędami. Oba podejścia mają swoje za i przeciw.

3. Biała przestrzeń

Niewłaściwe kliknięcia to coś. Błędne uderzenia to być może jeszcze coś, w zależności od zręczności manualnej użytkownika i dokładności ekranu dotykowego. Wyżej wspomniany upadek na Hawajach był podobno spowodowany nieprawidłowym kliknięciem w menu rozwijanym.

Nawet na mojej wielkiej mechanicznej klawiaturze od czasu do czasu "grubym palcem" mylę niewłaściwe klawisze, co prowadzi do krępujących literówek i wirtualnych granatów, których nie powinno się w grach wideo. Tak jak powiedziałem, nie możesz zapobiec każdemu błędowi, ale możesz sprawić, że będą mniej prawdopodobne.

4. Dialogi potwierdzające

szybki komunikat "Czy na pewno chcesz to zrobić?" może być nieoceniony.

Dla kogoś, kto musi powtarzać ten sam proces w kółko (na przykład: każdy wprowadzający dane), dialog potwierdzający wydaje się irytującym i bezużytecznym dodatkowym krokiem. Dla nich te dialogi mogą i powinny być wyłączone.

Ale dla każdego, kto wykona nowe zadanie po raz pierwszy, a nawet na dziesiątą część, mając szybki komunikat "Czy na pewno chcesz to zrobić?" Może być nieoceniony.

5. Walidacja formularza

Teraz jest to taki, który większość ludzi ma obecnie rację. Walidacja formy, choć niedoskonała, jest potężną rzeczą i świetnym sposobem, aby delikatnie poprowadzić użytkownika we właściwym kierunku. Prawidłowe projektowanie formularzy może pomóc w uniknięciu po prostu umieszczenia niewłaściwego tekstu w niewłaściwej formie. Sprawdzanie poprawności formularzy sprawdza się doskonale w przypadku podwójnej kontroli informacji, a także w przechwytywaniu literówek i zapomnianych pól.

Chciałbym tylko zwrócić uwagę, że walidacja po stronie klienta (choć pomocna) nie wystarczy. JavaScript pęka. Jeśli zamierzasz zaimplementować sprawdzanie poprawności po stronie klienta, dobrze byłoby mieć trochę po stronie serwera, żeby być bezpiecznym.

6. Etykiety

Ah etykiet. Teraz może to zabrzmieć naprawdę oczywiste, ale widziałem tak wiele niejasno oznakowanych formularzy w Internecie, że musiałem to uwzględnić. Gorsze są formularze, które używają żargonu branżowego na stronie internetowej klienta. I nawet nie zaczynajcie od formularzy, w których etykiety i dane wejściowe były źle ustawione. To po prostu złe.

7. Użyj zarówno koloru, jak i kontrastu

Ludzie często używają kolorów tak prostopadle: zielony = dobry, czerwony = zły. To jest początek i na pewno pomaga wielu ludziom. Niekoniecznie pomaga to osobom niewidomym lub osobom z innymi wadami wzroku. Znajdź inny sposób dodawania kontrastu do swoich elementów, dzięki czemu można je łatwo i wyraźnie odróżnić. Zwróć na to szczególną uwagę, jeśli dwie opcje używają podobnego tekstu, ale robią radykalnie różne rzeczy.

8. Dokładnie wprowadzaj zmiany

Ludzie zwykle działają na autopilocie podczas wykonywania znanych zadań. Jest to przydatne, ponieważ sprawia, że ​​są bardziej wydajne. Niestety, ta skłonność do rutyny prowadzi do błędów, gdy rzeczy się zmieniają. Istnieją całe memy na temat pamiętania o poprawnym zapisaniu daty po nowym roku i pojawiają się co roku na kropce.

Ludzie zwykle działają na autopilocie podczas wykonywania znanych zadań

Teraz czasami Twój interfejs użytkownika wymaga pełnego przeprojektowania. Jeśli tak, to w porządku. W przeciwnym razie nie rób zbyt szybko zmian. Zostaw wpisy w menu ludzi w znanych miejscach. Zawsze pamiętaj o małych zmianach w interfejsie, aby ludzie je zobaczyli i zaczęli tworzyć nowe procedury.

9. Cofnij przyciski, gdzie to możliwe

Cóż, "CTRL-Z" działa dobrze w zwykłych formach, więc zwykle nie musisz tego wdrażać samodzielnie. Ale jeśli tworzysz aplikację internetową, możesz poważnie rozważyć zastosowanie jakiejś funkcji "Cofnij" dla prawie każdego działania z trwałymi konsekwencjami.

Gmail faktycznie daje ci kilka sekund (jeśli włączysz tę funkcję), aby cofnąć wysłanie e-maila - i pomyśleć, że żyjemy w świecie, w którym możesz cofnąć wysłane wiadomości e-mail przez kilka lat, teraz - to dmucha w umysł.

Gdybyśmy tylko mieli przycisk cofania dla niezamierzonych ostrzeżeń o pociskach ...