Zachwyć użytkowników tymi najlepszymi praktykami projektowania aplikacji mobilnych

Aplikacja mobilna to zbiór połączonych środowisk. Zadaniem projektanta jest, aby te doświadczenia były spójne i bezproblemowe. To niełatwe zadanie. Wzorce i komponenty interfejsu użytkownika muszą wyglądać i zachowywać się spójnie na wszystkich ekranach. Interakcje muszą być intuicyjne i dopasowane do pożądanych wyników użytkowników. Cała aplikacja musi zawierać wytyczne dotyczące ułatwień dostępu.

Badania i testy użytkowników to najlepsze sposoby na odkrycie szczegółowych informacji potrzebnych do osiągnięcia trwałego sukcesu przez aplikację. Istnieją jednak powszechnie stosowane najlepsze praktyki, które mogą pomóc w projektowaniu aplikacji mobilnych, które zachwycają i zatrzymują użytkowników na dłuższą metę.

Uprość i usprawnij proces wdrażania

Badania wskazują, że użytkownicy, którym przedstawiane są samouczki wprowadzające, mają tendencję do postrzegania zadań jako trudniejszych w porównaniu z tymi, którzy nie widzą samouczków. W niektórych sytuacjach ekrany wprowadzające i podpowiedzi mogą być skutecznym sposobem na wprowadzenie kluczowych funkcji aplikacji i zachęcenie użytkowników do angażowania się w aplikację w ramach rutyny. Jednak proszenie użytkowników o przejrzenie więcej niż trzech lub czterech ekranów wprowadzających lub przeczytanie zbyt dużej ilości informacji z góry może być uciążliwe; użytkownicy często woleliby sami załatwić sprawę.

Ogólnie rzecz biorąc, interfejs użytkownika aplikacji powinien być tak dobrze znany i intuicyjny, że nie wymaga samouczka. Jeśli jednak uznasz za konieczne stosowanie strategii onboardingowych, ogranicz liczbę kroków w samouczkach i, jeśli to możliwe, pokaż je tylko w kontekstach związanych z działaniami, które użytkownicy już podejmują. Ponadto ogranicz podpowiedzi do kilku najważniejszych funkcji aplikacji.

Oferuj te same funkcje w wersji aplikacji i na komputery

Wraz ze wzrostem ruchu w sieci mobilnej większość użytkowników oczekuje, że będą mogli wykonywać te same zadania na swoich urządzeniach mobilnych, co na komputerach stacjonarnych. Podczas gdy jedno z badań pokazuje, że większość użytkowników nadal woli wykonywać skomplikowane zadania na swoich komputerach, badanie Pew wykazało, że 15% dorosłych Amerykanów używa smartfonów jako jedynego sposobu dostępu do Internetu. Na przykład niemożność uzyskania dostępu do wszystkich funkcji aplikacji bankowości mobilnej może być źródłem frustracji, która ostatecznie prowadzi użytkowników do przeniesienia ich działalności w inne miejsce.

Zarządzanie oczekiwaniami dotyczącymi wdrażania funkcji może być różnicą między dobrą recenzją aplikacji a złą recenzją aplikacji. Jeśli musisz uruchomić swoją aplikację przed wdrożeniem jej pełnego zestawu funkcji, wyjdź poza publikowanie ekranu „Wkrótce” i utwórz ogólnodostępną mapę drogową funkcji, aby określić dokładne oczekiwania.

Mądrze korzystaj z powiadomień

Powiadomienia to jedne z najpotężniejszych narzędzi do zatrzymywania użytkowników, które w odpowiednim czasie zapewniają ponowne wejście do aplikacji i interakcję z treścią. Jednak ważne jest, aby wziąć pod uwagę częstotliwość i czas wysyłania powiadomień push — wraz z oferowaną przez nie treścią. Odbieranie zbyt wielu pingów lub nieregularnych impulsów może spowodować, że użytkownicy całkowicie wyłączą powiadomienia.

Kiedy wyświetlasz powiadomienie, trzymaj je kontekstowo; na przykład poproś o pozwolenie na dostęp do aparatu, gdy użytkownicy próbują zrobić zdjęcie. Dodaj szczegółowe ustawienia powiadomień, które są łatwo dostępne, aby użytkownicy mogli dostosować powiadomienia do swoich potrzeb. Powstrzymaj się także od proszenia użytkowników o zezwolenie na powiadomienia do czasu trzeciej lub czwartej interakcji z Twoim produktem, po tym, jak mieli okazję zapoznać się z Twoją aplikacją i wynikającą z niej wartością.

Zadbaj o to, by Twoje widoki w sieci były wolne od frustracji

Widoki internetowe umożliwiają programistom i projektantom szybkie i tanie iteracje — oraz wprowadzanie zmian między aktualizacjami aplikacji. Umiejętnie użyte, mogą zaoszczędzić czas na opracowywanie i uprościć UX, utrzymując użytkowników w aplikacji, jednocześnie wyświetlając z góry określoną stronę.

Widoki internetowe również przynoszą korzyści użytkownikom. Na przykład ułatwiają aplikacji dostęp do sprzętu urządzenia, takiego jak kamera. Ponadto wiele aplikacji używa widoków internetowych do uwierzytelniania użytkowników, którzy mogą logować się za pomocą swojego menedżera haseł, a następnie bezproblemowo przekierowywać z powrotem do aplikacji.

Jednak użytkownicy nie będą tolerować tarcia, jeśli chodzi o przełączanie kontekstu między natywną aplikacją a widokami internetowymi. Konieczność przechodzenia tam iz powrotem między aplikacją a przeglądarką w celu wykonania zadania jest kiepskim doświadczeniem użytkownika.

Zoptymalizuj swoją aplikację pod kątem słabej łączności

Każda aplikacja, która nie jest zoptymalizowana do obsługi najbardziej krytycznych zadań przy słabej łączności, jest słaba. Na przykład, jeśli użytkownicy rezerwują plany podróży lub dokonują płatności e-commerce, upewnij się, że ich działania są zapisywane, a następnie wykonywane, gdy tylko odzyskasz połączenie.

Jeśli Twoja aplikacja wymaga ciągłego połączenia, komunikuj użytkownikom, że potrzebują połączenia, aby kontynuować, zamiast przedstawiać im niekończący się spinner lub, co gorsza, nic. Użytkownicy, którzy obawiają się podwójnego obciążenia, stracą zaufanie i ostatecznie porzucą Twoją aplikację.

Zachowaj spójność wzorów i komponentów

Spójność wizualna jest koniecznością, jeśli chodzi o produkty cyfrowe. Niewdrożenie i nieprzestrzeganie wskazówek wizualnych świadczy o braku profesjonalizmu i może podważyć zaufanie wśród użytkowników. Równie istotna jest spójność empiryczna. Na przykład komponenty i wzorce, takie jak przyciski, formularze, menu i pulpity nawigacyjne, powinny nie tylko mieć jednolity styl, ale także zachowywać się spójnie w całej aplikacji, bez względu na typ strony.

Jako projektant aplikacji mobilnych tworzysz coś więcej niż tylko zbiór widoków; jesteś projektantem systemów UI. Aby zaszczepić spójność podczas rozpoczynania nowego projektu, poeksperymentuj z różnymi systemami projektowania, takimi jak wytyczne Apple Human Interface Guidelines i Google Material Design, aby określić, który jest najbardziej odpowiedni dla urządzeń użytkowników.

Zmniejsz hałas w swoim interfejsie użytkownika

Pudełkowate interfejsy użytkownika są przeniesione z projektowania oprogramowania z lat 90-tych. Oprócz tego, że wygląda na przestarzały, styl zawiera zbyt wiele linii, obramowań i jednolitych kształtów, które tworzą nadmierny szum wizualny i utrudniają użytkownikom przetwarzanie informacji na ekranie.

Jednak niektóre struktury pomocnicze są niezbędne, aby pomóc użytkownikom zrozumieć hierarchię wizualną strony. Chociaż nie ma magicznej formuły, błądź mniej i oszczędnie używaj struktur pomocniczych, takich jak linie, jednolite tło i cienie. Przy przemyślanym zastosowaniu wyściółka może zapewnić tak wyraźne rozróżnienie jak linia, pod warunkiem, że w kompozycji jest wystarczająco dużo miejsca.

Spraw, aby Twoja aplikacja była w pełni dostępna

Neumorfizm to trend projektowy, w którym komponenty interfejsu są renderowane za pomocą subtelnych cieni, nakładek gradientowych i monochromatycznych kolorów. Komponenty neumorficzne mają sprawiać wrażenie dotykowe i zachęcać do interakcji, jednak poleganie na monochromatycznych kolorach i niskim kontraście może utrudniać ich wyraźne oglądanie. Neumorfizm jest również w dużej mierze niedostępny dla użytkowników z wadami wzroku, co stawia ten trend w sprzeczności z rosnącym zapotrzebowaniem na integracyjne produkty cyfrowe.

Ponadto komponenty neumorficzne są często trudne do zakodowania, co utrudnia połączenie tej estetyki z wizualnymi wytycznymi firmy. Jeśli zdecydujesz się na użycie komponentów neumorficznych, rób to z umiarem i upewnij się, że Twój produkt nadal spełnia standardy dostępności.

Zaangażuj się w ciągłe uczenie się

Stosowanie się do najlepszych praktyk projektowania aplikacji mobilnych wymaga ciągłej nauki: czytania witryn i artykułów dotyczących projektowania, wymiany porad i wskazówek z innymi projektantami oraz bycia na bieżąco z nowymi narzędziami i procesami. Oznacza to również stawienie czoła wyzwaniom stawianym przez nowe urządzenia i platformy oraz rozpoznawanie, kiedy polegasz na wygodnych wzorcach i praktykach — zamiast projektować to, co jest naprawdę najlepsze dla użytkowników w tej chwili.

Uwaga redaktora: Podziękowania dla członka sieci Toptal, Damira Kotorica, za wkład w spostrzeżenia projektowe do tej historii.

Dalsza lektura na blogu Toptal:

• Zasady projektowania mobilnego UX
• Zasady architektury informacji dla urządzeń mobilnych (z infografiką)
• Zasady heurystyczne dla interfejsów mobilnych
• Ograniczenia projektowania mobilnego UX, najlepsze praktyki i współpraca z programistami