6 sposobów, w jakie prototyp może zapobiec katastrofie w projektowaniu mobilnego interfejsu użytkownika

Opublikowany: 2015-10-29

Jaka jest wartość cyfrowego prototypu? Całkowite odwzorowanie doświadczeń użytkownika — od przejść między stronami po interakcje — przed napisaniem pierwszej linii kodu może nie tylko zaoszczędzić cenny czas i budżet, ale może również zapobiec potencjalnemu kryzysowi. Od projektów mobilnego interfejsu użytkownika, które dobrze wyglądają na papierze, ale słabo przekładają się na ekran, po SNAFU związane z zarządzaniem projektami, które osłabiają morale zespołu, jednocześnie obniżając jakość końcowego produktu, problemów, które może rozwiązać Twój interaktywny prototyp, jest wiele.

Przyjrzyjmy się sześciu bezcennym sposobom, w jakie cyfrowe prototypowanie może uratować projekt mobilnego interfejsu użytkownika, według projektantów, programistów i przedsiębiorców:

Twój prototyp pomaga wszystkim interesariuszom znaleźć się na tej samej stronie.

mobile_ui_design_prototyping_720

Jaka jest jedyna siła łącząca klientów, opiekunów klientów, projektantów, programistów, testerów i użytkowników? Cyfrowy prototyp, mówi Sarah Doody (@sarahdoody), projektantka UX z Nowego Jorku, która publikuje również cotygodniowy biuletyn UX:

„W projektowaniu aplikacji mobilnych prototypowanie ma kluczowe znaczenie, ponieważ pomaga zespołom szybko wprowadzać pomysły w życie, dzięki czemu wszyscy zaangażowani mogą zweryfikować i wnieść wkład w pomysł na wczesnym etapie procesu rozwoju produktu. Dużym wyzwaniem, przed którym często stają zespoły, jest zbyt wiele hipotetycznych rozmów i debat. Prototyp pozwala zespołowi mówić o czymś namacalnym, co sprzyja lepszej dyskusji, pomysłom i współpracy.

Równoważenie projektanta mobilnego interfejsu użytkownika polega na zidentyfikowaniu celów biznesowych lub możliwości, z jaką wartość aplikacja może zapewnić użytkownikowi. Po utworzeniu prototypu służy on jako narzędzie do walidacji pomysłów z użytkownikami, a także jako narzędzie do rozmów, aby pomóc wszystkim pracującym nad projektem uzyskać dostęp do tej samej strony na temat oczekiwanych funkcji i funkcjonalności.

Jeśli prototypowanie zostanie usunięte z procesu projektowania mobilnego interfejsu użytkownika, firmy inwestują tysiące dolarów i godzin w stworzenie w pełni funkcjonalnej aplikacji, która nie zapewni wartości użytkownikowi końcowemu”.

Twój prototyp może zapobiec katastrofom HR między projektantami a programistami.

Czy projektanci i programiści mogą kiedykolwiek być przyjaciółmi? Według Petera Murphy'ego, współzałożyciela i dyrektora generalnego Pocket Prep (@pocketprep), platformy aplikacji e-learningowej oferującej rozwiązania do nauki dla standardowych testów i profesjonalnych certyfikatów, absolutnie mogą
— pod warunkiem, że projektant stworzy realistyczny cyfrowy prototyp.

pocket_prep_mobile_ui_design_720

Bez tego prototypu, mówi Murphy, związek między nimi może być ryzykowny:

„Prototypowanie pomaga budować spójność między interfejsem użytkownika a UX. Prototyp interaktywnej aplikacji pozwala projektantowi wyrazić coś więcej niż tylko wygląd aplikacji. Pozwala mu również wyrazić sposób, w jaki aplikacja powinna działać. Często firmy z ograniczonym budżetem rezygnują z procesu prototypowania na rzecz prostych makiet lub zbiorów notatek, które często zawierają odręczne szkice i diagramy. Dobre intencje projektanta są obecne, ale upadają, gdy zaczyna się faza rozwoju.

W naszym niedawnym przeglądzie aplikacji na Androida aplikacja została wyśmiewana za pomocą prototypowej usługi online, a nowy projekt wyglądał niesamowicie. Nasz mały zespół miał wiele pytań dotyczących tego, co stanie się z kilkoma brakującymi ekranami, ale zespół projektantów zapewnił nas, że projekt, gesty i przepływ będą zgodne z najlepszymi praktykami Androida. Ups! Kiedy zespół projektowy przekazał prototyp zespołowi programistycznemu, wszystkie łańcuchy się poluzowały, a szczegóły w samym rdzeniu naszej działalności związanej z aplikacjami zostały pominięte.

Stworzenie interaktywnego prototypu, niezależnie od zamierzonego poziomu złożoności aplikacji, może zapobiec wielu katastrofom związanym z projektowaniem i rozwojem. Te wciąż szkielety i martwe makiety mogą sugerować, że aplikacja jest prostsza niż w rzeczywistości. Co robi stuknięcie portretu użytkownika? A co z gestami? Dokąd zabierze użytkownika dotknięcie przycisku Wstecz? Diabeł tkwi zawsze w szczegółach i dopiero wtedy, gdy poświęcisz czas na zmapowanie doświadczenia użytkownika, zobaczysz, jak skomplikowane są naprawdę wymagania projektu.

„To tak, jakby projektant po prostu nie rozumiał, co programista może, a czego nie może zrobić!”

Ponieważ Pocket Prep ma siedzibę w Seattle, rozwijającym się technologicznie, często jesteśmy pogrążeni w długich rozmowach na temat tworzenia aplikacji. Wraz z premierą iOS 9 byliśmy ostatnio bombardowani pytaniami o nadchodzącą przebudowę aplikacji na iOS. Znajomy, który jest programistą w lokalnym studiu gier, zdarzył się wyrzucić z siebie: „Deweloperzy nienawidzą projektantów! Zawsze walczymy ze sobą; przynajmniej tam, gdzie pracuję. To tak, jakby projektant po prostu nie rozumiał, co programista może, a czego nie może zrobić!'

To jest właśnie powód, dla którego potrzebny jest szczegółowy, w pełni gotowy prototyp aplikacji. Obejście się bez niego jest jak klient restauracji zamawiający pół posiłku i oczekujący, że kelnerka telepatycznie wie wszystko, czego chce. Chociaż interaktywne prototypy są absolutnie niezbędne, nie zastępują one solidnego zrozumienia ograniczeń aplikacji. Zawsze będzie potrzebna synergia między zespołami projektowymi i programistycznymi. Kluczem jest zapobieganie katastrofie, która cofa zespół i w przeciwnym razie spowodowałaby długą i możliwą do uniknięcia przeróbkę”.

Polecany dla Ciebie:

Co oznacza przepis anty-profitowy dla indyjskich startupów?

Co oznacza przepis anty-profitowy dla indyjskich startupów?

W jaki sposób startupy Edtech pomagają w podnoszeniu umiejętności i przygotowują pracowników na przyszłość

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

Indyjskie startupy idą na skróty w pogoni za finansowaniem

Startup marketingu cyfrowego Logicserve Digital podobno podniósł INR 80 Cr w finansowaniu od alternatywnej firmy zarządzającej aktywami Florintree Advisors.

Digital Marketing Platform Logicserve Bags Finansowanie INR 80 Cr, zmienia nazwę na LS Dig...

Raport ostrzega przed odnowioną kontrolą regulacyjną dotyczącą przestrzeni Lendingtech

Raport ostrzega przed odnowioną kontrolą regulacyjną dotyczącą przestrzeni Lendingtech

Twój prototyp może oszczędzić Ci tworzenia projektu mobilnego interfejsu użytkownika, którego nienawidzi Twój klient lub użytkownicy.

Cassie Byers jest projektantką wizualną, a Kenna Hasson projektantką UX wEvents.com (@eventsdotcom), internetowym rynku łączącym organizatorów wydarzeń i uczestników wydarzeń w jednym miejscu. Dla nich największą wartością cyfrowego prototypu jest uzyskanie szczegółowych informacji zwrotnych od klientów i testerów.

event.com_mobile_app_UI_design_prototype

Byers mówi: „Prototypowanie jest dla mnie ważne jako projektanta urządzeń mobilnych, ponieważ to najlepszy sposób na porażkę. Możesz zrobić tyle „złych” prototypów, ile chcesz — pomagają one wszystkim znaleźć się na tej samej stronie. Zagłębienie się bezpośrednio w projektowanie wizualne lub rozwój nie daje wystarczająco dużo czasu na zastanowienie się nad każdą możliwą scenerią.”

Hasson dodaje: „Nie ma lepszego sposobu na zebranie uczciwych opinii. Ludzie mniej wahają się przed wyrażaniem swoich obaw, gdy patrzą na coś, co ich zdaniem jest wciąż w toku, a nie ostateczne”.

Byers zauważa, że ​​proces prototypowania kilkakrotnie pomógł jej uniknąć kryzysów UX. „W końcu po to są prototypy. Wolę działające prototypy, aby wszystkie interakcje mogły być przemyślane. Jest to również świetny sposób na testowanie użytkowników przed ostatecznym projektem mobilnego interfejsu użytkownika”.

Hasson się zgadza. „Od rozmieszczenia przycisków po projektowanie interakcji, codziennie identyfikujemy problemy z doświadczeniem użytkownika w prototypach”.

„Usuwanie interaktywnych prototypów z procesu projektowania mobilnego interfejsu użytkownika jest jak wykonawca próbujący zbudować dom bez planów pięter”, mówi Byers. „Ramy muszą zostać określone przed dodaniem szczegółów”.

„To byłaby katastrofa!” Byers dodaje. „Bez prototypów nie mielibyśmy możliwości współpracy nad interakcjami, projektami ani przeprowadzania jakichkolwiek wykonalnych testów użytkowników”.

Interaktywny prototyp może uchronić Cię przed katastrofami związanymi z budżetem i przepustowością.

mobile_ui_design_collaboration

Opiekunowie ds. kont aplikacji mobilnych, nie przejmuj się: prototypy mogą znacznie ułatwić Ci życie podczas określania projektów dla zespołu o napiętej przepustowości. To jedna z głównych korzyści dla Rogera Dickeya, dyrektora generalnego Gigster (@trygigster), firmy zajmującej się tworzeniem oprogramowania na żądanie:

„Z mojego doświadczenia wynika, że ​​prototypowanie może zaoszczędzić setki, jeśli nie tysiące godzin programistów. Wielu założycieli technicznych woli robić to, z czym czują się komfortowo, czyli usiąść i napisać kod. Jeśli zamiast tego możesz szybko zbudować klikalny prototyp, możesz umieścić swój produkt w dłoni potencjalnych użytkowników i uzyskać natychmiastową informację zwrotną. Dzięki temu możesz iterować, aż uzyskasz coś, co naprawdę podekscytuje ludzi — wtedy możesz usiąść i skupić się na pisaniu pięknego kodu”.

Twój prototyp może pomóc Ci pokonać luki w wiedzy

Greg Archbald jest założycielem i dyrektorem generalnym GreaseBook (@GreaseBook), firmy zajmującej się technologią naftową i gazową, której klientami są zarówno małe firmy, jak i jedni z największych niezależnych operatorów w kraju. W tak konkurencyjnej branży, mówi Archbald, prototypowanie może uratować życie, jeśli chodzi o zrozumienie, o co proszą Twoi klienci:

smarbook_mobile_UI_design

„Chociaż ściśle współpracujemy z polem naftowym, w żadnym wypadku nie jesteśmy ekspertami w tej dziedzinie. Wszystko, co wiemy, przyswajamy przez telefon lub online, poprzez rozmowy z klientami.

Prototypowanie uratowało nasze tyłki więcej razy, niż możesz sobie wyobrazić. Korzystając z narzędzi do prototypowania, osoby niebędące programistami (takie jak ja) mogą stworzyć aplikację, która wygląda i działa dokładnie tak, jak planowana jest nasza aplikacja. To nie tylko daje nam świetny zwrot w kontaktach z naszymi klientami (zazwyczaj następnego dnia!), ale także udaremniło kilka bardzo nieprzyjemnych i bardzo kosztownych katastrof. Komunikacja z programistami staje się dziecinnie prosta, ponieważ pokazujesz im gotowy produkt.

Całe to prototypowanie pomaga nam wyprzedzać konkurencję — konkurencję, która zwykle jest znacznie większa i lepiej finansowana niż my. I każdy nowy projekt, który zaczynamy na boku, może być prototypowany (a czasami sprzedany) za bardzo małe pieniądze i czas zainwestowany z góry.

Dzięki solidnemu oprogramowaniu do prototypowania nie masz już wymówek. Wszystko, co stoi na Twojej drodze do rozwoju firmy (lub założenia nowego!) to Twoja wyobraźnia.”

Czasami prototyp może nawet pomóc uniknąć katastrofy bezpieczeństwa.

Aplikacje mobilne nie zawsze są tylko sposobem na uczynienie życia wygodniejszym lub bardziej rozrywkowym. Dla Davida Sinkinsona z AppArmor (@AppArmorMobile), kampusowej usługi bezpieczeństwa i ochrony, testowanie prototypu projektu mobilnego interfejsu użytkownika jest ważnym elementem, który chroni ludzi przed niebezpieczeństwem.

app_armor_mobile_UI_design

„Nasza firma często używa prototypów do testowania naszych produktów, ale w rzeczywistości dostarczamy je naszym klientom w celu sprawdzenia problemów związanych z UX i projektowaniem. Na przykład App Armor tworzy niestandardowe aplikacje bezpieczeństwa mobilnego dla uniwersytetów, uczelni i instytucji prywatnych w Kanadzie, Stanach Zjednoczonych i Australii. Jednak każda aplikacja jest dostosowana do potrzeb tej wyjątkowej społeczności. Dotyczy to zarówno estetyki (logo, kolory itp.), jak i dosłownego szkieletu.

Testowanie tych prototypów jest absolutnie niezbędne, ponieważ nasze aplikacje są przeznaczone do użytku w sytuacjach awaryjnych. Sekundy są cenne w sytuacjach awaryjnych, więc jeśli projekt mobilnego interfejsu użytkownika nie jest zoptymalizowany tak, aby był jak najbardziej przyjazny dla użytkownika, użytkownik jest bardziej zagrożony. Mniej poważnie, budowanie projektu we współpracy z instytucją partnerską również gwarantuje wyższą liczbę pobrań”.

Inteligentne prototypowanie to inteligentny biznes

Solidny cyfrowy prototyp projektu mobilnego interfejsu użytkownika jest kluczowym elementem całego procesu twórczego aplikacji, ale co sprawia, że ​​jest to dobry prototyp? Im bardziej przypomina to, co będzie gotowym produktem, tym lepiej. Oznacza to nie tylko ogólny przepływ i projekt aplikacji, ale także uczynienie animacji, przejść i interakcji tak realistycznymi, jak to tylko możliwe. W ten sposób Twoi programiści dokładnie wiedzą, jak powinna wyglądać i działać wersja beta po zakończeniu.

Pierwotnie opublikowany na Proto Blog 23 października.