7 sposobów na delektowanie się użytkownikami z animacją
"Delight" to słowo, które słyszymy i używamy częściej, aby opisać przyjemne chwile w naszych produktach. Rozkosz to magia, która sprawia, że zakochujemy się w produkcie. Jest to podstawowy element, do którego należy dążyć podczas projektowania. Jeśli chodzi o zapewnienie przyjemności lub rozkoszy w naszych witrynach i aplikacjach, animacje wiele wnoszą.
Dlaczego zachwycająca animacja jest ważna
Projektowanie cyfrowe odgrywa kluczową rolę w postrzeganiu produktu przez klientów. Nowoczesne wzornictwo jest bardzo skoncentrowane na użyteczności, ponieważ użyteczność pozwala ludziom łatwo realizować swoje cele. Jednak projektowanie dla wygody użytkownika ma o wiele więcej zalet niż stworzenie użytecznego produktu. Dobry projekt jest przyjemny i uwodzicielski. Dobry projekt jest zachwycający . "W tym momencie ewolucji projektu zadowolenie powinno być normą, a rozkosz powinna być celem" - mówi Stephen Anderson. Animacja może pomóc w osiągnięciu tego celu.
Kiedy używać zachwycającej animacji
Tak jak każda inna animacja elementu projektu powinna przyczynić się do przepływu użytkowników. Zachwycające animacje są przyjemne dla użytkownika, bez uszczerbku dla użyteczności aplikacji. Istnieją dwa przypadki, w których zastosowanie wspaniałej animacji w cyfrowych projektach może wzmocnić UX:
- Wciągająca i rozrywkowa. Rozrywkowa animacja zwraca uwagę na nasze produkty, tworząc mocne pierwsze wrażenie. Może sprawić, że nasze produkty będą bardziej zapadające w pamięć i łatwiej się nimi dzielić.
- Pieczenie emocji w projektowaniu. Pokazywanie ludzkiej strony firmy lub produktu może być bardzo skutecznym sposobem na identyfikację i współodczuwanie odbiorców. Celem projektowania emocjonalnego jest tworzenie szczęścia. Chcesz, aby ludzie czuli się szczęśliwi, gdy używają Twojego produktu.
Spójrzmy na kilka sposobów, w jakie animacja może pomóc w tworzeniu wspaniałych chwil:
1. Zachowaj użytkowników zainteresowanych podczas ładowania
Czas ładowania jest nieunikniony w przypadku większości produktów cyfrowych. Ale kto powiedział, że ładowanie powinno być nudne? Kiedy nie możemy skrócić linii, możemy z pewnością sprawić, że czekanie będzie przyjemniejsze. Aby zapewnić, że ludzie nie będą się nudzić , czekając, aż coś się wydarzy, możesz zaoferować im trochę rozrywki: może to być coś zabawnego lub coś nieoczekiwanego. Animacja nie rozwiąże problemu, ale z pewnością sprawi, że czekanie będzie mniej problematyczne: dobra animacja może odwrócić uwagę użytkowników i sprawić, że będą ignorować długie czasy ładowania.
Kredyty: Dribbble
2. Zrób świetne pierwsze wrażenie
Liczy się pierwsze wrażenie: ludzie oceniają rzeczy na podstawie ich wyglądu. Dobra animacja w całym procesie wdrażania ma duży wpływ na to, w jaki sposób użytkownicy po raz pierwszy zaangażują się w aplikację. Dobre pierwsze wrażenie to nie tylko użyteczność, ale także osobowość. Jeśli Twoje pierwsze ekrany aplikacji wyglądają trochę inaczej niż podobne produkty, okazało się, że cały Twój produkt będzie inny. Na przykład animacja ilustracji do nowej funkcji może uświadamiać użytkownika o tej funkcji w niezapomniany sposób.
Kredyty: Dribbble
3. Spraw, aby twoje interfejsy były bardziej żywe
Twórcza animacja może sprawić, że Twój interfejs użytkownika będzie naprawdę zachwycający: mogą przekształcić znane interakcje w coś znacznie przyjemniejszego i mogą zachęcić użytkowników do interakcji. Uwaga na delikatne ruchy może zwiększyć poziom użyteczności, a przez to i pożądanie produktu.
4. Włączać emocjonalne interakcje
Koncentrowanie się na emocjach użytkowników odgrywa ogromną rolę w interakcjach interfejsu użytkownika. Jak powiedział Aarron Walter w książce Designing for Emotion: "Osobowość jest tajemniczą siłą, która przyciąga nas do pewnych ludzi i odstrasza nas od innych." Za pomocą animacji można nawiązać emocjonalny kontakt z użytkownikami i przypomnieć im, że są prawdziwi ludzie za projektem. Przykład animacja z ReadMe jest pełen emocji.
5. Pomóż użytkownikowi odzyskać system po nieoczekiwanych błędach
"Błędy" się zdarzają. Mają one miejsce w naszych aplikacjach i zdarzają się w naszym życiu. Czasem zdarzają się, ponieważ popełniliśmy błędy. Czasami, ponieważ aplikacja się nie powiodła. Niezależnie od przyczyny, te błędy - i sposób ich obsługi - mogą mieć ogromny wpływ na sposób korzystania z aplikacji przez użytkownika. Dobrze wykonana obsługa błędów może zmienić moment awarii w moment rozkoszy. Wyświetlając nieoczekiwany błąd, użyj go jako okazji do rozkoszowania się animacją.
Kredyty: Dribbble
6. Spraw, aby skomplikowane zadanie było łatwiejsze
Animacja jest w stanie przekształcić złożone zadanie w zachęcające doświadczenie. Weźmy ze sobą skrzynkę MailChimp dla inspiracji. To, co sprawia, że MailChimp jest niesamowity, to jego gładka funkcjonalność otoczona bezczelnym humorem i przyjazną animacją. Kiedy masz zamiar wysłać swoją pierwszą kampanię, towarzysząca animacja pokazuje, jak bardzo jest stresująca. Mailchimp wprowadza empatię do projektu: łącząc animowane filmy z komunikatorami w stylu "to jest Twoja chwila chwały", MailChimp zmiękcza nerwowość wysyłania twoich pierwszych e-maili.
7. Wciągnij zabawę w interakcje
Ludzie lubią odkrywać smakołyki w interfejsach tak samo, jak w prawdziwym życiu. Radość to coś więcej niż przyjemność, odkrycie uczty i uczucie, że ktoś poświęcił czas, aby o tobie pomyśleć.
Kredyty: Dribbble
Ludzie zapomną o tym, co powiedziałeś, ludzie zapomną o tym, co zrobiłeś, ale ludzie nigdy nie zapomną tego, jak je sprawiłeś (Maya Angelou)
Nigdy nie lekceważ potęgi rozkoszy, aby poprawić wrażenia użytkownika. Różnica między produktami, które kochamy, a tymi, które po prostu tolerujemy, jest często rozkoszą, jaką mamy z nimi.
Oczywiście, zanim twoja aplikacja może stworzyć emocjonalne połączenie z użytkownikiem, musi uzyskać podstawowe informacje. Dlatego spraw, aby twój produkt był przyjemny w użyciu, łącząc uczucia z funkcjami!