6 prostych poprawek w projektowaniu interfejsu użytkownika, aby zmienić swoją aplikację z „Meh” w niesamowite
Opublikowany: 2015-09-16Stworzyłeś prototyp aplikacji mobilnej zgodnie ze specyfikacją, ale coś jest nie tak. Może nie płynie tak płynnie, jak chcesz, lub projekt interfejsu użytkownika nie daje efektu „Wow”. Chcesz, aby Twoja aplikacja działała jak magia, ale teraz bardziej przypomina to, że twój tata wyciąga ćwierćdolarówkę z twojego ucha niż David Copperfield, który sprawia, że piramidy znikają.
Co robisz? Czy złomujesz całość i zaczynasz projekt od nowa?
A może jakimś cudem aplikacja może zostać zapisana za pomocą prostej poprawki projektowej. W końcu byłeś zaangażowany w projekt przed zbudowaniem prototypu lub wersji beta, więc musi być w tym coś dobrego — i szkoda byłoby zmarnować całą tę ciężką pracę.
Zapytaliśmy 6 projektantów, jakie drobne poprawki, ich zdaniem, mają największy wpływ na projektanta interfejsu użytkownika. Może ich odpowiedzi zainspirują Cię do idealnego wykończenia aplikacji, zmieniając ją z dobrej na świetną (lub z świetnej na niesamowitą!)
1. Jeśli chodzi o kopiowanie, odetnij tłuszcz.
Jeśli korzystasz z aplikacji na małym urządzeniu, prawdopodobnie nie chcesz spędzać mnóstwa czasu na czytaniu. Nadmiar kopii nie tylko spowalnia użytkownika, ale także wypiera projekt interfejsu użytkownika.
Maureen Kerwin jest projektantką interakcji w Nokia Networks (@nokianetworks). Wskazówka Kerwina dotycząca natychmiastowego ulepszenia dowolnej aplikacji? Wykonaj audyt kopii i wytnij wszystko, czego nie potrzebujesz.
„Przejrzyj kopię wszędzie tam, gdzie występują powtórzenia lub po prostu za dużo słów” — mówi Kerwin. „Prawie zawsze można coś usunąć lub poprawić, aby było jaśniejsze i bardziej zwięzłe”.
W takim przypadku czasami najlepszym przyjacielem projektanta interfejsu użytkownika jest redaktor lub korektor. Jeśli nie możesz zdecydować, którą kopię wyciąć (lub skondensować), posiadanie tej drugiej, obiektywnej pary oczu na aplikacji ma ogromne znaczenie.
2) Uzyskaj informacje zwrotne od użytkowników.
Jeśli utkniesz, próbując dowiedzieć się, na czym polega Twój projekt interfejsu użytkownika, który po prostu nie działa, najszybszym sposobem uzyskania odpowiedzi jest po prostu zapytanie użytkowników.
Mike De'Shazer (@itsdeshazer) jest współzałożycielem i dyrektorem generalnym CodeCloud.me (@CodeCloudMe), interaktywnej platformy, która pomaga użytkownikom nauczyć się kodować i umożliwia tworzenie aplikacji. Poznanie użytkowników i uzyskanie ich opinii, mówi De'Shazer, to najbardziej niezawodna metoda efektywnego projektowania interfejsu użytkownika.
„Istnieją różne rodzaje optymalizacji UX z różnymi celami”, mówi De'Shazer, „ale najlepszym sposobem na zoptymalizowanie projektu interfejsu użytkownika i doświadczenia dla dowolnej technologii jest lepsze zrozumienie ludzi, którzy z niej korzystają”.
Gdy Twoja aplikacja upada, wyślij prototyp do grupy użytkowników wersji beta. Ich sugestie, jak ulepszyć doświadczenie, mogą być najcenniejszą informacją, jaką możesz uzyskać.
3) Zrób to szybko.
Wszyscy Twoi użytkownicy (i potencjalni użytkownicy) potrzebują szybkości. Jeśli zauważysz, że wrażenia użytkownika nie są klikane tak, jak chcesz, może to być nie tyle kwestia projektu interfejsu użytkownika, co szybkości samej aplikacji.
Amna Rizvi jest programistką aplikacji w GadgTecs (@GadgTecs), blogu naukowo-technologicznym, który prezentuje aplikacje, gadżety i wiadomości naukowe. Jako twórca i obserwator aplikacji mobilnych, Rizvi uważa, że szybkość i czas uruchamiania to dwa najważniejsze aspekty optymalizacji doświadczenia użytkownika.
„Jednym z najważniejszych aspektów jest dla mnie czas uruchamiania aplikacji” — mówi Rizvi. „Aplikacja powinna mieć niesamowitą stronę powitalną i powinna ładować się bardzo szybko”.
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
Najważniejsze są oczywiście pierwsze wrażenia, mówi Rizvi. „Użytkownicy są szybko wyłączani po kliknięciu aplikacji i muszą czekać wieki, zanim będą mogli cokolwiek zrobić. Dlatego moim zdaniem aplikacja powinna działać natychmiastowo, bez względu na wielkość”.
Nie jesteś zachwycony swoją najnowszą pracą? Sprawdź, czy możesz usprawnić wrażenia. Skróć czas wczytywania i zastanów się, czy wszelkie animacje, które włączasz do projektu interfejsu użytkownika, trwają krócej. Jeśli to nie sprawi, że Twoja aplikacja będzie świecić jaśniej, czytaj dalej.
4) Ubierz swój projekt interfejsu użytkownika animacją.
Andrew Riley jest założycielem Ticketlab (@ticketlabUK), internetowej usługi sprzedaży biletów, która umożliwia wykonawcom tworzenie i sprzedaż biletów na wydarzenia. Jest także konsultantem cyfrowym i frontend developerem.
Według Rileya najlepszym sposobem na natychmiastowy wpływ na projekt interfejsu użytkownika jest ruch.
„Moja najważniejsza wskazówka dotycząca poprawy wyglądu strony internetowej lub aplikacji jest bardzo prosta: animacja. Nie mówię o odbijających się logotypach i rozbłyskach obiektywu z epoki Flasha, ale o subtelnej animacji” – mówi Riley. „W najprostszej formie, gdy stan najechania wiąże się ze zmianą koloru tła, po prostu zastosuj do niego 0,3-sekundowe przejście liniowe. Przekonasz się, że to natychmiast sprawi, że Twój interfejs użytkownika będzie mniej przypominał stronę internetową, a bardziej aplikację”.
Najlepszą częścią tego ulepszenia projektu jest to, że nie trwa to długo, mówi Riley, ale efekt może być ogromny. „Przejście można zastosować w sprytny sposób do prawie każdej zmiany stanu, aby naprawdę ożywić projekt. Pomimo dostępności tej funkcji CSS od kilku lat, nadal nie jest ona wykorzystywana w wielu nowych aplikacjach, ale w wielu przypadkach jej wdrożenie zajmuje tylko kilka chwil”.
Gert Hattingh, CTO One Click Here (@Oneclickhere1), zgadza się. W One Click Here, mówi Hattingh, projektanci i programiści poświęcają czas na przetestowanie projektu interfejsu użytkownika na wielu etapach, upewniając się, że przepływ jest odpowiedni.
„Praca w zwinnym środowisku daje możliwość testowania interfejsu użytkownika wraz z rozwojem. Lubimy bawić się przejściami, aby poprowadzić użytkownika do następnego kroku” — mówi Hattingh. „Dodanie subtelnej animacji do przycisku, gdy jest on używany, pomaga użytkownikowi wiedzieć, co robić i poprawia ogólne wrażenia”.
Animacja przyciąga wzrok użytkowników, pomaga poprowadzić ich przez doświadczenie i może dodać tak bardzo potrzebnej dodatkowej energii do projektu interfejsu użytkownika, ale pamiętaj, aby nie przesadzać — jak przypomina nam nasz następny programista, czasami mniej znaczy więcej.
5) Upraszczaj, upraszczaj, upraszczaj.
Żaden użytkownik nie chce być bombardowany kakofonią wizualnej stymulacji, bez względu na to, czy jest to paleta kolorów, która daje zbyt wiele swobody, czy też rażące nadużywanie tekstur wizualnych (nawet jeśli jesteś uczniem skeuomorfizmu, nadal możesz posunąć się za daleko z cienie i połysk).
Amrita Talwar jest programistą, który pracował nad kilkoma aplikacjami na Androida i iOS, w tym PoolMyRide (@poolmyride), wieloplatformową aplikacją, która pozwala użytkownikom znaleźć partnerów do wspólnych przejazdów. Z doświadczenia Talwara, kluczem do zmiany projektu interfejsu użytkownika z dobrego na świetny jest prostota:
„Projektowanie aplikacji jest jak tworzenie piosenki bez tekstu — powinno być rozumiane globalnie. Aby aplikacja była przyjazna dla użytkownika i piękna, wykonuję następujące kroki:
– Rozważ użycie projektowania materiałów z płaskimi ikonami i upewnij się, że projekt interfejsu użytkownika jest skalowany dla różnych urządzeń.
– Minimalizacja liczby kliknięć, gestów i interakcji, które użytkownik musi wykonać. Cokolwiek zamierzasz zrobić, powinno być wykonane przy jak najmniejszej liczbie kliknięć.
– Utrzymanie czystości projektu interfejsu użytkownika. Może być kuszące zaśmiecanie interfejsu użytkownika funkcjami, ale priorytetem jest to, czego użytkownik naprawdę potrzebuje. Czasami najlepiej jest zachować tylko najważniejsze cechy i pominąć to, co „miło mieć”, ponieważ straty w ogólnym projekcie są netto”.
Usprawniony projekt oznacza mniejsze obciążenie dla użytkowników. Twój projekt interfejsu użytkownika powinien wykonywać za nich pracę — a nie odwrotnie.
6) Szukaj inspiracji poza swoją strefą komfortu.
Czasami winowajcą za straszliwym projektem jest po prostu brak świeżych pomysłów. Jest to szczególnie powszechne, gdy masz kilka lat doświadczenia w branży, zwłaszcza w tej samej agencji. Czy zauważyłeś, że wszystkie projekty Twojego interfejsu użytkownika zaczynają wyglądać tak samo — ten sam ekran powitalny, te same animacje, podobne przyciski, ikony lub kroje pisma?
Być może nadszedł czas, aby odłożyć swój obecny projekt i przyjrzeć się innym aplikacjom mobilnym, aby przezwyciężyć rutynę. Świetnym miejscem do rozpoczęcia może być lista 10 najlepszych innowacyjnych projektów interfejsu użytkownika od wschodzących firm. Przyjrzyj się bliżej, co te aplikacje robią inaczej, i zastanów się, jak możesz dostosować niektóre z tych koncepcji.
Aby uzyskać jeszcze świeższe spojrzenie, wyjdź poza branżę aplikacji mobilnych w ogóle. Na przykład granie w grę wideo może być cenną lekcją opowiadania historii, a wycieczka do muzeum sztuki może doprowadzić do niektórych z twoich najlepszych pomysłów. Nawet spędzenie trochę dodatkowego czasu z dziećmi (lub siostrzenicami i siostrzeńcami) może ulepszyć twoją grę projektowania interfejsu użytkownika.
Nie masz ochoty ruszać się z krzesła? Po prostu przeczytaj, jak inni projektanci mają swoje najlepsze pomysły, gdy uderzają w kreatywny funk. Czasami inspiracja pochodzi z najbardziej nieprawdopodobnych miejsc.
[Pierwotnie opublikowane na blog.proto.io 28 sierpnia]