Pomóż zapobiegać wpadkom użytkowników w te niesamowite wskazówki
Jako użytkownik, czy nie nienawidzisz go po kliknięciu przycisku, ale tylko po to, aby zdać sobie sprawę, że wynikowe działanie naprawdę nie jest tym, czego chciałeś? Czasami jest to niewielka irytacja, a czasem całkowita katastrofa, która rujnuje godziny, a nawet dni pracy.
Jako projektant musisz pomóc użytkownikom w uniknięciu tych tragicznych błędów, gdy tylko jest to możliwe. Dzisiaj przyjrzymy się niektórym metodom, które możesz wykorzystać do osiągnięcia tego celu.
Poznaj elementy Envato
O co tyle szumu?
Projektując interfejs, czy to w Internecie, czy w rodzimej aplikacji, zawsze musisz dokładnie rozważyć, co może pójść nie tak. Spróbuj wyobrazić sobie najgorszy scenariusz dla każdego konkretnego działania, które użytkownik podejmie w trakcie korzystania z Twojej aplikacji, i zrób wszystko, aby zrozumieć konsekwencje kliknięcia.
Po co przechodzić wszystkie kłopoty? Ponieważ nie ma nic, co sprawiłoby, że użytkownik nienawidzi aplikacji szybciej, niż gdyby popełnił z nią duży błąd. Niezależnie od tego, czy jest to całkowicie ich wina, czy nie, obwinią aplikację lub przynajmniej wzbudzą nieufność do Twojego produktu. Gdy dajesz użytkownikom możliwość przedyskutowania Twojego produktu, „żal” i „nieufność” to dwa słowa, których nie chcesz wymawiać w rozmowie.
Wskazówka: ssanie komunikatów ostrzegawczych
Teraz, mając na uwadze cel, jakim jest upewnienie się, że użytkownik nigdy nie pomyli się, niektórzy projektanci interfejsu użytkownika przesadzą i wprowadzą komunikaty ostrzegawcze dla każdego małego działania, które użytkownik może podjąć. Niestety z punktu widzenia użytkownika jest to najbardziej denerwująca rzecz, jaką może zrobić programista.
Jeśli wydaje mi się, że zbyt mocno trzymasz mnie za rękę w trakcie korzystania z aplikacji, będę oburzony, że myślisz, że jestem idiotą. Szybko też sfrustruję mnie, że wszystko trwa tak długo, ponieważ muszę ciągle powtarzać te same komunikaty ostrzegawcze.
Kiedy więc mogę użyć komunikatu ostrzegawczego?
Prawdziwą sztuczką dla Ciebie, gdy planujesz aplikację, jest zdecydowanie, jakie działania zasługują na komunikaty ostrzegawcze. Jest szczęśliwy środek między nigdy ostrzeganiem użytkownika a przesadzaniem, i jest to trudne miejsce do znalezienia.
Pytanie przewodnie jest proste: „Jak łatwo jest rozwiązać problem, jeśli coś pójdzie nie tak?” Postaw się w sytuacji użytkownika i spróbuj wyobrazić sobie najgorszy scenariusz.
Wyobraźmy sobie sytuację, w której budujesz prostą aplikację do zrobienia podobną do powyższej Wunderlist. Jednym z działań, które użytkownik może podjąć, jest sprawdzenie zadania i usunięcie go. Jeśli zrobią to przypadkowo lub zmienią zdanie, idealnie będą w stanie to odzyskać. Ale nawet bez tego funkcjonalnie ponowne wpisanie prostego tytułu do wykonania naprawdę nie jest tak dużym wysiłkiem. Usunięcie błędu może zająć tylko chwilę. Biorąc pod uwagę ten fakt, komunikat ostrzegawczy prawdopodobnie nie będzie potrzebny do usunięcia todo.
A jeśli ten sam użytkownik chce usunąć całą listę rzeczy do zrobienia? To może potencjalnie mieć katastrofalne skutki. Jeśli mam ponad sto rzeczy do zrobienia i przypadkowo usunę całą listę, oszaleję, jeśli jej nie odzyskam. W takim przypadku komunikat ostrzegawczy jest zdecydowanie odpowiedni.
Pomóż zapobiegać awariom
Teraz, gdy wyczuwamy, jak komunikaty ostrzegawcze mogą być dobre lub złe, nadszedł czas, aby przyjrzeć się kilku różnym metodom, z których możesz skorzystać i w jaki sposób zapobiegają one wpadkom użytkowników. Niektóre z nich używają komunikatów ostrzegawczych, inne są bardziej sprytne i taktowne.
Ostrzeżenia wyprzedzające
Powodem, dla którego komunikaty ostrzegawcze są tak irytujące, jest to, że powstrzymują cię przed śmiercią. Jest to przyjemne tylko wtedy, gdy zdasz sobie sprawę, że miałeś wielki błąd, a reszta czasu po prostu blokuje ci postęp.
Jednym ze sposobów na wyeliminowanie tego, a jednocześnie pomaganie użytkownikom w zapobieganiu błędom, jest stosowanie ostrzeżeń zapobiegawczych. Nie przeszkadzają ci one ani nie hamują twoich postępów, ale pomagają ci zrozumieć, że popełniłeś błąd.
Najczęściej widzisz to w sprawdzaniu poprawności formularza na żywo. Sprawdź, jak formularz rejestracyjny Mailchimp mówi mi, że popełniłem błąd po wpisaniu nazwy użytkownika, która ma tylko trzy znaki.
Jesteś pewny?
Jest to najczęstszy rodzaj ostrzeżenia używany w aplikacjach internetowych i natywnych. Właśnie to widzieliśmy wcześniej w Wunderlist: wyskakujące pudełko, zatrzymuje wszystko, co próbujesz zrobić, i pyta, czy to jest coś, co naprawdę chciałeś zrobić.
Prawdopodobnie zobaczysz je prawie codziennie, jeśli pracujesz na komputerze. Na przykład użytkownicy komputerów Mac widzą jeden, gdy próbują opróżnić kosz.
Jeśli porównamy decyzję Apple o umieszczeniu tego tutaj na podstawie kryteriów, które ustaliliśmy wcześniej, to się sprawdza. Jak stwierdza okno, opróżnianie kosza nie jest czymś, co użytkownik może zrobić. Gdy wciśniesz ten przycisk, te pliki znikną, chyba że jesteś typem inteligentnego kujona, który wie, jak je odzyskać.
Co chcesz się wydarzyć?
Czasami dane działanie można interpretować na więcej niż jeden sposób. W takich sytuacjach musisz albo wybrać interpretację jako projektant, albo dać użytkownikowi możliwość wyboru, jakie będą konsekwencje działania.
Photoshop jest tego doskonałym przykładem. Po przeciągnięciu maski warstwy do kosza pojawi się następujące okno.
Tutaj Photoshop mówi: „Hej, wiem, że chcesz, żebym porzucił tę warstwę maski, ale czy powinienem ją najpierw zastosować?” Jest to przydatna opcja, ponieważ czasami rzeczywiście tak naprawdę chcę, aby maska całkowicie zniknęła, a innym razem chcę ją zastosować do warstwy. Zapewniają również ukryty skrót klawiaturowy (Opcja) dla profesjonalnych użytkowników, którzy chcą pominąć to okno.
Nigdy więcej tego nie pokazuj
Z komunikatu ostrzegawczego Adobe można wyciągnąć kolejną interesującą lekcję. Zauważ, że ma to małe okienko z napisem „Nie pokazuj więcej”. Jest to naprawdę sprytny sposób na uzyskanie najlepszego z obu światów jako programisty. Twoim obowiązkiem jest zawsze ostrzegać użytkowników przed ryzykownymi działaniami, ale także dać im możliwość rezygnacji z takich ostrzeżeń, jeśli nie potrzebują ich.
Pakiet Adobe Creative Suite jest przepełniony irytującymi komunikatami ostrzegawczymi, a ta możliwość rezygnacji pozwala mi uniknąć szaleństwa podczas korzystania z ich aplikacji.
Tymczasowe anulowanie
Dzisiaj, kiedy poszedłem usunąć film z YouTube, zauważyłem sztuczkę z interfejsem użytkownika, której nigdy wcześniej nie widziałem. Pojawiło się ostrzeżenie, aby poinformować mnie, że zamierzam usunąć wszystkie filmy z mojego konta, co oczywiście jest dość sporą sprawą i prawdopodobnie częściej niż przypadkowym wyborem.
Dziwne było to, że zamiast pozwolić mi od razu rozpocząć akcję, dali mi wiadomość, przycisk anulowania i przycisk z zegarem.
Dopiero po krótkim odliczaniu drugi przycisk zmienił się w coś, co pozwoli mi usunąć filmy. Do tego czasu zmusiło mnie to do anulowania lub przeczytania wiadomości i upewnienia się, że wiem, w co się pakuję.
Jest to całkiem sprytny mały pomysł, ale pamiętaj, że użytkownicy mogą uznać go za wyjątkowo denerwujący. Zachowaj ten poziom ostrożności dla działań, które naprawdę mają tragiczne konsekwencje, z których nie ma powrotu. Być może, jeśli użytkownik chce całkowicie zeskrobać swoje konto lub usunąć dużą ilość danych.
Pokaż wynik przed akcją
Jednym z moich ulubionych sposobów, w jaki widziałem, jak programiści zapobiegają wpadkom, nie jest w ogóle komunikat ostrzegawczy. Zamiast tego jest to prosty podgląd tego, jak będą wyglądać rzeczy po podjęciu działania.
Jest świetna bezpłatna aplikacja dla komputerów Mac o nazwie NameChanger, która świetnie sobie z tym radzi. Aplikacja ma na celu pomóc Ci wsadowo zmienić nazwę kilku plików. Po lewej stronie znajduje się kolumna pokazująca bieżące nazwy plików i tekst, który ma zostać zastąpiony. Po prawej stronie znajduje się kolumna pokazująca tekst, który chcesz wstawić, i wynikowe nazwy plików.
Sprytną częścią jest to, że to wszystko jest tylko podgląd, nazwy plików nie są zmieniane, dopóki nie kliknę w górę przycisku „Zmień nazwę”. To pozwala mi dokładnie zbadać, co zamierzam zrobić i zdecydować, czy wszystko jest w porządku. Widziałem także, że aplikacje FTP używają tej samej techniki podczas synchronizacji zawartości dwóch folderów. Biorąc pod uwagę, że możesz przypadkowo usunąć cenne informacje, to niesamowite, że podgląd pokazuje, jak będą wyglądać foldery po akcji.
Jak zapobiegasz wpadkom użytkowników?
Jeśli tworzysz aplikację dla kogokolwiek poza tobą, możesz niemal całkowicie zagwarantować, że wystąpią zamieszanie w związku z niektórymi aspektami interfejsu. Uważne rozważenie błędu użytkownika jest koniecznością we wszystkich aspektach projektowania, a powyższe wskazówki powinny pomóc Ci zacząć we właściwym kierunku podczas tworzenia struktury przepływów pracy aplikacji.
Teraz, gdy już widziałeś moje przykłady, nadszedł czas, aby zagrać z własnymi. Jak pomagasz swoim użytkownikom unikać błędów? Jakie inne witryny widziałeś w Internecie z ciekawymi rozwiązaniami, takimi jak te, które widzieliśmy na YouTube?
