UX w aplikacjach mobilnych: Klucz do sukcesu Twojego biznesu

Czy kiedykolwiek spotkałeś się z „drzwiami Normana”? Termin ten, choć opisuje drzwi, których otwarcie jest zbyt skomplikowane, doskonale ilustruje problem złego UX. Źle zaprojektowane słuchawki, bankomaty, a nawet produkty cyfrowe, takie jak strony internetowe czy aplikacje mobilne – wszystkie te przykłady można określić mianem „drzwi Normana”. Wspólnym mianownikiem jest tutaj słabe projektowanie, które wprowadza użytkowników w zakłopotanie, frustrację lub złość.

Jeśli pracujesz nad aplikacją mobilną, z pewnością nie chcesz, aby oferowała ona słaby UX, który prowadzi do odinstalowania aplikacji. Dlatego tak ważne jest, aby projektować aplikację w sposób, który zapewni jej użyteczność, intuicyjność i przyjemność użytkowania. Ten artykuł pomoże Ci zrozumieć wszystko na temat UX w aplikacjach mobilnych i dowiedzieć się, jak poprawić doświadczenia użytkownika na urządzeniach mobilnych.

W tym artykule omówimy:

• Czym jest projektowanie UX aplikacji mobilnych?
• Dlaczego doskonały UX mobilny jest ważny dla Twojego biznesu?
• Proces projektowania UX mobilnego
• Zasady projektowania UX dla iOS i Androida
• UX a UI: Jaka jest różnica?
• Ograniczenia w poprawie UX aplikacji mobilnych
• Dobre, złe i brzydkie strony UX mobilnego
• Jak poprawić UX aplikacji mobilnych za pomocą danych ilościowych i jakościowych

Czym jest projektowanie User Experience (UX) aplikacji mobilnych?

Projektowanie UX aplikacji mobilnych to etap rozwoju aplikacji mobilnych, który koncentruje się na tworzeniu intuicyjnych doświadczeń w aplikacji dla użytkowników końcowych. Interaction Design Foundation definiuje projektowanie UX aplikacji mobilnych jako:

„Projektowanie UX aplikacji mobilnych to projektowanie doświadczeń użytkowników dla urządzeń przenośnych i ubieralnych. Projektanci tworzą rozwiązania (zazwyczaj aplikacje) w celu zaspokojenia unikalnych wymagań i ograniczeń użytkowników mobilnych. Projektanci koncentrują się na dostępności, łatwości odkrywania i wydajności, aby zoptymalizować interaktywne doświadczenia w podróży”.

Cała koncepcja UX mobilnego jest szeroka, ponieważ obejmuje różne aspekty, w tym projektowanie interfejsu użytkownika (UI), projektowanie interakcji, architekturę informacji, testowanie użyteczności i optymalizację UX. U podstaw każdego etapu projektowania UX mobilnego leży głębokie zrozumienie użytkownika końcowego – jego potrzeb, zachowań i problemów. Kontekst, w którym użytkownicy wchodzą w interakcję z aplikacjami mobilnymi, jest również ważny. Użytkownicy aplikacji mobilnych mają konkretne cele do osiągnięcia, ale zakres uwagi jest różny, podobnie jak środowisko.

Jeśli uważasz, że optymalizacja UX aplikacji mobilnych to ciężka praca, masz rację. Trudno jest zebrać wiele danych o użytkownikach i dogłębnie zrozumieć, jak korzystają oni z Twojej aplikacji mobilnej. Ale mamy dobre wieści – poprawa projektu i UX aplikacji mobilnych się opłaca.

Jeśli użytkownicy uznają Twoją aplikację mobilną za znajomą, intuicyjną i zapadającą w pamięć, prawdopodobnie będą z niej korzystać ponownie. Ponadto, jeśli Twoja aplikacja nie wymaga dużego wysiłku umysłowego i pozwala im wykonać zadanie (kupić produkt, uzyskać informacje, przeczytać wiadomości), pozostaną przy niej, a nawet polecą ją innym. A to powinno być Twoim ostatecznym celem – dobrze zaprojektowana aplikacja z dobrym UX, która wywołuje silne pozytywne emocje u użytkowników. Jeśli Twoja aplikacja odniesie sukces, Twój biznes również.

Dlaczego doskonały UX mobilny jest ważny dla Twojego biznesu

Oprócz frustracji, słabe doświadczenie użytkownika może prowadzić do negatywnych opinii, rezygnacji z aplikacji, złych recenzji, a nawet uszczerbku na wizerunku marki. Według Think with Google, negatywne doświadczenia z marką wpływają na decyzje zakupowe – chociaż badania pochodzą z 2017 roku, pozostają aktualne tak długo, jak klienci korzystają ze smartfonów.

Jeśli chcesz, aby użytkownicy pozostali przy Twojej aplikacji, uczyń ją świetną. Korzyści biznesowe, które w zamian zbierzesz, będą tego warte, w tym:

• Wyższe współczynniki konwersji – przyjazne dla użytkownika doświadczenie mobilne może usprawnić ścieżkę do zakupu
• Wyższy wskaźnik Net Promoter Score (NPS) – zadowoleni klienci chętniej polecają aplikacje znajomym i rodzinie, co skutkuje poprawą NPS
• Bardziej lojalni klienci – gdy użytkownicy uznają interakcję z aplikacją za łatwą i przyjemną, chętniej pozostaną lojalni wobec marki
• Wyższy wskaźnik adopcji aplikacji – płynna nawigacja po aplikacji sprawia, że użytkownicy szybciej zdają sobie sprawę z jej wartości
• Niższy współczynnik rezygnacji – użytkownicy nie będą musieli szukać alternatywnego rozwiązania, gdy aplikacja zapewni im bezproblemowe doświadczenie

Koncentrując się na tworzeniu pozytywnego UX mobilnego, doświadczysz większej sprzedaży i wyższej wartości życiowej klienta.

Proces projektowania UX mobilnego

Gdzie zaczyna się proces projektowania świetnego UX? Oczywiście, wszystko zaczyna się od badań, w tym:

1. Badanie użytkowników i ustalanie celów. Zbadaj potrzeby odbiorców poprzez badania rynku, analizę konkurencji lub indywidualne wywiady. Następnie ustal jasne cele i kamienie milowe dla rozwoju UX mobilnego w oparciu o wyniki badań.
2. Konceptualizacja. Generuj pomysły na funkcje aplikacji, funkcjonalność i przepływy użytkowników.
3. Architektura informacji i wireframing. Naszkicuj układ aplikacji, nawigację i podstawowe interakcje.
4. Prototypowanie i testowanie z użytkownikami. Zbuduj interaktywne prototypy, aby zwizualizować przepływ i funkcjonalność aplikacji. Przeprowadź sesje testowania z użytkownikami, aby zweryfikować swoje pomysły i zebrać informacje zwrotne.
5. Projektowanie wizualne. Zaprojektuj interfejsy użytkownika o wysokiej wierności, uwzględniając elementy wizualne, takie jak kolory, typografia i grafika.
6. Rozwój i iteracyjne testowanie. Współpracuj z programistami w celu wdrożenia projektu i testowania wynikowego UX na każdym etapie.
7. Uruchomienie i ciągła optymalizacja. Wypuść aplikację do użytkowników i zbieraj informacje zwrotne po uruchomieniu. Monitoruj zachowanie użytkowników, aby stale optymalizować doświadczenie aplikacji.

To wszystko? W rzeczywistości proces jest bardziej skomplikowany i pełen pułapek. Zrozumienie różnic między projektowaniem aplikacji mobilnych na iOS i Androida to pierwszy krok w tym kierunku – i tutaj przydaje się ten przewodnik.

Zasady projektowania UX dla iOS i Androida

Kiedy użytkownik iOS ma w rękach urządzenie z Androidem (lub odwrotnie), dosłownie widać frustrację na jego twarzy. Zazwyczaj nie przechodzą nawet ekranu głównego, ponieważ nie są przyzwyczajeni do innego UX. Takie różnice znajdują również odzwierciedlenie w sposobie projektowania aplikacji na iOS i Androida. Oto kluczowe elementy różniące projekty UX dla iOS i Androida.

„Urządzenia iOS i Android różnią się znacznie pod względem projektu, nawigacji, zasad App Store, różnorodności i demografii użytkowników. Apple App Store narzuca surowsze standardy projektowania, podczas gdy Google Play ma większą elastyczność, co ułatwia zespołom produktowym uzyskanie zatwierdzenia ich aplikacji.” – Anastasia Budyk, projektantka produktu w MacPaw.

Musisz pamiętać o tych różnicach i dostosować aplikację, aby zapewnić użytkownikom bezproblemowe, platformowo specyficzne doświadczenie na urządzeniach iOS i Android. Pamiętaj, że połowa Twojego sukcesu zależy od stworzenia znajomego interfejsu użytkownika (UI). A skoro już o tym mowa…

UX a UI: Jaka jest różnica?

User Experience (UX) i User Interface (UI) są ściśle powiązane w dziedzinie projektowania, ale odnoszą się do różnych koncepcji. UI jest łatwiejsze do wyjaśnienia – to w zasadzie projekt Twojej aplikacji. UX jest bardziej abstrakcyjną koncepcją. Obejmuje wszystkie interakcje użytkownika w aplikacji i ich wpływ na użytkownika końcowego. Mówiąc prościej, jeśli UI jest tym, co użytkownik widzi, UX jest tym, co czuje. Do pewnego stopnia można śmiało powiedzieć, że projektowanie UI jest częścią projektowania UX.

Ograniczenia, które utrudniają poprawę UX aplikacji mobilnych

Istnieje jedno poważne utrudnienie podczas pracy nad optymalizacją UX aplikacji mobilnych – testowanie użyteczności na urządzeniach mobilnych.

Dlaczego testowanie użyteczności na urządzeniach mobilnych jest trudne

Mobilne testowanie użyteczności polega na obserwowaniu uczestników podczas wykonywania przypisanego zadania w aplikacji. Głównym celem testowania użyteczności jest uzyskanie wyobrażenia o tym, jak ludzie korzystają z aplikacji, jak łatwe lub trudne jest to dla nich i jakie obszary wymagają poprawy.

Mobilne testowanie użyteczności jest trudne, ponieważ trudno jest obserwować uczestników i wszystkie ich gesty ze względu na rozmiar ekranów.

„Aby przeprowadzić skuteczne testowanie UX mobilnego, niezbędne jest ocenienie projektu w rzeczywistym środowisku. Podczas testowania aplikacji na komputer stacjonarny można rozsądnie założyć, że użytkownicy będą siedzieć przy biurku i korzystać z myszy lub touchpada. Jednak w przypadku testowania mobilnego zrozumienie rzeczywistego środowiska użytkownika może być znacznie trudniejsze.” – Nick Dychenko, Product Manager w PandaDoc.

Według książki Steve’a Kruga „Don’t Make Me Think” istnieją typowe problemy mobilnego testowania użyteczności:

• Czy uczestnicy mają trzymać urządzenie naturalnie, czy może ono leżeć na stole lub być podparte na stojaku?
• Co obserwatorzy muszą widzieć (np. tylko ekran, czy zarówno ekran, jak i palce uczestnika, aby mogli zobaczyć jego gesty)? I jak to wyświetlić w sali obserwacyjnej?
• Jak utworzyć nagranie sposobu, w jaki korzystają z aplikacji?

Ponadto, aby uzyskać dokładne wyniki z mobilnego testowania użyteczności, trzeba byłoby zasymulować scenariusze, w których ludzie korzystają ze smartfonów.

W środowisku testowym prawie niemożliwe jest odtworzenie któregokolwiek z tych scenariuszy. W związku z tym nie uzyskasz dokładnych wyników dotyczących tego, jak ludzie korzystają z Twojej aplikacji, jakie mają doświadczenia i co myślą o jej użyteczności.

„Wielu naszych klientów korzysta z PandaDoc w ruchu lub w różnych lokalizacjach. Weźmy na przykład agentów nieruchomości. Kiedy zaprezentowaliśmy funkcję edycji dokumentów na urządzeniu mobilnym w biurze, wszystko wydawało się działać płynnie. Jednak kiedy zademonstrowaliśmy aplikację w terenie, szybko zdaliśmy sobie sprawę, że doświadczenie użytkownika nie jest takie samo.” – Nick Dychenko, Product Manager w PandaDoc.

Jeśli mobilne testowanie użyteczności jest tak trudne, to może powinieneś zbierać opinie użytkowników? To może być szokujące, ale według „guru użyteczności stron internetowych”, Jakoba Nielsena, nie powinieneś słuchać swoich klientów.

Jakob Nielsen mówi, że pierwszą zasadą projektowania UX jest: Nie słuchaj swoich klientów. Twoi użytkownicy nie są projektantami, więc nie będą wiedzieć, jak powinien wyglądać projekt interfejsu. Co więcej, użytkownicy są uprzedzeni do tego, co jest im już znane, więc będą opierać się wszystkiemu, co innowacyjne.

Zamiast tego, popraw swój UX mobilny, obserwując, jak użytkownicy wchodzą w interakcję z Twoją aplikacją. Możesz to osiągnąć dzięki odpowiedniemu narzędziu, które łączy dane ilościowe i jakościowe.

Dobre, złe i brzydkie strony UX mobilnego

Przejdźmy przez rzeczywiste przykłady aplikacji mobilnych i zobaczmy, co czyni je szczególnie dobrymi (lub złymi!).

PandaDoc: Aplikacja mobilna zoptymalizowana dla użytkowników w ruchu

Zacznijmy od przykładu świetnego UX mobilnego.

PandaDoc to aplikacja SaaS do podpisywania dokumentów online. Oprócz wersji desktopowej, firma oferuje aplikację mobilną, dzięki której użytkownicy mogą podpisywać umowy elektronicznie w podróży.

Rozmawialiśmy z Product Managerem PandaDoc, aby dowiedzieć się, jak zoptymalizowali UX swojego produktu dla użytkowników mobilnych. Oto, co powiedzieli:

„Zauważyliśmy, że nasi użytkownicy często nie mogą używać obu rąk do nawigacji w aplikacji PandaDoc, ponieważ zazwyczaj trzymają dokumenty w jednej ręce. To spostrzeżenie skłoniło nas do zoptymalizowania ich doświadczenia pod kątem obsługi jedną ręką. Większość czynności wykonywano przy użyciu tylko jednego kciuka, dlatego przycisk „Dodaj zawartość” umieściliśmy w łatwym zasięgu kciuka.

Dodatkowo zauważyliśmy, że edytowane przez nich umowy często zawierały mały tekst, co wymagało częstego powiększania. Uszczypnięcie ekranu w celu powiększenia stanowiło problem, ponieważ wymagało dwóch rąk – jednej do trzymania telefonu i drugiej do uszczypnięcia. Biorąc pod uwagę, że jedna ręka była zazwyczaj zajęta trzymaniem dokumentów, zdecydowaliśmy się dodać osobne przyciski „Powiększ” i „Pomniejsz”, aby ułatwić obsługę jedną ręką.” – Nick Dychenko, Product Manager w PandaDoc.

Interfejs aplikacji PandaDoc:

IKEA: Duża aktualizacja UI

Gdybyś spojrzał na interfejs aplikacji IKEA sprzed zaledwie kilku lat, nie rozpoznałbyś tej minimalistycznej marki.

Aplikacja IKEA przed przeprojektowaniem:

Rzeczywiście, interfejs aplikacji wydawał się nieco zagracony, co wprowadzało użytkowników w zakłopotanie przy pierwszym logowaniu. Jednak zagracony interfejs użytkownika nie był największym problemem aplikacji. To funkcjonalność filtrowania sprawiała użytkownikom mobilnym wiele problemów.

Aplikacja IKEA przed i po przeprojektowaniu:

Możesz zauważyć, że stara wersja (po lewej) wymagała od użytkowników użycia suwaka, aby dopasować zakres cen, którego szukali – UX był frustrujący na małym ekranie. Nowy projekt zapewnia użytkownikom pola wyboru, aby wybrać odpowiedni zakres cen. Nowy UX jest bardziej przyjazny dla użytkownika i prosty.

Jak poprawić UX aplikacji mobilnych za pomocą danych ilościowych i jakościowych

Teraz Twoja kolej na poprawę UX aplikacji mobilnych. Zalecamy rozpoczęcie od dobrego narzędzia do analizy UX.

Smartlook to narzędzie do analizy stron internetowych i aplikacji mobilnych, które łączy w sobie moc:

• Nagrywania sesji
• Śledzenia zdarzeń
• Map cieplnych
• Analizy lejka

Zobaczysz autentyczne zachowanie użytkowników i na tej podstawie będziesz mieć dowody na wprowadzenie ulepszeń UX mobilnego. Smartlook rejestruje wszystkich użytkowników aplikacji mobilnych. Oznacza to, że uzyskujesz statystycznie istotną wielkość próby, której nie można by uzyskać podczas testowania użyteczności z niewielką liczbą uczestników.

Odkryj, jak poprawić UX aplikacji mobilnych za pomocą nagrań sesji, map cieplnych, zdarzeń i lejków.

Oglądaj nagrania sesji aplikacji mobilnych, aby uzyskać bezpośrednie dowody na wydajność UX aplikacji mobilnych

Dzięki nagraniom sesji zobaczysz, jak użytkownicy wchodzą w interakcję z Twoją aplikacją mobilną „w naturze”. Zobaczysz szczegółowe zachowania poszczególnych użytkowników, w tym każde dotknięcie, przewijanie, interakcję z przyciskiem lub przesłanie formularza.

Dzięki powtórkom sesji odkryjesz:

• Czy użytkownicy nawigują po Twojej aplikacji mobilnej w zamierzony sposób, czy utkną gdzieś?
• Czy użytkownicy wściekle klikają nieinteraktywny przycisk lub element, który wydaje się interaktywny, ale nie jest?
• Czy Twoja aplikacja ma nieefektywności w projektowaniu UI – np. przycisk powrotu, który chowa się pod menu rozwijanym, przez co użytkownicy mają problemy z nawigacją?
• Czy funkcjonalność, którą wybrałeś dla swojej aplikacji, przynosi użytkownikom wartość?

A jeśli chcesz skupić się na konkretnych użytkownikach lub konkretnych działaniach, filtry nagrywania sesji pomogą Ci wyselekcjonować to, co najważniejsze. Na przykład, filtruj nagrania sesji mobilnych według systemu operacyjnego Android (lub iOS) i czasu trwania sesji wynoszącego co najmniej 2 minuty.

Dzięki temu ustawieniu Twój zespół programistów przeanalizuje błąd, który niedawno zgłosili użytkownicy Androida. Oglądanie przefiltrowanej partii nagrań oszczędza mnóstwo czasu Twojemu zespołowi i pomaga szybko rozwiązywać problemy. W rezultacie zapewnisz UX bez błędów.

Analizuj mapy cieplne aplikacji mobilnych, aby dostrzec najbardziej (i najmniej) urzekające elementy UX aplikacji mobilnych

Mapy cieplne aplikacji mobilnych posłużą jako punkt wyjścia do wszelkich ulepszeń UX, które wprowadzisz.

Mapy cieplne aplikacji mobilnych to wizualna reprezentacja interakcji użytkowników. Najbardziej angażujące elementy to gorące punkty zaznaczone na czerwono, natomiast najmniej angażujące elementy to zimne punkty zaznaczone na niebiesko. Te o średniej popularności są zaznaczone gdzieś pomiędzy spektrum czerwieni i niebieskiego.

Dzięki mapom cieplnym dla Twojej aplikacji mobilnej zobaczysz:

• Które obszary Twojej aplikacji mobilnej przyciągają więcej uwagi, a które mniej uwagi
• Które przyciski angażują użytkowników, a które są całkowicie pomijane (ponieważ nie są wystarczająco widoczne)
• Czy są jakieś banery lub obrazy, z którymi użytkownicy chcą wchodzić w interakcję, ale są nieinteraktywne

Na przykład poniżej zobaczysz, że użytkownicy aplikacji mobilnej angażują się w przycisk „Kciuk w dół”, a w ogóle nie angażują się w przycisk „Kciuk w górę”. Może to oznaczać, że wideo w Twojej aplikacji nie wyświetla się prawidłowo lub treść nie jest interesująca dla użytkowników.

Sprawdź, w czym tkwi problem, naciskając małą ikonę „Play” na dole mapy cieplnej. Zobaczysz użytkowników, którzy wyświetlili ten ekran. Dzięki nagraniom dowiesz się, co skłania użytkowników do klikania przycisku „Nie lubię” i w którym momencie to się dzieje. Dzięki tym informacjom lepiej zrozumiesz swoich użytkowników i zapewnisz im lepsze doświadczenie użytkownika aplikacji.

Możesz również sprawdzić zagregowaną liczbę kliknięć w danym obszarze, zaznaczając obszar, który Cię interesuje.

Jak utworzyć mapę cieplną dla projektu mobilnego w Smartlook? Musisz wybrać zakres dat, a Smartlook utworzy galerię dla wszystkich fragmentów Twojej aplikacji mobilnej w tym zakresie dat. Przeglądając galerie map cieplnych w Smartlook, zobaczysz wszystkie ekrany swojej aplikacji w jednym miejscu.

Możesz również utworzyć zdarzenie z mapy cieplnej aplikacji mobilnej (które jest powiązane z wizytą na konkretnym ekranie) lub obejrzeć nagranie sesji osób, które wchodziły w interakcję z tym ekranem.

Śledź zdarzenia aplikacji mobilnych, aby upewnić się, że użytkownicy wykonują zamierzone działania

W Smartlook możesz zdefiniować serię zdarzeń, które mogą być dotknięciem przycisku lub wprowadzeniem tekstu w polu tekstowym. Możesz również tworzyć zdarzenia niestandardowe. Zdarzenia są potężne, ponieważ koncentrujesz swoją analizę UX na pojedynczej akcji i widzisz liczbę błędów lub kliknięć.

Na przykład, chcesz przeanalizować, jak najważniejszy przycisk „Zarejestruj się” działa w czasie. Możesz przeanalizować go oddzielnie lub porównać z innym kluczowym przyciskiem, takim jak „Poproś o demo”.

Pamiętaj, że przestrzeń aplikacji mobilnej jest ograniczona, więc to porównanie pomoże Ci zdecydować, który przycisk powinien być bardziej widoczny. Te dane dowodowe pomogą również odciążyć interfejs użytkownika aplikacji mobilnej (UI). Ponadto możesz filtrować powtórki sesji według konkretnego zdarzenia, aby zobaczyć, co wydarzyło się przed i po zdarzeniu.

Monitoruj lejki aplikacji mobilnych, aby projektować przyjazne dla użytkownika przepływy mobilne

Aby poprawić UX aplikacji mobilnych, wykorzystasz również lejki oparte na zdarzeniach. Dzięki lejkom przeanalizujesz najważniejsze punkty styku podróży użytkownika mobilnego.

Może to być lejek zakupowy, lejek onboardingu lub dowolna inna ścieżka, która jest kluczowa w Twojej aplikacji mobilnej. Możesz utworzyć lejek z nieograniczoną liczbą kroków.

Dzięki lejkom poprawisz UX aplikacji mobilnych poprzez:

• Optymalizację lejka w celu zmniejszenia liczby rezygnacji przed zakupem
• Weryfikację, gdzie znajdują się problematyczne punkty i co powstrzymuje użytkowników aplikacji przed np. ukończeniem pełnego przewodnika onboardingowego
• Weryfikację najbardziej intuicyjnych ścieżek, aby móc wdrożyć podobne ścieżki w innych częściach aplikacji

Porównując zachowanie użytkowników i wzorce nawigacji tych, którzy ukończyli lejek, z tymi, którzy tego nie zrobili, zobaczysz, co dokładnie należy naprawić w Twojej aplikacji.

Spraw, aby projekt Twojego produktu był wyjątkowy i zapewnij dobre doświadczenie użytkownika aplikacji. Teraz jesteś uzbrojony w wiedzę UX i narzędzie, które pomoże Ci dopracować UX aplikacji mobilnych.

Jakie jest kluczowe przesłanie z tego artykułu? Nie pozwól, aby Twoja aplikacja mobilna wpadła w kategorię „drzwi Normana”. Nie pozwól, aby Twoja aplikacja frustrowała lub wprowadzała użytkowników w zakłopotanie. Nie dawaj im powodów do odinstalowania Twojej aplikacji.

Zamiast tego, używaj narzędzi analitycznych, aby podejmować świadome decyzje. Zawsze obserwuj zachowanie użytkowników w aplikacji i wprowadzaj ulepszenia w oparciu o autentyczne działania użytkowników. Optymalizuj UX aplikacji mobilnych w sposób ciągły, aby Twoi użytkownicy pozostali zadowoleni i lojalni.

Jeśli chcesz poznać inne artykuły podobne do UX w aplikacjach mobilnych: Klucz do sukcesu Twojego biznesu, możesz odwiedzić kategorię Rachunkowość.