Laboratorium użyteczności: ekspertyza aplikacji mobilnej na iOS. Jak to działa? Sprawdź, w jaki sposób aplikacja żąda uprawnień
Niesamowity wzrost popularności aplikacji i usług mobilnych sprawił, że praca projektanta UX stała się bardziej złożona i interesująca. Aplikacje stają się coraz ciekawsze, bardziej złożone, przez co coraz trudniej jest nie tylko je rozwijać, ale i testować. Testowanie aplikacji z perspektywy użytkownika jest teraz ważniejsze niż kiedykolwiek. ważny etap rozwój.
Niestety, w przeciwieństwie do sytuacji z rozwojem aplikacji desktopowych, do testowania i rejestrowania testów użyteczności aplikacji mobilnych nie ma takiego specjalnego oprogramowania, jak Silverback czy Camtasia, które można „wyjąć z pudełka” i rozpocząć testowanie.
Nawet jeśli nie tworzysz aplikacji mobilnej, istnieje duże prawdopodobieństwo, że większość ruchu w Twojej witrynie pochodzi kanały mobilne. Prowadzenie regularnych testów użyteczności mobilnej to praktycznie jedyny sposób, aby ocenić, jak dobrze ten kanał działa dla Twoich klientów, na ile jest dla nich przydatny i wygodny.
Wymagane będzie małe hackowanie. Nie, nie mówimy o hakowaniu, ale raczej o nietrywialnych metodach korzystania z pewnych rzeczy. Wierzymy, że istnieje jeden taki „hack”, który można śmiało nazwać najlepszym w swoim rodzaju. Jeśli chcesz przetestować użyteczność aplikacji na iPhone'a lub urządzenie z systemem Android, przekonasz się, że rozwiązanie, o którym mówimy, jest bardzo wysokiej jakości, wydajne i niedrogie.
Trochę historii: druty i taśma klejąca
Dawniej za pomocą „sań” ustawialiśmy smartfon i aparat w takiej pozycji, która pozwalała na nagrywanie tego, co działo się na ekranie smartfona w czasie, gdy użytkownik z niego korzystał. Aby stworzyć sanki, kupiliśmy coś (patrz zdjęcie poniżej) z akrylu, który pasował do naszego kształtu i wygiął go w określony sposób.
Kamerkę internetową przymocowaliśmy do sań taśmą klejącą, a telefon po przeciwnej stronie za pomocą rzepu. Patrząc wstecz, możemy powiedzieć, że urządzenie wyglądało raczej nudno i prymitywnie. Nie było to zbyt naturalne i jeszcze mniej wygodne dla użytkowników, którzy są przyzwyczajeni do trzymania smartfona obiema rękami jednocześnie.
Technicznie rzecz biorąc, nie było to niezawodne. Wykorzystaliśmy dwie kamery podłączone do jednego laptopa (aparat na sankach i wbudowaną kamerę w laptopie) i musieliśmy mieć uruchomione jednocześnie dwie aplikacje kamerowe. Wszystko to doprowadziło do spadku wydajności całego systemu i często pojawiały się trudności w działaniu.
Było wiele innych problemów, takich jak odblaski ekranu i ostrość aparatu. Generalnie skonfigurowanie i ustabilizowanie takiego systemu w połączeniu ze środowiskiem testowym zajęło dużo czasu, ale cóż Najlepsza decyzja, o czym wówczas wiedzieliśmy. Dla użytkowników, którzy zgodnie ze scenariuszem mieli korzystać z aplikacji „na płycie”, taka instalacja wyglądała jednak bardzo nienaturalnie.
Być może bardziej nowoczesnym i odpowiednim sposobem jest komunikacja bezprzewodowa
W idealnym przypadku testowanie sprzętu i oprogramowania powinno być niewidoczne dla użytkowników. Chcemy symulować możliwie najbardziej naturalne środowisko dla użytkowników smartfonów – bez przewodów, kamer i innych improwizowanych urządzeń.
Zespoły UX muszą skupić się na nauce i zrozumieniu. Nie chcemy męczyć się z instalacją i martwić się awariami.
Opowiemy Ci o prostej konfiguracji, która pozwala nam osiągnąć wszystkie te cele. Pozwoli to zespołowi projektowemu UX skupić się na tym, co naprawdę ważne, a użytkownikom skupić się na swoich telefonach. System ten jest maksymalnie niezawodny i można go bezpiecznie stosować w pracy, którą właśnie się zajmujemy.
Skupimy się na testach użyteczności na smartfonach korzystających z MacBooka jako urządzenia nagrywającego. Jednak z komputera na System Windows też działa.
Aby dowiedzieć się, jak wygodna jest dana witryna lub inna oprogramowanie dla użytkowników, musisz ich o to zapytać. Uważa się jednak, że testowanie na „żywych ludziach” wymaga dużo wysiłku i czasu od twórcy i/lub właściciela zasobu.
W tym przypadku istnieją narzędzie internetowe s do testowania użyteczności. Pomagają dowiedzieć się, jak produkt spełnia oczekiwania użytkownika, a jednocześnie oszczędzają czas i pieniądze na badania.
W tym artykule omówiono dziesięć prostych i dostępne narzędzia do testowania użyteczności stron internetowych. Co ciekawe, ze wszystkich opisanych aplikacji, z wyjątkiem ostatniej, można korzystać za darmo: nie wymagają w ogóle płatności lub mają darmowe wersje z ograniczoną funkcjonalnością.
Najpierw znajduje się opis wszystkich dziesięciu aplikacji, a następnie tabela porównawcza, co odzwierciedla ich główne cechy.
Centrum użyteczności
W serwisie dostępne są trzy narzędzia online, które pozwalają przetestować użyteczność serwisu lub aplikacji internetowej za pomocą zrzutów ekranowych stron.Optymalny warsztat
Na stronie OptimalWorkshop możesz zoptymalizować swoją witrynę za pomocą trzech różnych narzędzi:
- Optimalsort to narzędzie, które pomaga uporządkować strukturę serwisu internetowego metodą sortowania kart.
- Treejack - aplikacja do testowania wielopoziomowego architektura informacji(IA). Aby rozpocząć testowanie, struktura witryny musi być zorganizowana w formie tabeli i załadowana do Treejack.
- Calkmark przeznaczony jest do testowania użyteczności stron internetowych. Pomaga zrozumieć, jak łatwo (lub trudno) użytkownikom witryny jest je znaleźć niezbędne informacje. Na początek przesyłamy zrzut ekranu strony internetowej i wyznaczamy użytkownikom pewne zadania. Calkmark agreguje odpowiedzi i wyświetla wyniki testów w postaci mapy cieplnej kliknięć, a także raportuje średni czas potrzebny na wykonanie każdego zadania.
W Darmowa wersja Możesz tworzyć tylko małe projekty, z następującymi ograniczeniami:
- OptimalSort: dziesięciu uczestników i 30 kart na ankietę.
- Chalkmark i Treejack: 10 uczestników i 3 zadania ankietowe na każdą ankietę.
To bezpłatne narzędzie online można zintegrować z Twoją witryną internetową. Tworzy krótką ankietę dla odwiedzających witrynę, składającą się tylko z 4 pytań. Pytania są sformułowane w taki sposób, aby możliwe było wyłonienie najbardziej wiarygodnych informacja zwrotna od użytkowników.
Integruje się z Google Analytics i jest dostępny w 10 językach, choć niestety rosyjskiego jeszcze wśród nich nie ma.
Feng-GUI
Feng-GUI symuluje wzrok użytkownika podczas pierwszych 5 sekund ekspozycji efekt wizualny. Ta aplikacja tworzy mapę cieplną oczu na stronie w oparciu o algorytm, który przewiduje, na co prawdopodobnie spojrzy prawdziwa osoba.Tak jest strona główna witryny, możesz przesłać zrzut ekranu i zobaczyć prawdopodobne obszary zwiększonej uwagi odwiedzających.
Kliknij opcję Ciepło
Jest wolne oprogramowanie Z otwarte źródło integruje się ze stroną internetową i tworzy wizualną mapę ciepła kliknięć osób odwiedzających stronę internetową. A ponieważ kod ClickHeat znajduje się bezpośrednio na serwerze, mapa odzwierciedla wynik pracy prawdziwi użytkownicy strona.
WebVisor
Rosyjski system, który po zainstalowaniu kodu javasript na stronach serwisu pozwala śledzić i analizować zachowania użytkowników.Za jego pomocą możesz:
- Rejestruj działania osób odwiedzających witrynę: kliknięcia, przewijanie, naciśnięcia klawiszy, wypełnianie formularzy, zaznaczanie i kopiowanie tekstu.
- Odtwarzaj nagrane działania w trybie wideo na żywo.
- Przeprowadzaj szczegółową analizę zachowań osób odwiedzających witrynę.
- Twórz mapy aktywności użytkowników: mapy ciepła kliknięć, mapy uwagi i mapy przewijania.
Policja Miejska
Kolejne rosyjskojęzyczne narzędzie online do testowania użyteczności stron internetowych. Pozwala właścicielom witryn testować swoje zasoby przy pomocy audytorów, a audytorom zarabiać na swojej pracy.Jak to działa?
- Klient zgłasza swoją stronę internetową „policjantom”, formułuje kilka pytań, na które chciałby uzyskać odpowiedź i dokonuje wyboru planu taryfowego rewizja.
- Audytorzy piszą raport na stronie w niemal dowolnej formie. Raport zawiera tylko dwie wymagane sekcje: „analizę użyteczności witryny i sposobów rozwiązywania problemów” oraz „wniosek ogólny”. Za swoje zgłoszenia i aktywność w serwisie „policjanci” otrzymują punkty, które następnie mogą zamienić na pieniądze.
- Jeśli klient audytu nie ma nic przeciwko temu, wszystkie raporty „policjantów” pozostają na stronie internetowej serwisu do ogólnego wglądu.
Tabela porównawcza narzędzi do testowania użyteczności
| Nazwa | Język rosyjski | Kto testuje | Obiekty testowe | Wyniki testu | Dostępnośćbezpłatnywersje |
| Centrum użyteczności | Jeść | Testerzy usług; inni użytkownicy UsabilityHub | Zrzut ekranu strony internetowej | Odpowiedzi na pytania sformułowane na początku testu; Mapa ciepła kliknięcia | Bezpłatna z ograniczeniami - użytkownicy wersji darmowej muszą samodzielnie testować witryny innych osób |
| UżytkownikPlus | Jeść | samodzielnie, korzystając z ankiety; testerzy usług (w wersji beta) | Zrzut ekranu strony internetowej | Ocena strony pod kątem zgodności z międzynarodowymi standardami | Bezpłatnie z limitem jednego zrzutu ekranu na miesiąc |
Nawigacja w mobilnych wersjach stron i aplikacji powinna być wizualna, zrozumiała, a ponadto zajmować minimalną ilość miejsca na ekranie. Zasadniczo powinien uzupełniać narzędzia wyszukiwania, a czasami je zastępować, a powodów jest kilka:
- Użytkownicy czasami nie wiedzą, co chcą znaleźć w Twojej witrynie, dlatego Twoim celem jest pomóc im to zrozumieć poprzez zawężenie wyszukiwania, np. kategorii produktów.
- Sformułuj poprawne wyszukiwana fraza nie jest tak prostym zadaniem, jak mogłoby się wydawać, a ludzie też są z natury leniwi. O wiele skuteczniejsze byłoby ich zaoferowanie gotowe rozwiązania w formie linków nawigacyjnych.
- Wreszcie pasek wyszukiwania w witrynie często nie działa tak skutecznie, jak oczekują tego użytkownicy.
NA urządzenia mobilne jeszcze ważniejsza jest właściwa nawigacja: zajmując znaczną część ekranu, przyciąga znacznie więcej uwagi niż na komputerze stacjonarnym. Ze względu na ograniczoną przestrzeń pasek wyszukiwania i łącza menu u góry strony mogą utrudniać szybkie dotarcie do potrzebnych informacji. Nie zmuszaj użytkowników do przewijania, zwróć szczególną uwagę na te elementy – powinny być zauważalne na pierwszy rzut oka, ale nie naruszać pierwszeństwa treści nad interfejsem.
Jest to obecnie jeden z głównych problemów interfejsy mobilne: Jak sprawić, by nawigacja była widoczna i łatwa w użyciu, nie odrywając się od treści. Rozważmy kluczowe zasady budowanie nawigacji witryn i aplikacji mobilnych na konkretnych przykładach.
Górny pasek nawigacyjny
Górny pasek nawigacyjny został odziedziczony przez witryny mobilne z urządzeń stacjonarnych. Ten pasek u góry ekranu, który zawiera główne linki nawigacyjne, jest popularny i dość popularny skuteczne narzędzie, jednak ma dwa istotne niedociągnięcia. Po pierwsze jest dobry tylko wtedy, gdy na stronie znajduje się stosunkowo niewiele innych elementów nawigacyjnych, a po drugie zajmuje zbyt cenne miejsce w górnej części ekranu.
Oto przykładowo jak wyglądają strony główne mobilnej wersji serwisu BBC oraz Aplikacje Google Zagraj w aplikacje:
zauważ to Google Play udało się zmieścić więcej elementów na pasku nawigacyjnym za pomocą „karuzeli”
Pasek zakładek
Pasek kart jest najbliższym krewnym górnego paska nawigacyjnego i jest często używany w aplikacjach. Można go umieścić albo na górze
strony (głównie Android) i na dole (IOS).
Paski kart są zwykle obecne w większości aplikacji mobilnych i mają te same wady, co pasek nawigacyjny. Istotną różnicą jest to, że pasek kart jest zadokowany, czyli stale widoczny na ekranie, nawet gdy użytkownik przewija stronę w dół, podczas gdy pasek nawigacyjny z reguły po prostu przewija się wraz z zawartością strony. Chociaż czasami stosowana jest tzw. „lepka nawigacja”, gdy pasek nawigacyjny pozostaje na górze ekranu lub pojawia się tam automatycznie, gdy użytkownik zacznie przewijać stronę w górę.
Przykłady obejmują kanał informacyjny na Facebooku platformy mobilne. Facebook na iPhonie (po lewej) i systemie Android (po prawej) korzysta z paska kart do podstawowej nawigacji w aplikacji. Zakładki rozmieszczone są zgodnie z oficjalnymi zasadami tych systemów operacyjnych: na dole – na iPhonie i u góry strony – na Androidzie. Jednocześnie ikony nawigacyjne w systemie iOS są również oznaczone:
Jeśli jest ich więcej niż pięć, trudno jest zmieścić je wszystkie na panelu przy zachowaniu optymalnego poziomu ekran dotykowy rozmiar. Można oczywiście zastosować „karuzelę”, jak w przykładzie z Google Play – czyli podzielić elementy nawigacji na kategorie, ale nie zawsze jest to właściwe. Użytkownik nie zawsze jest w stanie odgadnąć, jakie przedmioty kryją się za kolejnym elementem karuzeli i nie zawsze je sprawdzi.
Przykład - stara wersja Aplikacje pogodowe Kanał: tutaj pasek kart jest zaimplementowany w taki sposób, że nie jest od razu jasne, że każda zakładka na dole kryje kilka kolejnych. Jeszcze trudniej jest odgadnąć, jakie dokładnie przedmioty się tam znajdują:
Jeśli zdecydujesz się na użycie paska nawigacji lub paska zakładek, powinien on być głównym elementem interfejsu, ale warto też przeznaczyć trochę miejsca na inne narzędzia, np. pole wyszukiwania.
Jeśli Twoja witryna ma 4-5 głównych opcji nawigacji, warto ustawić je jako widoczne przez cały czas, zwłaszcza jeśli prowadzą do często używanych stron i opcji. Pamiętaj jednak, że nawigacja musi być dostosowana do kontekstu aplikacji. Jeśli więc istnieją inne wymagane elementy - na przykład ikona koszyka, zaloguj się konto itp., to trzeba je również wziąć pod uwagę, aby ogólny interfejs nie zajmował zbyt dużo miejsca.
Oto przykładowa strona wyników wyszukiwania AutoZone:
Mimo że pasek nawigacyjny zawiera tylko cztery główne punkty (Sklep, Konsultacje dotyczące naprawy, Zamów i znajdź sklep), oprócz nich na stronie wyświetlanych jest kilka dodatkowych elementów interfejsu (logo, koszyk, pasek wyszukiwania, zakładki z wynikami wyszukiwania itp.) .), więc w sumie zajmują około jednej trzeciej ekranu.
Ukryte menu (kanapki i inne opcje)
Menu kanapkowe lub menu hamburgerowe jest Menu nawigacji, zawierający kilka pozycji lub nawet kilka podmenu i rozwijający się dopiero po kliknięciu przez użytkownika. Po złożeniu zajmuje minimalną przestrzeń, co jest zarówno jego zaletą, jak i wadą tego elementu nawigacja jest mniej zauważalna niż zwykłe menu.
Przykładem wykorzystania menu kanapkowego jest witryna USA Today. Tutaj służy do podstawowych opcji nawigacji. Otwiera się po kliknięciu ikony po lewej stronie górny róg ekran:
Inną opcją ukrytej nawigacji jest to, że menu jest ujawniane tylko wtedy, gdy użytkownik przesunie ekran. Na przykład w aplikacji Sephora na strony wewnętrzne Menu można wywołać przesuwając palcem od lewej do prawej:
Jednak sam przycisk menu nie jest widoczny, więc wielu użytkowników prawdopodobnie nie odkrywa tej funkcji i ogranicza się do funkcjonalności, używając tylko widocznych przycisków.
Ogólnie rzecz biorąc, jak wspomniano powyżej, ukryte menu ma jedną istotną przewagę nad Pasek nawigacyjny- zajmuje minimalną ilość miejsca. Należy jednak pamiętać, że przez większość czasu linki nawigacyjne będą ukryte. Aby z nich skorzystać, użytkownik musi celowo wejść do menu i wybrać jedną z pozycji, do czego nie do końca jest jeszcze przyzwyczajony, mimo że menu hamburgerowe są już dość powszechne w mobilnych wersjach serwisów. W tym względzie warto ulepszyć stosowany system nawigacji dodatkowe narzędzia- na przykład odsyłacze.
Centrum nawigacji
Jest to nazwa strony (zwykle strony głównej serwisu), na której znajdują się wszystkie kluczowe elementy nawigacyjne. To punkt węzłowy, skrzyżowanie wszystkich dróg, do którego użytkownik powraca za każdym razem, gdy musi udać się na inny odcinek.
Wadą tego podejścia jest to, że strona główna muszą być całkowicie poświęcone potrzebom nawigacji, a użytkownik jest do tego zmuszony dodatkowy krok(powrót do domu) podczas poruszania się po obiekcie.
Są to przede wszystkim strony i aplikacje służące nie do przeglądania treści, ale do bardzo osiągnięcia specyficzne zadania— na przykład odprawa na lot lub zmiana taryfy komunikacja mobilna. W takich przypadkach użytkownik rzadko wykonuje więcej niż jedno zadanie podczas jednej wizyty, zatem konieczność powrotu do strony głównej w celu wybrania innej gałęzi nawigacji nie będzie irytująca.
Dobry przykład - wersja mobilna Witryna internetowa linii lotniczych United Airlines. Strona główna zawiera kluczowe elementy nawigacyjne, natomiast strony wewnętrzne posiadają przycisk „Strona główna” u góry strony umożliwiający powrót do strony głównej. Co więcej, użytkownicy rzadko kiedy podczas jednej wizyty wykonują dwa rodzaje czynności (np. zakup biletu i odprawę na lot). Zatem większość z nich nie będzie potrzebować tego przycisku.
wnioski
Sprawienie, że nawigacja mobilna będzie łatwa i wygodna, nie jest takie proste ze względu na ograniczenia związane z małymi rozmiarami ekranów. Możesz spróbować rozwiązać ten problem na różne sposoby, ale prawie zawsze napotkasz problemy z użytecznością.
Chodzi o to, aby wybrać rozwiązania, których niedociągnięcia najrzadziej ujawnią się konkretnie na Twojej stronie:
- Menu kanapkowe zostanie zakłócone duża liczba linki nawigacyjne, ale stają się one widoczne dopiero po wywołaniu przez użytkownika menu. To podejście jest istotne w przypadku witryn skupiających się głównie na przeglądaniu treści.
- Pasek nawigacyjny i pasek kart zajmują trochę miejsca na ekranie, ale działają dobrze, gdy jest niewiele opcji do wyboru.
- W witrynach skupiających się na rozwiązywaniu konkretnych problemów możesz użyć strona główna jako węzeł nawigacyjny.
Firmy testujące użyteczność przeprowadzają tego rodzaju weryfikację, aby pomóc programistom w tworzeniu aplikacji, które są szybkie i łatwe w użyciu. główny cel– zapewnij łatwość obsługi aplikacji, stwórz interfejs spełniający ogólne standardy.
Podczas przeprowadzania testów użyteczności tester musi:
- upewnij się, że przyciski mają odpowiedni rozmiar i są wygodne dla kciuków;
- umieść przyciski w jednym obszarze ekranu, aby nie dezorientować użytkowników;
- sprawdź, czy obrazy i ikony są ułożone zgodnie ze środowiskiem aplikacji;
- upewnij się, że kolor przycisków pełniących te same funkcje jest zgodny;
- upewnić się, że system działa prawidłowo podczas przybliżania i oddalania;
- zapewnić minimalne wprowadzanie danych z klawiatury;
- dowiedz się, czy możesz cofnąć lub anulować akcję, jeśli naciśniesz niewłaściwy klawisz;
- dowiedzieć się, czy nie są przeciążone menu kontekstowe, ponieważ wymagają szybkiego użycia;
- sprawdź, czy tekst jest prosty, zrozumiały i widoczny dla użytkownika;
- zapewnić czytelność krótkich zdań i akapitów;
- znajdować optymalny rozmiar czcionka;
- upewnij się, że w przypadku pobrania dużej ilości informacji aplikacja ostrzega użytkownika o możliwych awariach;
- sprawdź, czy możliwe jest wyjście z aplikacji w dowolnym trybie pracy i czy wznowi ona pracę w tym samym trybie;
- sprawdź, czy wszystkie wiersze są wyświetlane wymagany język oraz czy aplikacja zawiera opcję tłumaczenia;
- zapewnić synchronizację komponentów aplikacji z działaniami użytkownika;
- zapewniają wskazówki, które mogą pomóc w zrozumieniu aplikacji i efektywnym korzystaniu z niej.
Testowanie mobilna aplikacja odbywa się poprzez udział użytkowników, ponieważ tylko prawdziwi ludzie potrafi zrozumieć subiektywne odczucia wywołane pracą z aplikacją.
Testowanie aplikacji mobilnych to metoda testowania mająca na celu określenie poziomu użyteczności, przyswajalności, zrozumiałości i atrakcyjności grupa docelowa produkt opracowany w kontekście określonych warunków.
Poziom użyteczności oceniany jest za pomocą następujących punktów:
- Produktywność i efektywność – ile czasu i kroków zajmie użytkownikowi wykonanie głównych zadań aplikacji; na przykład opublikuj wiadomości, zarejestruj się, dokonaj zakupu (im mniej czasu i wymaganych kroków, tym lepiej).
- Dokładność – ile błędów popełnia użytkownik podczas uruchamiania aplikacji?
- Aktywacja pamięci (przypomnienie) – Jak długo użytkownik pamięta sposób korzystania z aplikacji po dłuższym okresie nieużywania? (Powtarzanie operacji po opóźnieniu powinno być szybsze niż w przypadku nowego użytkownika).
- Powrót emocjonalny – jak czuje się użytkownik po wykonaniu zadania: czy odczuwa mieszane uczucia, stres, czy wręcz przeciwnie, wszystko mu się podobało? Czy poleciłby system swoim znajomym?
Dwie zasady poprawy użyteczności:
- „Odporne na głupstwa” – jeśli w polu zostanie prośba o wpisanie numeru telefonu, to zakres należy ograniczyć wyłącznie do cyfr i odpowiednio zaprojektować klawiaturę. To samo należy zrobić dla E-mail oraz inne elementy wymagające wprowadzenia danych.
- Cykl Deminga (Plan-Do-Study-Act) - Oznacza to, że informacje dotyczące projektu i użyteczności należy pozyskać od istniejących użytkowników i na podstawie ich opinii należy zaplanować zmiany w aplikacji.
Nikt nie lubi prymitywnego produktu, a gdy pojawią się jakieś problemy z aplikacją mobilną, ze złością wspomina nieuczciwych programistów. Klienta i użytkowników nie obchodzi, ile wysiłku włożono w wdrożenie sprytnego algorytmu buforowania aplikacji w tło. W większości przypadków naprawdę docenią tylko część wizualną i pracę z interfejsem.
Dla naszych pracowników stworzyliśmy listę kontrolną typowych błędów w użyteczności aplikacji mobilnej. Ta lista stała się wygodne narzędzie na jazdę próbną kolejnego produktu przed dostawą. Moi koledzy programiści testują się za jego pomocą, a testerzy akceptują pracę programistów.
Więc zacznijmy.
Praca z ekranami
Wszystkie elementy nawigacyjne na wyświetlaczu muszą mieć odpowiednią wielkość i być umieszczone na optymalna odległość od siebie (aby użytkownik na pewno trafił do tych właściwych);
Aplikacja nie powinna się zawieszać, gdy szybko naciśniesz jeden lub więcej przycisków jednocześnie;
Żadnych pustych ekranów. Ważne jest, aby użytkownik na każdym etapie pracy z aplikacją rozumiał, co ma dalej robić i co się aktualnie dzieje.
Zasoby pamięci
Wycieki pamięci mogą wystąpić podczas długotrwałej pracy w aplikacji oraz w oknach ze znaczną liczbą obrazów. Często występuje, gdy buforowanie obrazów nie działa poprawnie;
Błędy aplikacji mogą pojawić się w reakcji na brak pamięci do funkcjonowania systemu operacyjnego smartfona - przetestuj zarówno pracując w tle, jak i w trybie aktywnym;
Błędy systemowe podczas przenoszenia lub instalowania aplikacji na kartę SD są oczywistym, ale częstym problemem;
Cechy techniczne wyświetlaczy i systemu operacyjnego urządzenia mobilnego
Na wyświetlaczach Retina tekst i inne elementy interfejsu wydają się mniejsze niż na zwykłych wyświetlaczach. W związku z tym, jeśli obrazy na ekranie Retina trafią do wersji bez siatkówki, mogą wydawać się po prostu ogromne;
Aplikacja musi być dostosowana do trybów poziomego i portretowego smartfona;
Sprawdzenie wersji systemu operacyjnego podczas instalacji powinno wykluczyć możliwość zainstalowania aplikacji na nieobsługiwanym urządzeniu mobilnym;
Ważne jest, aby elementy wizualne aplikacji odpowiadały swojemu celowi pod względem znaczenia i koncepcji platformy (rozwiązania optymalne dla jednej platformy mogą łatwo stać się nieodpowiednie w innej);
Reakcja na bodźce zewnętrzne
Alerty z innych aplikacji, połączeń, SMS-ów, MMS-ów;
Ładowanie urządzenia.
Rozładowanie, wyłączenie lub wyjęcie baterii urządzenia;
Czas i warunki przejścia urządzenia w tryb czuwania, w tym ochrona hasłem;
Wyłącz i włącz sieć komórkowa, tryb samolotowy, Bluetooth, GPS.
Podłączanie i odłączanie kabla USB, karty SD i innych urządzeń zewnętrznych;
Utracono połączenie z serwerem proxy lub serwerem;
Lokalizacja
Sprawdzanie dokładności i poprawności tłumaczenia;
Wyjaśnienie związku wszystkich etykiet z formularzami i przyciskami, do których się odnoszą;
Sprawdzanie specyfiki internacjonalizacji, separatorów w liczbach, formatów dat. Przykładowo, jesteśmy przyzwyczajeni do daty w formacie DD.MM.RR, natomiast dla Amerykanów ogólnie przyjętą datą jest MM.DD.RR.
Informacja zwrotna
Szybkość reakcji elementów interfejsu powinna być dość wysoka, nawet na większości słabe urządzenia wszystkiego, co obsługuje Twoja aplikacja;
W każdym momencie oczekiwania powinien wyświetlać się wskaźnik ładowania treści lub odpowiedni komunikat o wymaganym czasie;
Alerty z błędem dostępu do sieci komórkowej, Bluetooth, GPS powinny wyświetlać się poprawnie;
Przestrogi powinny być oczywiste dla użytkownika, jeśli próbuje usunąć ważne informacje;
Powiadomienia o zakończeniu gry lub procesu powinny zawsze wyświetlać się poprawnie;
Ważne jest, aby powiadomienia (dźwięki i wibracje aplikacji) były zsynchronizowane z innymi zdarzeniami wyświetlanymi na ekranie.
Aktualizacje
Ta sama wersja musi być obsługiwana system operacyjny, jak w Poprzednia wersja aplikacje - jeśli zaktualizowana wersja aplikacje korzystają nowa funkcjonalność systemu operacyjnego, należy utworzyć uproszczoną wersję aplikacji dla poprzednich obsługiwanych wersji systemu operacyjnego.
Po zainstalowaniu zaktualizowanej wersji wszystkie dane użytkownika w aplikacji muszą zostać zapisane.
Podajmy prosty przykład z praktyki firmy – aplikację lifestylową TRENDMEON. W oryginalnej wersji aplikacji, przy pierwszym uruchomieniu aplikacji, od razu pobierana była cała baza zniżek, a następnie wyświetlana lokalnie.
Ale wkrótce odkryto problem - jeśli użytkownik go miał Wolny internet, baza danych rabatów ładowała się powoli. Użytkownicy uznali to za usterkę. Uważali, że aplikacja została zamrożona i opuścili ją. Po kilku pierwszych negatywne recenzje Zmieniliśmy algorytm wyświetlania rabatów (teraz nie cała baza danych ładuje się od razu), skracając tym samym czas oczekiwania na pierwsze logowanie do 1 sekundy. Dodatkowo powiadamiamy użytkownika o ewentualnych opóźnieniach przy pierwszym wejściu do aplikacji.
Przykładów małych rzeczy, które okazały się kluczowe w naszej praktyce, było wiele. Będzie nam miło, jeśli nasza uogólniona lista głównych pomoże innym firmom w tworzeniu własnych aplikacji mobilnych. Zachęcamy do dzielenia się swoimi doświadczeniami w komentarzach.