10 przykazań projektowania aplikacji mobilnych
Opublikowany: 2017-09-20Nie komplikuj zbytnio rzeczy!
W sklepie Google Play jest ponad 3,4 miliona aplikacji — i nieco ponad 2 miliony w App Store firmy Apple. Oznacza to, że średnio dziennie do sklepu Google Play dodawanych jest 3389 aplikacji – i chociaż Apple jest nieco bardziej selektywny, 1557 aplikacji wciąż trafia codziennie do App Store.
Jeśli jesteś projektantem aplikacji mobilnych, który chce, aby Twoja aplikacja wyróżniała się z codziennego potopu, musisz stworzyć produkt, który będzie zarówno piękny, jak i przyjemny w użyciu.
Potrzebujesz trochę wskazówek, aby upewnić się, że robisz wszystko, co w Twojej mocy, aby zaprojektować udaną aplikację? Nie ma potrzeby wspinać się na górę — mamy tutaj 10 przykazań projektowania aplikacji mobilnych:
Nie komplikuj zbytnio rzeczy!
Jako projektant aplikacji łatwo dać się ponieść emocjom. Kiedy wprowadzasz na rynek nową aplikację, masz wrażenie, że musisz wpakować się w różnego rodzaju funkcje, które (w tej chwili) są po prostu tak potrzebne. Jest to szczególnie ważne, gdy pracujesz nad projektem z zespołem. Nikt nie chce być osobą, która nieustannie trzyma siekierę nad pomysłami wszystkich innych — lub osobą znaną z wycinania zabójczej funkcji z projektu. Jednak w przypadku projektowania aplikacji mobilnych, w tym dodatkowe funkcje na peryferiach, często prowadzą do zamieszania użytkownika i zaśmiecania, nieskoncentrowanego interfejsu użytkownika.
„Użytkownicy mobilni chcą eleganckiej i szybkiej obsługi. Ładowanie aplikacji kilkoma dodatkowymi krokami, a nawet próba skopiowania środowiska pulpitu dla produktu, to złe podejście do projektowania” – mówi Mark Tuchscherer, prezes Geeks Chicago. „Użytkownicy mobilni przyjmą minimalistyczne podejście ponad wszystko inne”.
Zgadzamy się — ogranicz swoje funkcje tylko do tego, co jest konieczne, a gdy już to robisz, upewnij się, że Twój interfejs użytkownika odzwierciedla podobny sposób myślenia. Twój interfejs użytkownika powinien robić dokładnie to, czego potrzebuje użytkownik i nic więcej.
Upewnij się, że Twój projekt jest dostępny
Jak powiedzieliśmy wcześniej, dostępność to nie tylko coś, co warto mieć — to kluczowa funkcja, która bezwzględnie musi być obecna w Twojej aplikacji. Mówiąc dosadnie, jeśli nie stawiasz dostępności na czele projektu aplikacji mobilnej, musisz wrócić do deski kreślarskiej.
Po pierwsze, absolutnie konieczne jest zdobycie reprezentatywnej publiczności, biorąc pod uwagę, że 57 milionów Amerykanów jest niepełnosprawnych. W rzeczywistości w Internecie jest więcej Amerykanów z wadami słuchu niż ogółu Włochów na świecie. To samo dotyczy Amerykanów z wadami wzroku. Pamiętaj — to tylko Amerykanie!
Poza tym przystępny design to po prostu dobry design. Najlepsze praktyki projektowania ułatwień dostępu, sugerowane zarówno przez Apple, jak i Androida, podkreślają rzeczy, które i tak koniecznie powinieneś robić, takie jak dokładne oznaczanie elementów sterujących interfejsu użytkownika, oferowanie nawigacji opartej na fokusie i unikanie informacji zwrotnych z aplikacji zawierających tylko dźwięk.
I oczywiście, niezależnie od tego, czy projektujesz na Androida czy iOS, absolutnie musisz przetestować swoją aplikację na szerokiej grupie odbiorców. Nie rozdawaj go po prostu w swoim biurze — oddaj go w ręce zróżnicowanej populacji. Ostatnią rzeczą, jakiej chcesz, jest to, aby Twoja aplikacja nie mogła być używana przez dużą część rynku.
Nie będziesz odkrywał koła na nowo
Chociaż może istnieć wiele urządzeń, istnieje kilka uniwersalnych wskazówek dotyczących projektowania i UX, za którymi podążają prawie wszyscy. Zastanów się nad własnym doświadczeniem korzystania z aplikacji: kiedy wchodzisz w interakcję z ekranem, spodziewasz się pewnych rzeczy. W niektórych aplikacjach może to oznaczać, że menu wyskoczy z boku po przesunięciu po nim kciukiem. Dla innych może to oznaczać logiczne i znajome gesty dotykowe, takie jak przesuwanie obiektów metodą przeciągania i upuszczania.
Nie sugerujemy, żebyś po prostu składał swoją aplikację fragmentarycznie w oparciu o elementy interfejsu użytkownika, które już są na wolności, ale powinieneś być świadomy tego, czego użytkownicy oczekują od ich aplikacji. Wszelkie nowe elementy, które dodasz, będą musiały zostać wyjaśnione za pomocą niestandardowego procesu wdrażania lub intuicyjnej nauki. To dodaje dodatkową warstwę złożoności dla twojego użytkownika. O ile absolutnie nie masz innej opcji, należy tego unikać.
Pomyśl o tym w ten sposób: jeśli pobrałeś aplikację do przeglądania zdjęć i wymagało to nauczenia się zupełnie nowego sposobu interakcji z ekranem (powiedzmy za pomocą gestów, których nie znasz), czy nadal będziesz używać to? Co by było, gdyby istniała inna aplikacja, która pozwalała używać gestów, które już znasz?
Nie odrzucaj konwencji tylko po to, by odróżnić się od konkurencji. Zawsze powinieneś pracować w języku projektowania, który znają Twoi użytkownicy, chyba że dodanie nowych elementów jest nieuniknione i dodaje coś do doświadczenia aplikacji
Zawsze pamiętaj, dla kogo projektujesz
Jeśli projektujesz mobilną aplikację do edycji zdjęć dla fotografów, będziesz mieć inne priorytety niż w przypadku projektowania gry zapamiętywania słów dla małych dzieci. Każda publiczność, dla której projektujesz, będzie miała inne oczekiwania i każda będzie reagowała na różne rodzaje projektów.
Pomocne może być opracowanie person dla fikcyjnych użytkowników Twojej aplikacji, aby modelować sposób, w jaki ludzie będą z nią korzystać. Projektujesz dla profesjonalisty? Uczeń? Doktor? Przedsiębiorstwo? Mała firma? Czy tworzysz coś, co jest przeznaczone do użytku przez klientów lub personel? Programiści czy projektanci? Muzycy czy biegacze?
Zanim zaczniesz szkicować projekt, upewnij się, że dokładnie wiesz, co tworzysz — i dla kogo to tworzysz. Powinieneś być w stanie sprowadzić swój cel i docelową grupę demograficzną do jednej, prostej frazy: „Aplikacja randkowa dla miłośników podróży”. „Aplikacja do miksowania studyjnego dla początkujących producentów”. „Narzędzie do diagnostyki sieci dla specjalistów IT”.
Polecany dla Ciebie:
Jak Metaverse zmieni indyjski przemysł motoryzacyjny?
Co oznacza przepis anty-profitowy dla indyjskich startupów?
W jaki sposób start-upy Edtech pomagają indyjskim pracownikom podnosić umiejętności i być gotowym na przyszłość...
Akcje New Age Tech w tym tygodniu: Kłopoty Zomato nadal, EaseMyTrip publikuje Stro...
Indyjskie startupy idą na skróty w pogoni za finansowaniem
Digital Marketing Platform Logicserve Bags Finansowanie INR 80 Cr, zmienia nazwę na LS Dig...
Jeśli masz z tym problem, zastanów się, dlaczego tak jest — czy naprawdę koncentrujesz się na stworzeniu najlepszego doświadczenia dla użytkownika, czy po prostu próbujesz zaprojektować coś, co wygląda fajnie dla Ciebie? Nigdy nie trać koncentracji na swoim celu.
Powinieneś używać czcionek, które nie są nieprzyjemne
Ten grzech projektowy jest czymś, czego wszyscy doświadczyliśmy. Nie ma znaczenia, czy znajduje się w aplikacji, na papierze firmowym z gabinetu lekarskiego, czy na slajdzie programu PowerPoint — zauważamy, że czcionka nie pasuje.
Napisano wystarczająco dużo o upadku Comic Sans lub Papyrus, że można by pomyśleć, że projektanci aplikacji mobilnych zwracaliby nieco większą uwagę na czcionki, których używają w swoich projektach — ale nie zawsze tak jest. Samo unikanie kilku złych czcionek nie wystarczy, aby Twoja aplikacja była piękna. Musisz znaleźć czcionkę, która pasuje do Twojej aplikacji i która nie umniejsza Twojego UX.
„Typografia jest integralną częścią doświadczenia użytkownika, dlatego ważne jest, aby używać czystych i prostych czcionek internetowych” — mówi Mike Spencer, starszy inżynier ds. UX/UI w Pointman. „Wolę czcionki bezszeryfowe w aplikacjach mobilnych, ale naprawdę ważne jest, aby pasowały do projektu i były czytelne”.
Powinieneś być konsekwentny
Musisz dokonywać wyborów projektowych i trzymać się ich w całej aplikacji. Nie używaj górnego paska nawigacyjnego na każdej stronie, zanim nagle przełączysz się na wysuwany panel boczny na kilku wybranych ekranach. Nie używaj łagodnych tonów ziemi na ekranie powitalnym i przełącz się na pastele po załadowaniu. Jeśli jeden przycisk w Twojej aplikacji ma określoną ilość dopełnienia, wszystkie powinny mieć to samo dopełnienie. Twoja aplikacja musi być ujednolicona przez cały czas, w przeciwnym razie będzie drażniąca i nieprzyjemna dla użytkownika.
Utrzymanie spójności to nie tylko estetyka. Elementy projektu, których używasz, w subtelny sposób uczą potencjalnego użytkownika czegoś o Twojej aplikacji. Jeśli nagle zmienisz zasady, odrzucisz je i pomylisz.
Jeśli istnieją inne aplikacje podobne do Twojej, zwróć uwagę na to, co robią. Dzięki temu dowiesz się, jakie oczekiwania wniosą użytkownicy do Twojej aplikacji. Zauważysz, że wszystkie aplikacje Google mają spójny wygląd — to samo dotyczy Apple. Jeśli projektujesz coś dla konkretnej firmy lub branży, upewnij się, że Twoja aplikacja pasuje do ich stylu. Podobnie, jeśli tworzysz aplikację dla określonej branży, powinna ona estetycznie wydawać się „odpowiednia” dla tej branży.
Pamiętaj o mobilności
Projektowanie aplikacji mobilnych jest… no cóż, mobilne. Mimo to wielu projektantów zdaje się zapominać, że użytkownicy będą poruszać się po aplikacjach za pomocą palców (a w wielu przypadkach tylko kciuków). Chociaż telefony stały się większe w ciągu ostatnich kilku lat, wciąż jest wielu użytkowników i przypadków użycia, które wymagają obsługi jedną ręką.
Powinieneś także pomyśleć o środowisku, w którym będą przebywać Twoi użytkownicy. Mogą siedzieć w jadącym pojeździe lub naciskać przyciski podczas chodzenia. Jeśli masz zbyt wiele przycisków ułożonych zbyt blisko lub ekran jest zaśmiecony niepotrzebnymi elementami projektu, Twoja aplikacja będzie trudna do zrozumienia i nieprzyjemna w użyciu. Twój interfejs użytkownika musi być przejrzysty i uporządkowany, aby użytkownicy mogli łatwo znaleźć potrzebną im funkcję i z łatwością nacisnąć odpowiedni przycisk.
Robert Grashuis i Jason Moccia, odpowiednio CIO i dyrektor generalny OneSpring, zwracają uwagę na znaczenie używania dużej ilości negatywnej przestrzeni, aby pomóc użytkownikom nawigować po aplikacji. „Zbyt duża aktywność na ekranie rozprasza czytelników. Rozsądnie wykorzystuj białą przestrzeń, aby zmniejszyć bałagan i pomóc użytkownikowi skupić się”.
Pamiętaj o przepływie użytkownika
Bez względu na to, jak przejrzysty jest Twój projekt, jeśli Twoja aplikacja nie ma naturalnego przepływu, nie przekona użytkowników. Zanim zagłębisz się w projektowanie aplikacji mobilnych, musisz zadać sobie kilka podstawowych pytań, takich jak:
- Jakiemu celowi służy Twoja aplikacja dla użytkownika?
- Jak będą się przez nią poruszać, aby dostać się do potrzebnych funkcji?
- Ile stron będą musieli przeanalizować?
- Ile kliknięć w menu potrzeba, aby uzyskać dostęp do określonego przycisku?
- Które funkcje muszą być najbardziej dostępne?
Może to pomóc w ukierunkowaniu projektu, pokazując dokładnie, co należy umieścić na każdej stronie. Najlepiej byłoby, gdyby ten krok miał miejsce przed rozpoczęciem szkicowania (lub tworzenia prototypów) aplikacji. W pustym dokumencie lub na kartce papieru możesz wyznaczyć przepływ użytkownika dla różnych zadań. Na przykład, jeśli projektujesz aplikację, która pomaga muzykom dostroić ich instrumenty, możesz mieć przepływ, który wygląda mniej więcej tak:
Ekran główny > Wybierz instrument [Gitara] > Wybierz strojenie [Standard] > Wybierz strunę [E]
Możesz zdecydować się na uproszczenie przepływu typowych zadań. Na przykład tuner może umożliwić użytkownikom zapisanie określonej kombinacji instrumentu i strojenia pod przyciskiem na ekranie głównym. Po wybraniu preferowanego instrumentu i strojenia przepływ będzie wyglądał następująco:
Ekran główny > Zapisany instrument/strojenie > Wybierz strunę [E]
Takie mapowanie zachowań użytkowników może pomóc w zaprojektowaniu aplikacji, która działa w sposób naturalny. Zapewnia również, że nie zapomnisz dodać konkretnego elementu projektu, który może mieć kluczowe znaczenie dla sukcesu Twojej aplikacji.
Stwórz realistyczny prototyp
Projektowanie aplikacji — nie wspominając o jej kodowaniu — może być długim i frustrującym procesem. Niemal każdy projektant lub programista miał doświadczenie w wymyślaniu niesamowitego projektu, kodowaniu go i wysyłaniu do klienta tylko po to, by dowiedzieć się, że po prostu nie jest tym, czego szukają.
Podobnie żonglowanie szkicami może zaprowadzić cię tylko tak daleko. Jest dość duża różnica między czymś wyrytym na odwrocie serwetki a realistycznym prototypem, który można przetestować. Podczas gdy szkic może przekazać ogólny pomysł, interaktywny, realistyczny prototyp może sprawić, że klient wyskoczy z fotela. A nawet jeśli nie są nim zachwyceni, działający prototyp znacznie ułatwi uzyskanie opinii i wprowadzenie niezbędnych zmian.
Proto.io daje Ci możliwość projektowania realistycznych, interaktywnych, rozbudowanych prototypów, które zachowują się jak „prawdziwe” aplikacje, bez konieczności pisania nawet jednej linii kodu. W ten sposób możesz zapewnić swojemu klientowi i zespołowi ds. kontroli jakości prawdziwe, praktyczne doświadczenie, zanim zagłębisz się zbyt głęboko.
A mówiąc o kontroli jakości…
Przetestuj, a potem przetestuj trochę więcej
Prawdę mówiąc, kiedy po raz pierwszy zaczęliśmy pisać ten wpis na blogu, kusiło nas, aby przeprowadzić „testy” od 1 do 10 — oto jak ważna jest kontrola jakości. To jest coś, co powinno być oczywiste — w rzeczywistości prawie każdy programista lub projektant na świecie powie Ci, że testowanie jest kluczowe dla stworzenia płynnego UX.
A jednak wszyscy mieliśmy takie same doświadczenia z pobieraniem aplikacji i byliśmy całkowicie zaskoczeni tym, jak źle działa — może nie uruchamia się poprawnie na naszych telefonach, a może proces wdrażania jest tak przerażający, że natychmiast usuwasz to. Alternatywnie może działać dobrze technicznie, ale mieć elementy projektu, które nie mają sensu lub tekst, który jest nieczytelny.
Nawet jeśli Twoja aplikacja nie ma krytycznej usterki, użytkownicy mogą być kapryśni. Jeden drobny błąd może wystarczyć, aby nigdy więcej nie skorzystał z Twojej aplikacji. Aby tego uniknąć, przetestuj swoją aplikację przez cały proces. Od pierwszego prototypu do momentu wysłania gotowej do uruchomienia aplikacji do walidacji zawsze powinieneś szukać rzeczy, które można naprawić lub ulepszyć.
Chociaż te 10 reguł utrzyma Cię na właściwej drodze, projektowanie aplikacji mobilnych nie polega tylko na podążaniu za przewodnikami lub zaznaczaniu elementów z listy rzeczy do zrobienia. Musisz być kreatywny — najlepsze aplikacje znajdują złożone problemy i elegancko je rozwiązują.
[Ten post pojawił się po raz pierwszy na Proto.io i został powielony za zgodą.]