7 śmiertelnych grzechów w projektowaniu interfejsu użytkownika aplikacji mobilnych, których nigdy nie powinieneś popełniać
Opublikowany: 2015-09-09Czy zasady mają być łamane? To naprawdę zależy od reguły. W świecie projektowania interfejsu użytkownika aplikacji mobilnych jest pewne pole manewru, jeśli chodzi o takie rzeczy, jak estetyka, gesty i animacje. Może się zdarzyć, że prosta, funkcjonalna aplikacja ma więcej sensu niż efektowna lub na odwrót.
Ale są pewne kardynalne zasady, których się nie łamie. Jeśli projekt interfejsu użytkownika aplikacji mobilnej uniemożliwia użytkownikowi dostęp do kluczowych funkcji, jest to niemożliwe. Jeśli twój tekst jest tak mały, że nikt nie może go przeczytać, musisz wrócić do deski kreślarskiej. Biały tekst na jasnym tle? Spróbuj ponownie.
Chcieliśmy dowiedzieć się, co odnoszący sukcesy projektanci uważali za siedem grzechów głównych związanych z projektowaniem interfejsu użytkownika aplikacji mobilnych. Poprosiliśmy trzech ekspertów i opracowaliśmy trzy oddzielne listy — ale sprawdź, czy możesz znaleźć podobieństwa w każdej z nich.
7 śmiertelnych grzechów projektowania interfejsu użytkownika aplikacji mobilnych — według ĘKTA
Alyssa Burke i Macy Nguyen są projektantami interfejsów użytkownika i interakcji wizualnych w ĘKTA (@akta), firmie konsultingowej zajmującej się doświadczeniami cyfrowymi i zaangażowaniem. Obaj pracowali nad natywnymi projektami projektowania mobilnego dla firm z listy Fortune 500 i szybko rozwijających się startupów, wnosząc swoje projekty interfejsu użytkownika do niektórych z najlepszych projektów agencji. Oto, co uważają za niewybaczalne grzechy projektowania interfejsu aplikacji mobilnych:
Ignorowanie kontekstu
Osobiste profile docelowych użytkowników (wiek, styl życia, zaawansowanie techniczne itp.) oraz ich środowisko fizyczne (w pomieszczeniach vs na zewnątrz, offline vs online, rano vs wieczorem itp.) będą miały wpływ na wiele decyzji projektowych. Projektanci interfejsu użytkownika aplikacji mobilnych powinni uwzględnić jak najwięcej kontekstowego rozumowania w procesie iteracyjnym, aby zmniejszyć ryzyko niskiej użyteczności. Nawet przy płynnych przejściach, zgrabnych przyciskach i pięknych krojach niektóre aplikacje chybiają celu, ponieważ ogólny projekt interfejsu użytkownika nie pokrywał się z konkretnymi przypadkami użycia (ciemne ekrany dla aplikacji, które są najczęściej używane na zewnątrz: zły ruch projektu interfejsu użytkownika).
Projektowanie w pudełku
Projektowanie i budowanie produktów cyfrowych to wysiłek zespołowy (i społeczności). Kluczowe znaczenie ma wczesne i częste pokazywanie prac projektowych przez cały czas trwania projektu różnym kolegom z zespołu, a nawet osobom, które nie są zaznajomione z konkretnym projektem (technicy, nowicjusze, geekowie, fanatycy, przyjaciele, nieznajomi, bracia i hipsterzy). Daj im kontekst, którego potrzebują, ale nie od razu przesadzaj w obronie. Lepiej zrobić miejsce na zmiany na wcześniejszym etapie procesu niż naprawiać problemy po uruchomieniu.
Snubbing programiści
Bardziej niż programiści i inżynierowie będący twoimi kolegami z zespołu (i okazjonalnymi kumplami do picia), są czarodziejami technologii, którzy nie tylko wiedzą, co działa w prawdziwym świecie, ale mogą również być twoim mistrzem w upewnianiu się, że twoje pomysły zostaną zrealizowane zgodnie z twoimi wyobrażeniami. Istnieje kilka projektów interfejsu użytkownika aplikacji mobilnych, których wykonanie jest technicznie niemożliwe. Są też rzeczy, które są możliwe, ale zajmą dużo wysiłku i/lub czasu poza tym, co zostało zaplanowane dla projektu. Nigdy się nie dowiesz, chyba że zapytasz. Pod koniec dnia programiści opracują Twoje projekty. Mogą cię wspierać lub nienawidzić.
Niewykorzystanie projektowania ruchu
Ponieważ Internet rzeczy powoli przejmuje kontrolę, a interfejsy cyfrowe odgrywają większą rolę w interakcji ludzi z otaczającym ich światem, projektanci muszą poważniej potraktować ten aspekt projektowania interfejsu użytkownika. Ludzie z natury czerpią znaczenie i inaczej reagują na to, jak poruszają się obiekty w ich otoczeniu. Używanie odpowiednich ruchów interfejsu użytkownika to bardzo skuteczny sposób na określenie priorytetu i pilności. W niektórych przypadkach, gdy jest właściwie stosowany, może również wywoływać zachwyt. Jako dodatkowy bonus, sprawdź Dwanaście podstawowych zasad animacji Disneya.
Korzystanie z małego typu
Ludzie czytają treści na ekranach wolniej, mniej dokładnie i mniej kompleksowo niż na papierze. Zgodnie z ogólną zasadą, rozmiar czcionki dla interfejsów cyfrowych powinien być co najmniej dwa razy większy niż rozmiar, który sprawdza się w przypadku drukowania. Różne kroje pisma i ustawienia czcionek również dają różne wyniki, zwłaszcza gdy użytkownicy próbują wykonać wiele zadań na swoich urządzeniach mobilnych. Oprócz unikania małych rozmiarów czcionek określ, jak inne elementy interfejsu użytkownika, takie jak kształty przycisków, obrazy i interakcje, wpływają na pożądany ogólny UX.
Lekceważenie celów dotknięcia
Wielu projektantów UI aplikacji mobilnych wciąż nie zauważa prostego faktu, że palce użytkowników różnią się wielkością. Jeśli chodzi o cele dotykowe zorientowane na działanie lub zadania, postaraj się, aby były proste i jak największe. Weź pod uwagę „roztrzęsione ruchy” podczas projektowania dla osób starszych i podobnie niedokładne stukanie podczas projektowania dla dzieci. Możesz pozostawić pusty obszar wokół zasobu podczas krojenia, aby zwiększyć rozmiar kranu, aby nie spóźniał się zbytnio na czas ładowania.
Bycie lojalistą platformy
Posiadanie jednego projektu dla Androida i iOS jest ograniczone i może mieć negatywny wpływ na ogólne cele UX. Obie platformy mają różne wzorce projektowe, które znają ich użytkownicy. Projektanci interfejsu użytkownika powinni nie tylko być z nimi zaznajomieni, ale także badać powszechnie używane aplikacje, które są dostępne na obu platformach.
7 zabójczych grzechów projektowania interfejsu użytkownika aplikacji mobilnych — według Moblico Solutions
Rozmawialiśmy z kilkoma członkami zespołu w Moblico Solutions (@moblico), firmie zajmującej się rozwiązaniami do zarządzania relacjami mobilnymi, której celem jest pomoc markom w „tworzeniu bardziej efektywnych momentów mobilnych”. Po doradzaniu klientom z wielu branż, jak sprawić, by ich aplikacje zapewniały lepsze wrażenia, wiedzą, co działa w projektowaniu interfejsu użytkownika aplikacji mobilnych, a co nie. Oto ich podejście do 7 grzechów głównych związanych z projektowaniem interfejsu aplikacji mobilnych:
Polecany dla Ciebie:
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...
Raport ostrzega przed odnowioną kontrolą regulacyjną dotyczącą przestrzeni Lendingtech
Zajmuje dużo miejsca na urządzeniu w stosunku do postrzeganej wartości
Kiedy pojawi się przerażające okienko „brakuje miejsca”, natychmiast przechodzisz do swoich aplikacji i zaczynasz je usuwać. Jeśli aplikacja jest duża, zajmuje dużo miejsca i nie zapewnia wystarczającej wartości? Hasta la vista. Lepiej, aby aplikacje były małe, aby nie przeszkadzały w krojeniu.
Proszenie o pozwolenie zaraz po uruchomieniu aplikacji (push, lokalizacja, kamera itp.)
Jak często pobierasz aplikację i jesteś tak podekscytowany, że możesz ją otworzyć i zacząć z niej korzystać, tylko po to, aby otrzymać natychmiastowe pudełko? Nie wiem, co mówiło pudełko, po prostu je zamknąłem i poszedłem dalej. Co to było, zastanawiam się? No cóż. Nowa aplikacja!
Wymaganie logowania, rejestracji lub co gorsza — zakup — po pobraniu i przed użyciem aplikacji
Właściwie, może ten powinien być numerem jeden — to trudne wezwanie. Jedną z najgorszych rzeczy, jakie możesz zrobić użytkownikowi, jest pozwolenie mu na pobranie aplikacji, a następnie poinformowanie go, że musi mieć jakiś płatny plan, aby faktycznie z niego korzystać. Zły zły zły. Usunięto.
Tworzenie projektu interfejsu użytkownika aplikacji mobilnej, który wygląda jak strona internetowa
Czy to nie przekreśla celu posiadania aplikacji mobilnej? Jeśli jest jedna rzecz, która pali programistę mobilnego, to po prostu „minimalizowanie” doświadczenia online i nazywanie go aplikacją. Aplikacje mobilne mają lub powinny mieć określone narzędzie, a zmniejszanie strony internetowej rzadko służy celom, których oczekuje użytkownik.
Źle umieszczone reklamy lub reklamy, które skłaniają Cię do kliknięcia przez maleńkie „x”.
Jak denerwujące jest przewijanie strony mobilnej, gdy palec zbyt długo zatrzymuje się na obrazie, a następnie przechodzisz do reklamy w przeglądarce? A co do tego małego „x” — kto może to uderzyć? Staje się hazardem. Czy staram się trafić w maleńki „x”, ryzykując, że natknę się na niego i kliknę reklamę? Ach! Wybory!
Przeciążanie mnie powiadomieniami push
Tak, masz teraz aplikację i jesteś na ekranach domowych milionów ludzi. To dużo mocy. Ale zastanów się, zanim zaczniesz naciskać i zawsze zadawaj sobie pytanie: czy to ma znaczenie? Czy ten użytkownik będzie chciał otrzymać to powiadomienie? Jasne, możesz powiadamiać za każdym razem, gdy opublikujesz nową koszulkę w swoim sklepie mobilnym, ale czy powinieneś? Z dużą mocą przychodzi duża odpowiedzialność.
Brak jednokrotnego logowania (SSO) w celu uzyskania dostępu do kont mobilnych
Najlepsze wrażenia użytkowników mają miejsce, gdy twórcy aplikacji zakładają, że ludzie nie chcą pracować na to doświadczenie. Nikt tak naprawdę nie chce tworzyć nowego loginu do Twojej aplikacji. Logowanie jednokrotne jest teraz naszą rzeczywistością i musimy to zaakceptować. Facebook wygrał. Przejdźmy dalej.
7 zabójczych grzechów projektowania interfejsu użytkownika aplikacji mobilnych — według Ideaware Co.
Andres Max (@andresmax) jest założycielem Ideaware Co. (@ideawareco), cyfrowej agencji kreatywnej, która pomaga zarówno startupom, jak i firmom z listy Fortune 500 tworzyć atrakcyjne aplikacje. Przed założeniem Ideaware Max był głównym projektantem UX w Mashable. Zaprojektowany dla więcej niż kilku graczy z branży, Max ma silne odczucia na temat tego, co uważa za siedem grzechów głównych związanych z projektowaniem interfejsu użytkownika aplikacji mobilnych:
Brak opinii użytkowników, gdy użytkownik coś kliknie
Na miłość boską, przekaż opinię użytkownikom, gdy zrobią coś w Twojej aplikacji — w przeciwnym razie użytkownik po prostu pomyśli, że aplikacja się zawiesiła i ją opuści.
Wieczne wdrożenia
Jeśli korzystam z telefonu, prawdopodobnie chcę szybko zrobić to, co robię w Twojej aplikacji. Nie zadawaj mi setek pytań ani nie wymagaj ode mnie wypełniania tysięcy pól.
Niewłaściwy rozmiar punktów dotykowych
Proszę przestać tworzyć minimalne rozmiary przycisków lub pól. To nie jest sieć — moje palce muszą być w stanie dotknąć akcji „wystarczająco blisko”, a nie dokładnie w piksel.
Przedstawiamy dziwne wzorce nawigacji
Chcesz, aby ludzie szybko otrzymali Twoją aplikację? W takim razie nie przedstawiaj własnej wersji sposobu poruszania się po aplikacji mobilnej. Wytyczne Apple dotyczące interfejsu ludzkiego i przewodnik projektowania systemu Android. są tam z jakiegoś powodu. Nie wprowadzaj problemów i daj potencjalnemu nowemu użytkownikowi kolejny powód do odinstalowania aplikacji.
Złe schematy kolorów
Bądź spokojny, żołnierzu. Nie musisz „wyróżniać się” żółto-czarnym tekstem.
Biała przestrzeń
Aplikacje potrzebują dużo spacji, kropka. Elementy muszą być od siebie oddalone, guziki muszą być duże, a wszystko musi oddychać. W urządzeniu mobilnym nie ma fałdy, przestań upychać wszystko na jednym ekranie.
Powiadomienia push piekło
Na miłość boską, nie wysyłaj swoim użytkownikom 20 powiadomień push dziennie. Po kilku minutach Twoja aplikacja będzie krzyczeć „odinstaluj mnie”.
Jak wyglądałoby 7 śmiertelnych grzechów projektowania interfejsu użytkownika aplikacji mobilnej?
Chociaż lista każdego projektanta wyglądała nieco inaczej, zdecydowanie wyróżniały się pewne cechy wspólne. Unikanie powiadomień wypychanych z wyjątkiem sytuacji, gdy są one naprawdę potrzebne, oraz upewnianie się, że projekt interfejsu użytkownika aplikacji mobilnej jest rzeczywiście użyteczny — dzięki intuicyjnej nawigacji i odpowiednim rozmiarom elementów — to dwa duże.
[Pierwotnie opublikowane na blog.proto.io 17 sierpnia]