Cztery techniki projektowania UX zachęcające do zaangażowania użytkowników

Zachęcanie użytkowników do pozostawania na stronie i korzystania z niej nie zawsze wiąże się ze szczuplejszym kodem lub ładniejszą grafiką. Niektóre z najprostszych układów, takich jak Reddit, wciąż angażują użytkowników w treść i cieszą się z interakcji z witryną.

Sekret tkwi w doświadczeniu użytkownika i rozważanie w jaki sposób funkcje strony internetowej. Interakcje wynikają z elementów strony i przepływów akcji, które przenoszą się z jednej strony na drugą.

W tym poście przyjrzę się niektórym Techniki projektowania UX które można zastosować do popraw doświadczenie użytkownika i zwiększ zaangażowanie użytkowników. Pamiętaj, że nie zawsze mają one zastosowanie do każdej strony internetowej i ważniejsze jest zrozumienie, dlaczego te techniki działają, abyś mógł użyć własnego osądu.

Temat doświadczenia użytkownika jest ogromny i wymaga cierpliwości, aby w pełni go zrozumieć. Ale im więcej ćwiczysz, tym więcej zrozumiesz

Najlepszą rzeczą jaką możesz zrobić, to baw się na stronach, które lubisz i rozwiązać co lubisz o nich. Z twoich doświadczeń możesz ekstrapolować spójne pomysły i dowiedzieć się, co sprawia, że (a może i inni) angażujesz się na stronie.

1. Użyj opcji Kontrast, aby zwrócić uwagę

Każda strona jest zbudowana z garstki elementów stworzonych do interakcji użytkownika. Hiperłącza, przyciski, pola wprowadzania, widgety paska bocznego, lista jest długa. Nie wszystkie elementy powinny być jednakowe. Niektóre z nich są oczywiście ważniejsze dla zaangażowania gości i powinny być zaprojektowane z wyższy kontrast wyróżniać się spośród innych elementów na stronie.

Ten pomysł wynika z wysokiego kontrastu kolorów i sposobu, w jaki ludzie przetwarzają dane wizualne we wzorach. Kiedy coś wyróżnia się z otoczenia, czy to kolorem, rozmiarem, kształtem, czy białą spacją, może to zrobić wydają się ważniejsze na podstawie kontekstu.

Użyj kontrastu, aby zwrócić uwagę na pewne elementy strony, które angażują odwiedzających do konkretnego zadania. Jeśli Twoim celem jest zbudowanie większej liczby subskrypcji biuletynu, skrzynka subskrypcji może mieć jasny animowany przycisk rejestracji lub unikalną ikonę wektorową.

Celem jest przyciągnięcie uwagi przez zbudowanie interfejsu, który przyciąga użytkowników do wykonywania pożądanych działań..

Jeśli masz czas, warto przeprowadzić kilka studiów przypadku A / B, aby zobaczyć, które kolory / elementy grają najlepiej razem. Statystyki są trudne do wskazania, ale będziesz zaskoczony, ile można się nauczyć z prostego testu podziału.

2. Gustowna animacja interfejsu użytkownika / UX

Niedawno natknąłem się na post zatytułowany What Is Disney Know About Interface Animation. Obejmuje najważniejsze punkty animacji i ich wpływ na psychikę użytkowników korzystających z płaskiego ekranu 2D.

Różne typy animacji mogą sugerować pewne zachowania. Na przykład po najechaniu kursorem na przycisk może się on odbić, aby pokazać, że jest klikalny. Komunikaty o błędach często wstrząsają, aby zwrócić uwagę użytkownika.

Zapamietaj to Animacja UX powinna być widoczna, ale subtelna. Dzikie animacje ponadgabarytowe są bardziej przeznaczone dla telewizji i filmów niż interfejsów.

Ale to nie znaczy, że twoje interfejsy powinny pozostać płaskie. W rzeczywistości większość użytkowników tak raczej mieć jakiś rodzaj animacji, ponieważ daje złudzenie płynniejszego doświadczenia. Projekt cyfrowy jest częściowo związany tworzenie iluzorycznego interfejsu, ale bardziej realistyczne pojawia się, im więcej użytkowników będzie chciało wchodzić w interakcje.

3. Elastyczne projektowanie jako wymaganie

Można śmiało powiedzieć, że duża część internautów przegląda swoje telefony komórkowe. Linki udostępniane serwisom społecznościowym, takim jak Facebook i Twitter, są często odwiedzane na smartfonach i tabletach.

Oznacza to, że każda strona internetowa powinna być w pewien sposób zoptymalizowana pod kątem urządzeń mobilnych - najlepiej z całkowicie responsywnym projektem.

Kiedy jesteś zmuszony do rozważenia rozmiaru ekranu, to umieszcza funkcje krytyczne w zupełnie nowym świetle. Jako projektant musisz wybrać, które funkcje są najważniejsze i jak powinny wyglądać na mniejszych ekranach. Ta responsywna strategia projektowania wymaga czasu, ale najlepszym sposobem jest przestudiowanie innych stron internetowych i wybranie odpowiednich technik.

Prawda jest taka responsywne prace projektowe i z każdym rokiem staje się coraz bardziej akceptowany przez społeczność projektantów.

Użytkownicy oczekują również, że strony internetowe będą w pełni responsywne, aby zaspokoić potrzeby każdego ekranu urządzenia. Gdy witryna nie pasuje do przeglądarki mobilnej, może to zniechęcać użytkownika.

4. Uprość proces interakcji

Smashing Magazine opublikował ostatnio jeden z najlepszych postów, które przeczytałem na poparcie uproszczenie projektowania interfejsu. Stwierdza, że nikt nie chce przeskakiwać przez obręcze, aby korzystać z witryny lub aplikacji. Ludzie są zainteresowani tylko wynik końcowy, i najszybszy sposób, aby się tam dostać.

Lubię tworzyć schematy blokowe UX dla każdego interaktywnego elementu strony za każdym razem, gdy szkicuję makiety. Pomagają one wyobrazić sobie, jak powinna wyglądać strona i funkcjonować.

Ale tak naprawdę nie ma znaczenia, jak zaplanujesz to doświadczenie. Tylko upewnij się, że planujesz najszybsze i najprostsze doświadczenie możliwe. Jeśli chodzi o zachęcanie do aktywności, będziesz chciał mieć ważne rzeczy sugerowane przez projekt.

Jeśli ktoś wyląduje na twojej aplikacji internetowej i nie rozumie, jak się od razu zarejestrować, jest to ogromny problem. Powinno być rażąco oczywiste do użytkownika, co robi twoja witryna i jak mogą być poza nią.

Najlepszym miejscem do rozpoczęcia jest badanie projektu UX i procesu interakcji użytkowników z interfejsem. Stamtąd będziesz mógł wyciągać wnioski istotne dla własnych projektów i idealnie uprościć interfejsy do ich największego potencjału.

W celu uzyskania powiązanej lektury na temat aktywność użytkownika, sprawdź te posty:

Breaking Web Design Conventions = Przełamanie doświadczenia użytkownika
Archiwa użyteczności i doświadczenia użytkownika na Smashing Magazine
Koncepcje projektowania sieci do interakcji użytkownika

Zakończyć

Nie ma jednej odpowiedzi na pytanie, jak zaprojektować (lub naprawić) strony internetowe w celu zwiększenia użyteczności. Tak, jest kilka rzeczy, które możesz wypróbować, ale każda strona jest trochę inna i badanie projektu UX jest bardzo skomplikowane.

Mam nadzieję, że ten artykuł pozwoli ci zacząć myśleć o pewnych typowych technikach tworzenia wysoce użytecznych interfejsów. Najlepszą rzeczą, jaką możesz zrobić, jest postawienie się w sytuacji typowego użytkownika i próba określenia głównych wad interfejsu. Po rozpoznaniu problemu jesteś już w połowie drogi do rozwiązania!