7 sekretów ulepszania UX z mikro-interakcjami
Wiedząc, że wszyscy osądzamy książkę po okładce, inteligentni projektanci tworzą chwytliwe i praktyczne interfejsy. Potencjalni użytkownicy mogą być uzależnieni, ale w jaki sposób można je całkowicie nawinąć?
Próbując odpowiedzieć na to pytanie, wszystkie drogi prowadzą do skoncentrowanego na człowieku podejścia projektowego , w którym głównym celem jest użytkownik. Bądź człowiekiem: twoja aplikacja powinna mówić tym samym językiem, którego używamy na co dzień, w tym emocjami, mową potoczną i szczyptą "come-hither". Interfejs powinien być twoim dobrym przyjacielem, gotowym służyć radą, aby zwiększyć twoje wrażenia i sprawić, byś się roześmiał.
Zasłony, uderzają w światła: wchodzą w grę mikro- interakcje. Mówiąc dokładniej, chodzi o interaktywne animacje, które zawierają interfejs, aby uczynić go bardziej atrakcyjnym. Dobra animacja może:
- Komunikuj status i wyrażaj opinie
- Wzmocnij poczucie bezpośredniej manipulacji
- Pomóż ludziom zwizualizować wyniki swoich działań
W UX ważne jest, jak radzisz sobie z użytkownikami i jak się czują podczas korzystania z produktu. Nawet drobniejsze szczegóły zasługują na szczególną uwagę. Mikrointerakcje dostarczają użytkownikom potrzebnych informacji zwrotnych i zrozumienia bieżących procesów, czyniąc interfejs przystępnym, bez względu na to, jak skomplikowana może być logika stojąca za nim.
1) Pokaż status systemu
Pierwszy zasada heurystyki użyteczności Jakob Nielsen stwierdza: informuj użytkownika o tym, co się dzieje. Użytkownicy oczekują natychmiastowych odpowiedzi, ale zdarzają się sytuacje, gdy witryna potrzebuje trochę czasu, zanim działanie zostanie zakończone.
Interfejs powinien więc informować użytkownika o tym, co się dzieje, wyświetlając grafikę w tle, mierząc bitrate lub odtwarzając dźwięk. Ta sama zasada dotyczy przesyłania plików: nie pozwól, aby Twój użytkownik się nudził; pokaż im postęp. Nawet niezbyt przyjemne powiadomienie, takie jak niepowodzenie transferu, powinno być dostarczone w uroczym stylu. Spraw, aby Twój uśmiech się uśmiechał!
2) Zaznacz zmiany
Często, aby zaoszczędzić miejsce, aplikacja po prostu zamieni jeden przycisk na inny, gdy będzie potrzebny. Czasami musimy wyświetlać powiadomienia, aby upewnić się, że użytkownik je widzi. Animacja przyciągnie ich uwagę i nie pozwoli użytkownikom przeoczyć tego, co uważasz za ważne.
3) Zachowaj kontekst
W dobie smartfonów i inteligentnych zegarków z małymi ekranami może być trudno dopasować wiele informacji na jednym ekranie. Jednym ze sposobów radzenia sobie z nim jest zachowanie przejrzystej nawigacji między różnymi stronami; dzięki czemu użytkownik rozumie, co się pojawiło i jest w stanie łatwo nawigować z powrotem. Istnieje wiele opcji na to:
4) Niestandardowe układy
Kontynuując powyższe przykłady, mikro- interakcje powinny pomóc użytkownikom zrozumieć, jak współpracować z nietypowymi układami bez zbędnego zamieszania. Zdjęcia przewijające się do przodu, przewijane wykresy i obracające się znaki są świetnymi opcjami:
5) Wezwania do działania
Oprócz pomagania użytkownikowi w efektywnej interakcji z aplikacją, mikro-interakcje mogą zachęcać użytkowników do rzeczywistej interakcji: kontynuuj przeglądanie, polub lub dziel się treścią, tylko dlatego, że jest atrakcyjna i nie chcą opuszczać:
6) Wizualizuj dane wejściowe
Wprowadzanie danych jest jednym z najważniejszych elementów każdej aplikacji. Uzyskane wyniki jakościowe zależą od wprowadzonych danych. Z reguły jest to dość nudne, ale mikro-interakcje zmieniają ten proces w coś wyjątkowego:
7) Spraw, by tutoriale ożyły
Oczywiście animacje mogą pomóc w kształceniu użytkowników po uruchomieniu aplikacji, podkreślając podstawowe funkcje i elementy sterujące potrzebne do dalszego użytkowania bez żadnych problemów.
Wnioski
Tak więc, jeśli cenisz sobie doświadczenie użytkownika, wypoleruj interfejs od A do Z, doprawiając go mikropozycjami i animacjami. Będzie tchnąć życie w swój projekt.
Dbałość o każdy szczegół jest kluczem do sukcesu, dzięki czemu interakcja człowiek-komputer jest łatwa w użyciu.