Po prostu opracuj: proces projektowania aplikacji w szczegółach

Popularne i przydatne aplikacje mobilne, z których korzystamy na co dzień, w większości wyglądają na bardzo nieskomplikowane i intuicyjne. Według badań Statista jest to również najbardziej pożądana dziedzina tworzenia oprogramowania z ponad 280 miliardami pobrań w 2018 roku.

Newzoo mówi, że jest to równowartość ponad 92 miliardów dolarów. Uruchomienie aplikacji mobilnej wymaga wiedzy, precyzji, czasu i pieniędzy. Jednak żaden z nich nie zadziałałby bez silnego usystematyzowanego podejścia.

Przygotuj się na długi cyfrowy trening dzięki temu kompleksowemu przewodnikowi po procesie projektowania aplikacji mobilnych. Im mniej masz bólu głowy, tym więcej osiągasz celów!

Definicja procesu projektowania aplikacji

Jest to dość oczywiste, ale nadal bardzo ważne, aby wiedzieć. Istnieje ogromna różnica między fazą przygotowawczą projektowania, która dotyczy strategii, a samym procesem projektowania. Druga faza obejmuje etapy, które wymagają jako podstawy wyników planowania strategicznego. Staraj się wyznaczać właściwe cele. Aby proces przebiegł pomyślnie, zacznij zadawać pytania dotyczące nadchodzącego produktu. Jest to bardzo podobne do tego, co robimy, aby poznać wartość aplikacji.

Jaka jest Twoja grupa docelowa? Aby dobrze to zobaczyć, wyobraź sobie posłańca. To jeden z najpopularniejszych typów aplikacji. Każda grupa wiekowa używa go na co dzień, ale dlaczego Snapchat jest bardziej kojarzony z młodymi ludźmi, podczas gdy Facebook jest popularny wśród wszystkich? To efekt odpowiedniego targetowania. Można śmiało powiedzieć, że Zuckerberg był pionierem na rynku, ale twórcy Snapchata wpadli na pomysł, który jest bardziej atrakcyjny dla określonej grupy odbiorców. Oczywiste jest, że nastolatki nie potrzebują funkcji do komunikacji biznesowej.

Z jakimi zadaniami poradzi sobie Twoja aplikacja? Odpowiedź na to pytanie powinna być prosta i pewna. Funkcje muszą pasować do potencjalnych potrzeb odbiorców docelowych i być wizualizowane w surowym, ale wyraźnym schemacie szkieletowym. Żaden projektant aplikacji nie byłby w stanie rozpocząć pracy bez tego przypadku. Ostatnim i najważniejszym punktem fazy strategii jest budżet. Jeśli masz to wszystko, czytaj dalej.

Papiery proszę!

Głównym kanałem percepcji przeciętnego użytkownika smartfona jest obraz. Możesz być bardzo kreatywny i wymyślić coś niezwykłego, ale musisz trzymać się zasad, aby je złamać. Platformy Android i iOS mają swoją specyfikę, której nie można lekceważyć. Użytkownicy są przyzwyczajeni głównie do projektów wymuszonych przez natywne aplikacje posiadaczy platform. Przestudiuj je, aby zrozumieć podstawowe informacje. Każda aplikacja natywna wymaga ogromnego wysiłku, ton pieniędzy i badań, aby zapewnić najlepszą jakość UX (doświadczenie użytkownika). Dlatego możesz ich używać do oszczędzania zasobów.

Zacznij od papierowego modelu UI (interfejsu użytkownika). Spróbuj zaprojektować wygląd swojej aplikacji w jak najbardziej minimalistyczny sposób. Nie ma znaczenia, jak skomplikowane są jego zadania. Twoja wiedza o docelowych odbiorcach często wystarczy, aby dowiedzieć się, co robić, ale nie będą się przejmować, jeśli znajdą mniej wymagające oprogramowanie. Wyobraź sobie młotek. Kilka tygodni temu sprawdziłem aplikacje do zapisywania danych mobilnych. Były trzy świetne aplikacje, ale za najbardziej udaną uważam Google Datally, mimo że ma pomniejsze opcje. Jego interfejs użytkownika jest podobny do każdej natywnej aplikacji na Androida i radzi sobie z oszczędzaniem danych prawie na tym samym poziomie, co jej potężni rywale. Wygra pod względem liczby pobrań, ponieważ użytkownicy literacko nie muszą myśleć, jak z niego korzystać.

Oznacza to, że możesz wstępnie zoptymalizować UX aplikacji, pozbywając się wszystkiego, co może być zidentyfikowane jako bałagan. Takie podejście ułatwiłoby wszelkie dalsze działania. Na tym etapie musisz również wybrać kolor wiodący, który prawdopodobnie będzie jedyny. Następnie narysuj wszystkie zakładki menu i przyciski, aby zdefiniować głębokość i wyniki wszelkich działań.

Prototyp

Prototyp to aplikacja, która daje Ci wiele korzyści. Nie wydasz na to dużo pieniędzy, więc przepracuj poprzednią fazę, aby szybciej się wcieliła. Gotowy prototyp może mieć wiele błędów i niedoskonałości, ale dużo wygodniej jest go pokazać inwestorom, testerom i producentom.

Projektant stron internetowych uprzejmie przedstawił mi program Adobe XD, który doskonale nadaje się do tworzenia prototypów. Chwyć wszystkie podstawy i szybko zaimplementuj je w wersji ekranowej. To oprogramowanie kosztuje dużo taniej niż oprogramowanie dla programistów i bardzo łatwo jest go pilotować przy dość podstawowych umiejętnościach.

Kolejną zaletą korzystania z takiego „Powerpointa dla programistów" jest bezpieczeństwo. Nawet prototyp musi być zabezpieczony przed atakami i kradzieżą. Zapisuj projekty w Adobe CC i miej mniej czasu na zabezpieczenia.

W rzeczywistości możesz mieszać fazy rozwoju w tym programie. Kolory, czcionki, obrazy, animacje i przyciski są lepiej widoczne w wersji cyfrowej. Poświęć trochę czasu na ich przetestowanie. Poproś znajomych, aby przyjrzeli się i zwrócili uwagę na ich zachowanie i komentarze. Niektóre z nich mogą udoskonalić Twoją wizję, a nawet zmienić kierunek rozwoju UI. Przejdźmy do szczegółów wizualnych.

Zabarwienie

Badania psychologiczne dowodzą, że kolor jest jednym z najpotężniejszych aspektów każdego projektu. Według badań Kissmetrics 92% respondentów jest świadomych, że większość ich decyzji zakupowych opiera się na preferencjach kolorystycznych.

Bądź świadomy znaczenia kolorów. Najczęstszym wyborem jest niebieski, ponieważ jest odpowiedni dla obu płci. Amerykanom i Europejczykom kojarzy się z niezawodnością i bezpieczeństwem. Mniej powszechny żółty kolor jest bardziej skuteczny w przypadku młodych ludzi i dzieci. Snapchat jest doskonałym przykładem jego właściwego wykorzystania.

Zachowaj ikonę aplikacji, ekran główny i karty w jednym kolorze, aby były znaczące i całościowe. Ta zasada jest podstawowa, ale nie w 100% ścisła, więc porównaj ją z funkcjami aplikacji. Aby było to jasne, wyobraź sobie aplikację aparatu z różowymi lub czerwonymi panelami. Robienie zdjęć stałoby się trudnym biznesem z takim interfejsem.

animacje

Minimalizm jest tu również podstawową zasadą. Animacje muszą uzupełniać działania i nie zwracać na siebie uwagi, jeśli nie jest to sprzeczne. Unikaj opóźnień ruchu, czasochłonnych i zaawansowanych graficznie funkcji, aby zachować równowagę między użytecznością a wyglądem.

Gesty

Gesty to ukryte elementy sterujące nawigacją. Dlatego nie są one oczywiste dla wszystkich użytkowników. Żadna aplikacja obsługująca podstawowy format nie powinna być sterowana wyłącznie gestami. Wybierz te ruchy, które widzisz w każdej popularnej aplikacji. Użytkownicy będą zadowoleni z braku konieczności nauki. Wyobraź sobie krzywą uczenia się, która rośnie wraz z każdą nieznaną lub nieintuicyjną funkcją. Im wyższa jest ta krzywa, tym mniej użytkowników zostaje.

Czcionki i elementy

Większość przypadków wymaga ścisłego stosowania podstawowych czcionek i elementów funkcjonalnych systemu mobilnego. Powód znów leży po stronie celnej. Niektóre kreatywne projekty mogą nie zostać dobrze odebrane, jeśli nie pasują do koncepcji systemu-matki. Gry mogą być wyjątkowe, ale tworzenie komunikatora opartego na komiksie nie byłoby dobrą decyzją.

Funkcjonalne ikony i elementy są lepiej postrzegane, jeśli są znajome. Ujednolic je płynnymi animacjami lub lekką stylizacją, ale nie przesadzaj. Każdy interfejs użytkownika musi być przede wszystkim szybki i intuicyjny.

Wytnij bałagan

Każde okno Twojej aplikacji powinno na pierwszy rzut oka przedstawiać kompleksowy komunikat. Wszystkie tytuły muszą być wolne od dzielenia wyrazów, aby zaoszczędzić czas użytkowników. Im krótsze zdania, tym lepiej. Sprawdź skuteczność tekstu z każdym nieznanym użytkownikiem Twojej aplikacji. Wystarczy spojrzeć na jego zachowanie. Jeśli wyglądają na zrelaksowanych i nie zdziwionych, masz właściwy pomysł. Upewnij się, że ważne informacje mieszczą się nawet na najmniejszym ekranie, aby uniknąć nadmiernego przewijania. Aplikacje mobilne nie mogą używać skrótów klawiszowych, więc wszystkie ogólne menu i elementy powinny być dostępne po jak najmniejszej liczbie dotknięć.

Należy pamiętać, że nie można ograniczać przestrzeni bez rzeczywistej zawartości. Funkcje tworzą podstawę, ale nie można zobaczyć kompletnego projektu bez ścisłego sformułowania.

Zrób cięcie

Po zakończeniu wszystkich przygotowań nadszedł czas na kodowanie działającej aplikacji do testów. Kodowanie jest dość drogie, dlatego lepiej jest stworzyć i przetestować aplikację na jednej platformie, aby uniknąć poważnych strat finansowych.

Niektórzy eksperci twierdzą, że testy powinny odbywać się w sposób zamknięty i bezpieczny, podczas gdy inni zalecają beta-testy. Pierwszy wariant jest wystarczający w przypadku dużej dostępności grupy testowej. Klientom spodobałaby się aplikacja, która działa płynnie i nie ma widocznych błędów od samego początku. Ta metoda jest bardzo kosztowna, ponieważ wymaga silnych środków bezpieczeństwa. Każdy z twoich projektów i fragmentów kodu musi być chroniony przed szpiegami. I pomyśl o opłatach testerów.

Nadchodzą korzystne beta-testy online! Jest to dość wymagające, ale kosztuje mniej. Korzystaj z platform takich jak Erli Bird i Betalist lub publikuj reklamy w Reddit, Quora lub Twitter. Aby przyciągnąć najbardziej odpowiednich testerów, należy szczegółowo określić ich osobowość i najsurowsze wymagania. Powiedz im, że masz błędy do naprawienia, aby szukali błędów w kodzie. Nawet po tym pomiarze, niektórzy ze 100-300 testerów, których znajdziesz, prześlą ci prosty raport.

I nie zapomnij o ograniczeniach czasowych. Daj testerom plan z okresami czasu przeznaczonymi na różne zadania. Utrzymanie zaangażowania ludzi jest dość trudne, więc warunki muszą być ograniczone. Przy okazji, pomyśl o środkach dopingujących. Kody do nieograniczonych uprawnień są wystarczająco dobre.

Raporty to najważniejszy etap, bo należy oddzielić ziarno od plew. Każda opinia jest cenna, ponieważ jest w stanie ulepszyć Twój produkt, zanim rozpocznie się właściwa sprzedaż. Policz z opiniami i napraw części, jeśli wydaje się to logiczne. Zamknięta faza testów beta może się powtarzać, więc nie martw się. Każda okazja, aby ją ulepszyć, jest warta czasu i pieniędzy.

Pamiętaj o pierwszym wrażeniu

Pamiętaj, że prawdziwi użytkownicy ocenią Twoją aplikację na podstawie pierwszego wrażenia. Localytics podają, że 24% użytkowników nigdy nie wraca do nowej aplikacji po pierwszym spojrzeniu. Aby utrzymać tę liczbę na jak najniższym poziomie, unikaj obowiązkowych ekranów konfiguracji. Wiele danych użytkownika może zostać pobranych z systemu, więc poproś o pozwolenie i zadowalaj użytkowników z wstępnie wypełnionymi lukami.

Nie przytłaczaj ludzi instrukcjami. Jeśli są niezbędne, lepiej udostępniać je tylko w tych miejscach, w których użytkownicy mogą ich potrzebować. Zawsze umieszczaj przycisk „odmów”, aby pomóc zaawansowanym użytkownikom pominąć wprowadzenie i instrukcje wprowadzające.

Ta sama historia dotyczy rejestracji. Wiele aplikacji wymaga kont osobistych, aby otworzyć podstawowe funkcje, ale te najbardziej przyjazne trzymają się z dala od ekranu logowania tak długo, jak to możliwe. To kwestia psychologiczna, która jest podobna do każdej innej sprawy związanej ze sprzedażą produktów. Nie możesz niczego sprzedać, krzycząc „Kup to!”. Tylko dobra argumentacja może sprzedać Twoją aplikację.

Ważnymi argumentami są jakościowy interfejs użytkownika, łatwe do wykonania działania, drobne żądania obowiązkowych działań, opis bez instrukcji i brak błędów, na pewno. Każdy nowoczesny UX ma być szybki, więc strony powinny odpowiadać w mniej niż 2 sekundy. Ekrany wczytywania powinny mieć trudności z utrzymaniem uwagi użytkowników za pomocą atrakcyjnych elementów wizualnych, ważnych informacji, a nawet żartów.

Dolna linia

Podsumowując, proces projektowania aplikacji jest dość przejrzysty na swoich etapach, ale nadal skomplikowany, jeśli chodzi o wdrożenie. Zwracaj uwagę na wszystko, co dzieje się z Twoim produktem, i skup się na wizualnym wyniku każdej funkcji. Właściciele smartfonów kochają oczami i wolnymi palcami, więc postaraj się zminimalizować wysiłki użytkowników, aby pomóc im osiągnąć najwyższą wydajność i pochwalić programistę 5 gwiazdkami.