5 sztuczek, które sprawią, że Twój UX zabłyśnie
Czy ostatnio przeglądałeś analitykę swojej witryny? Szanse są znaczną częścią - może nawet ponad połową - użytkowników odwiedzających witrynę za pośrednictwem urządzenia mobilnego.
Niezależnie od tego, czy koncentrujesz wysiłki na mobilności na stronie internetowej czy aplikacji, musisz upewnić się, że projekt zapewnia niezwykłe wrażenia użytkownika dla każdego z tych użytkowników mobilnych. Nie musisz też zaczynać od zera. Myślenie o użytkowniku mobilnym i jego interakcji z projektem pomoże ukształtować wygląd i działanie interfejsów.
Oto pięć sztuczek projektowych, dzięki którym Twój mobilny UX może być ukochany przez użytkowników.
Poznaj elementy Envato
1. Usprawnij nawigację
Te old-schoolowe mega menu nawigacyjne nie wyświadczają Ci żadnych korzyści - szczególnie jeśli chodzi o urządzenia mobilne. Użytkownicy mobilni mogą mieć najkrótszy okres uwagi ze wszystkich grup użytkowników. Chcą otworzyć stronę internetową lub aplikację i od razu znaleźć to, czego potrzebują.
Projektuj menu nawigacyjne z kilkoma opcjami - spójrz na dane analityczne, aby zobaczyć, czego szuka większość użytkowników, lub przejdź do pierwszej.
Mniej opcji zajmie mniej miejsca na ekranie, co pozwoli na włączenie większej przestrzeni do projektu, co jest idealne pod względem dotyku i czytelności.
Chociaż nie będziemy tutaj dyskutować o zaletach ikony hamburgera, wyskakująca nawigacja jest wzorem, do którego użytkownicy są przyzwyczajeni. Upewnij się tylko, że jeśli planujesz wysunąć lub wysunąć menu nawigacyjne, użytkownicy mają do dyspozycji wyraźny identyfikator wizualny.
Aplikacja Ebates wykorzystuje dwa poziomy nawigacji: jeden to lista ich najlepszych ofert, a drugi to lista ulubionych sklepów w ulubionych (na ikonie hamburgera / serca). Żadna z opcji nie wydaje się ciężka. Prawie wygląda i działa jak treść. Cały projekt to nawigacja bez przytłaczania.
2. Myśl gestami (i dotykiem)
Użytkownicy mobilni komunikują się ze swoimi urządzeniami zupełnie inaczej niż użytkownicy komputerów stacjonarnych. Twój interfejs użytkownika powinien to uwzględnić.
Projekt powinien wykorzystywać gesty do wykonywania określonych czynności. Interfejs korzystający ze zwykłych i intuicyjnych elementów sterowania zachwyci użytkowników.
Te gesty obejmują:
- Dotknij i dotknij dwukrotnie
- naciśnij
- Utrzymać
- Przeciągnij i upuść
- Przewiń (jednym i dwoma palcami)
- Powiększanie i pomniejszanie
- Trzepnąć
- Trzepnięcie
Jeśli chodzi o gesty mobilne, to nowe kliknięcia.
I kiedy myślisz o interakcjach dotykowych, nie zapomnij o dotykach. Subtelne „uderzenie” z urządzenia do noszenia lub wibracje z telefonu w kieszeni to powiadomienia dotykowe, mechaniczna symulacja dotyku za pomocą wibracji lub ruchu.
Sztuką haptyczną jest to, że interakcje są subtelne i dość dyskretne. Chociaż użytkownik może wiedzieć, że jest powiadomienie, inni często tego nie robią. Interfejs dotykowy staje się coraz bardziej popularny i wydaje się, że otrzymuje pozytywną odpowiedź od użytkowników.
Na przykład gra Two Dots wykorzystuje nierówność za każdym razem, gdy usuwasz kropki w określony sposób. Bezgłośna opcja zapewnia dyskretną grę i zapewnia użytkownikom wspaniałe wrażenia.
3. Spraw, aby był konwersacyjny
Ludzie lubią czuć się, jakby rozmawiali i komunikowali się z innymi ludźmi. Na szczęście dla projektantów, odrobina sztucznej inteligencji i chatboty mogą pomóc w tworzeniu tych interakcji, dzięki czemu nie musisz być w gotowości do sesji czatu na żywo 24 godziny na dobę.
Istnieją trzy sposoby utworzenia interfejsu konwersacyjnego:
- Napisz kopię w swoim interfejsie, która ma bardziej osobisty charakter. Od długich bloków tekstowych po małe fragmenty mikrokopii, tekst powinien mieć osobowość, na przykład powyżej w aplikacji WTFWeather. Należy to czytać tak, jak mówią ludzie. Zachowaj ostrożność, by w wiadomościach zabrzmieć zbyt formalnie lub w sposób zrobotyzowany.
- Korzystaj z funkcji przesyłania wiadomości lub chatbotów, aby tworzyć natychmiastowe interakcje z użytkownikami. Może to być świetne narzędzie do obsługi klienta, a także pomóc w budowaniu lojalności klientów, jeśli ktoś zawsze pomaga im w rozwiązywaniu problemów.
- Zintegruj głosowy interfejs użytkownika z projektem. Siri i Alexa są nazwiskami domowymi dzięki interfejsom głosowym. Kolejny bonus do integracji poleceń głosowych? Sprawi, że twoja strona internetowa lub aplikacja będzie bardziej dostępna.
4. Animuj to
Wygląda na to, że na prawie każdej odwiedzanej stronie znajdują się elementy animowane. I to z założenia. Animacja może ożywić projekt.
Animowane elementy są bardzo angażujące, ponieważ przyciągają uwagę użytkowników i mogą pomóc użytkownikom w lepszym współdziałaniu z projektem. (Wraca do klasycznego pomysłu „pokaż, nie mów” podczas tworzenia projektu).
Na przykład w Mapach Google jest mnóstwo animacji. Przy następnym użyciu zwróć uwagę.
Nick Babich, z UX Planet, ma świetny podkład w zastosowaniach do animacji w projektowaniu mobilnego interfejsu użytkownika. Naszkicował trzy kluczowe zastosowania, jak dobrze wykorzystać ruch.
- Dla statusu systemu: Użyj animacji, aby pokazać status ładowania, do odświeżenia treści i powiadomień.
- Nawigacja i przejścia: Użyj animacji, aby pomóc użytkownikom poruszać się między różnymi typami treści, ustalić wizualną hierarchię między elementami i pokazać zmianę stanu.
- Informacje wizualne: użyj animacji, aby pokazać potwierdzenie działania lub pomóc w wizualizacji wyniku działania.
5. Dobrze na pokładzie i prawidłowo używaj formularzy
W szczególności w przypadku aplikacji wdrożenie jest kluczowe dla lojalności użytkowników.
Pomyśl o ostatniej pobranej grze. Czy wskoczyłeś od razu? A może potrzebujesz krótkiego samouczka, aby zapewnić sukces?
Interaktywne wdrażanie aplikacji pomoże użytkownikom nauczyć się, jak w pełni korzystać z funkcji dostępnych dla użytkownika. Zabawna opcja pomoże również przenieść ich do lojalnych użytkowników. Skróć samouczek dołączania i upewnij się, że zawiera często zadawane pytania lub sekcję pomocy, aby użytkownicy mogli do niego wrócić w razie problemów.
W przypadku witryn mobilnych wprowadzanie na pokład jest mniej ważne, ale problemem mogą być formularze rejestracyjne lub rejestracyjne. Formularze na urządzeniach mobilnych muszą być proste i łatwe. Użytkownicy nie lubią dużych, skomplikowanych formularzy.
Usprawnij formularze na komórki, aby zwiększyć liczbę konwersji. (Zawsze możesz później poprosić o dodatkowe informacje).
Spójrz na prosty punkt początkowy GoodRx powyżej. Prosi tylko o lek, o którym chcesz wiedzieć więcej. Forma jest skupiona i jest bardzo prosta.
Poproś tylko o odrobinę informacji - adres e-mail. To wszystko, czego potrzebujesz, aby rozpocząć relację z użytkownikiem. Jeśli witryna lub aplikacja wymaga zalogowania, trzymaj się adresu e-mail i hasła.
Zaprojektuj formularz w taki sposób, aby pola były łatwe do wypełnienia (z punktu widzenia wielkości) i rozważ porzucenie funkcji autouzupełniania, aby zmniejszyć ryzyko pomyłkowo wpisanych adresów e-mail. Jeszcze jedna sztuczka? Skorzystaj z formularza logowania społecznościowego, gdy możesz jeszcze bardziej uprościć proces. Użytkownicy są przyzwyczajeni do tego procesu i jest dla nich łatwy… i mniej prawdopodobne jest, że wystąpią błędy.
Wniosek
Doświadczenie użytkowników mobilnych jest jedną z najważniejszych rzeczy, o których należy pomyśleć przy tworzeniu witryny lub aplikacji. A użytkownik mobilny musi cały czas się zmieniać.
Stwórz interfejs, który jest łatwy w użyciu i wykorzystuje nowoczesne technologie i funkcje, aby stworzyć coś, z czym użytkownicy będą chcieli korzystać w kółko.
