4 powody, dla których inteligentne firmy tworzą interaktywne prototypy
Opublikowany: 2015-12-11[ Proto .io to wiodące narzędzie do prototypowania aplikacji mobilnych używane przez przedsiębiorców i startupy do tworzenia w pełni interaktywnych realistycznych prototypów, które wyglądają i działają jak prawdziwe aplikacje.]
Prototyp Twojej aplikacji mobilnej to coś więcej niż tylko pokazanie inwestorom Twojego pomysłu — to także potężne narzędzie do testowania i marketingu, które działa ciężko przez cały cykl życia projektu aplikacji mobilnej, od koncepcji po zapewnienie jakości. Dobrze wykonane interaktywne prototypy mogą również pomóc w zapobieganiu wielu katastrofom w projektowaniu mobilnego interfejsu użytkownika, od potyczek między projektantami i programistami (tak, oni też mogą być przyjaciółmi!) po budżetowe SNAFU.
Zbyt często jednak firmy zmieniają proces prototypowania, odmawiając inwestowania w odpowiednie narzędzia lub przedwcześnie wskakując na etapy projektowania i tworzenia aplikacji mobilnej. Czas i pieniądze to w końcu ograniczone zasoby, a gdy zbliża się wielki termin, może być kuszące, aby skorzystać ze slajdów PowerPointa ze statycznymi, dwuwymiarowymi przybliżeniami tego, jak będzie wyglądać Twoja aplikacja. (Ale hej, przynajmniej przebija szkic na odwrocie serwetki!)
Interaktywne prototypy zawierają dużo więcej „wow” niż płaskie makiety.

Czasy wysyłania płaskich plików PDF z makietami już dawno minęły i należy się z nimi pożegnać. Podczas gdy wyśmiewanie projektu mobilnego interfejsu użytkownika w programie Photoshop lub InDesign i wysyłanie obrazów w wysokiej rozdzielczości może pokazać Twoje wyczucie projektu wizualnego pod względem teorii kolorów, typografii, proporcji i innych podstawowych elementów projektu, płaskie modele szkieletowe aplikacji mobilnych są bardzo ograniczone pod względem tego, co robią. komunikować się z klientami, potencjalnymi użytkownikami lub sponsorami finansowymi.
Wyobraź sobie, że jesteś dyrektorem generalnym firmy, która jest wyjątkowo dobra w tym, co robi — może jest to firma zajmująca się przetwarzaniem w chmurze lub wyskakujący butik do makijażu — ale niekoniecznie wiesz dużo o dobrym projektowaniu lub tworzeniu aplikacji mobilnych. W końcu dlatego zatrudniasz agencję. Masz wiele agencji oferujących oferty dla Twojej firmy, ale tylko jedna z nich otrzyma umowę.
Agencja A ma imponujące portfolio i listę klientów, która obejmuje wiele firm z listy Fortune 500, a słyszeliście ustnie, że jej zespół programistów jest najlepszy w branży. Agencja B to mniejsza firma, ale intryguje Cię to, co do tej pory widziałeś w jej portfolio i wiesz, że ich ceny są bardziej konkurencyjne.
Agencja A projektuje aplikacje mobilne od tak dawna, że w swoim procesie wpadła w niezawodny wzorzec. Przesyłają Ci plik PDF z potencjalną koncepcją aplikacji mobilnej, ekran po ekranie. Każdy szkielet jest opatrzony adnotacjami, aby wyjaśnić, co robi każda funkcja, ale istnieje pewne słownictwo, którego nie znasz, a pokonanie krzywej uczenia się może zająć więcej czasu niż jest to łatwo dostępne. Znowu jesteś bardzo zajętym dyrektorem generalnym odnoszącej sukcesy firmy.
Agencja B wysyła Ci interaktywny prototyp swojej koncepcji aplikacji mobilnej. Nie ma adnotacji do przeczytania, żadnych nowych słówek, których trzeba się nauczyć — po prostu cyfrowy plik prototypowy, który można pobrać w przeglądarce lub na ulubionym urządzeniu mobilnym. Możesz spojrzeć na interaktywny prototyp, gdy jesteś w taksówce w drodze na następną konferencję, lub wyświetlić go na laptopie podczas spotkania z kierownikami projektów w sprawie nowego zadania.
Interaktywny prototyp z Agencji B wygląda jak gotowa aplikacja mobilna. Możesz łatwo nawigować z ekranu na ekran, przyciski wyświetlają dotykowe informacje, gdy je naciśniesz lub przesuniesz, a bez wiedzy na temat projektowania aplikacji mobilnych masz doskonały pomysł na to, co Agencja B stara się osiągnąć dzięki swojej koncepcji. Oznacza to, że nie musisz planować tyle czasu, aby spotkać się z nimi w celu omówienia prezentacji i możesz poświęcić więcej czasu na bardziej pilne projekty.
Z jaką agencją podpisałbyś umowę?
Tworzenie interaktywnych prototypów nie musi wymagać więcej pracy
„To świetne w teorii”, możesz pomyśleć, „ale przy wielu napiętych terminach i ograniczonej przepustowości tworzenie w pełni interaktywnego prototypu dla każdego projektu aplikacji mobilnej nie jest realistyczne”.

Dzięki odpowiednim narzędziom stworzenie realistycznego, interaktywnego prototypu nie musi być trudniejsze niż tworzenie płaskiego szkieletu — w rzeczywistości może być łatwiejsze i szybsze. Dzięki bibliotekom projektowania interfejsu użytkownika pełnym gotowych do użycia elementów w interfejsie typu „przeciągnij i upuść”, narzędzia takie jak Proto.io pozwalają naszkicować interaktywny prototyp wraz z animacjami i innymi elementami multimedialnymi w ciągu zaledwie kilku minut.
Zastanów się, ile czasu zajęłoby utworzenie szkieletu w programie Photoshop lub InDesign, używając warstw do pokazania przejść między ekranami i konieczności zapisywania nowego obrazu dla każdego widoku. Następnie, jeśli musisz dokonać edycji w interfejsie użytkownika, która ma wpływ na każdy ekran (na przykład zmiana czcionki), musisz zapisać nowy obraz dla każdego z tych oddzielnych widoków. To jest zanim dodasz niezbędne adnotacje, aby wyjaśnić klientowi przepływ Twojej aplikacji mobilnej.
Polecany dla Ciebie:
Chociaż zmiana procesu, do którego jesteś przyzwyczajony, może wiązać się z początkową krzywą uczenia się i odrobiną adaptacji na początku, ostatecznie może to być manewr oszczędzający czas. W przypadku interaktywnych prototypów potencjalnie zaoszczędzisz nie tylko czas, ale także kontrakty — kontrakty, które w innym przypadku mogłyby zostać przejęte przez mniej utalentowaną, ale lepiej wyposażoną agencję, która akurat miała bardziej błyskotliwy interaktywny prototyp.

Testowanie użytkowników można rozpocząć znacznie wcześniej w cyklu życia projektu.

To, co dzieje się w fazie testowania i zapewniania jakości cyklu życia aplikacji mobilnej, może spowodować lub przerwać projekt, określając, czy Twoja aplikacja zapewnia użytkownikom magiczne wrażenia, czy też ulega awarii, gdy tylko ją pobiorą — lądując bezpośrednio w koszu prawie tak szybko, jak znalazł miejsce na ekranie ich aplikacji.
Podczas przeprowadzania testów i kontroli jakości na interaktywnym prototypie oczywiście nie usuniesz żadnych błędów ani problemów z wydajnością, które zobaczysz w produkcie końcowym, możesz tylko przeprowadzić kontrolę jakości całej treści, aby do czasu Nadchodzi końcowe testowanie i proces kontroli jakości, możesz skupić się wyłącznie na interaktywnych kwestiach. Kontrola jakości treści obejmuje wiele ważnych aspektów, w tym:
Wizualna kontrola poprawności projektu.
Czy ogólny interfejs użytkownika wygląda dobrze ? Naprawdę dobrze? Ponieważ Twój interaktywny prototyp jest wizualnie prawie identyczny z produktem końcowym, możesz wprowadzić dowolne zmiany projektowe na tym etapie gry, zanim twoi programiści zaczną myśleć o tworzeniu wersji beta.
Niektóre rzeczy, które możesz wychwycić, to błędy typograficzne (czy rozmiary czcionek są spójne? Czy ten krój pisma stwarza problemy z czytelnością?), ogólne problemy z rozmiarami i proporcjami (szczególnie ważne podczas projektowania dla wielu urządzeń lub systemów operacyjnych), a nawet problemy z dostępnością wizualną (czy ta paleta dostępne dla osób ze ślepotą barw? Czy użytkownicy mogą łatwo skonfigurować opcje ułatwień dostępu?).
Sprawdzenie wytycznych marki.
W zależności od marki lub marki klienta, niektóre wybory projektowe mogą być koszerne lub nie. Czy wokół logo jest wystarczająco dużo miejsca? Czy istnieją pewne kroje pisma lub palety kolorów, których musi przestrzegać Twój projekt? Czy niektóre wybory dotyczące kopiowania są prawnie zakazane? Wykuwanie tych szczegółów w interaktywnym prototypie oznacza, że nie musisz się o nie martwić, gdy aplikacja została już zakodowana.
Testy A/B w interfejsie użytkownika.
Testy A/B to potężny sposób na optymalizację interfejsu użytkownika pod kątem użyteczności, estetyki i ogólnego efektu „wow”. Zamiast czekać do fazy beta aplikacji mobilnej, aby przeprowadzić testy A/B, zmuszając Cię do zbudowania dwóch wersji tej samej koncepcji, możesz użyć interaktywnego prototypu do wyboru między schematami kolorów, elementami projektu, interakcjami, wiadomościami i nie tylko . W ten sposób masz wstępną informację zwrotną od użytkowników, aby udoskonalić swój projekt przed przystąpieniem do rozwoju.
Interaktywne prototypy to potężne zasoby content marketingu.
Jeśli chodzi o content marketing, od marketingu w mediach społecznościowych po tworzenie strategii redakcyjnej bloga Twojej firmy, zaangażowanie jest królem, królową i nadwornym błaznem, pod warunkiem, że humor działa na Twoją markę (i jesteś w tym dobry). Dlatego multimedia mają tendencję do przewyższania treści tekstowych pod względem udostępnień, polubień, retweetów, komentarzy i innych interakcji społecznościowych: przyciągają użytkownika bardziej niż zwykłe kopie. (Nawet kopia powinna być jednak zoptymalizowana pod kątem zaangażowania — na przykład pytania otwarte zachęcają obserwatorów do odpowiedzi!)
Jeśli chodzi o angażującą treść, co może być lepszego niż interaktywne prototypy? Jeśli obraz jest wart tysiąca słów, a ruchomy obraz jest wart tysiąca obrazów, to ruchomy obraz z różnymi interaktywnymi elementami jest praktycznie bezcenny. Prototyp Twojej aplikacji nie tylko da potencjalnym użytkownikom wierne wyobrażenie o tym, co zamierzają pobrać na swoje ulubione urządzenie mobilne, ale będzie Twoim najlepszym atutem w marketingu treści.
Osadź swoje interaktywne prototypy w swojej witrynie, aby zachęcić użytkowników do przesuwania, dotykania i poruszania się po aplikacji, zyskując natychmiastową znajomość mobilnego interfejsu użytkownika, zanim jeszcze klikną „Pobierz”. Udostępnij link do swojego interaktywnego prototypu za pośrednictwem Facebooka i Twittera i wykorzystaj te platformy do generowania opinii użytkowników. „Co myślisz o tych opcjach menu?” „Jakie funkcje lub funkcje chciałbyś zobaczyć w naszej następnej aktualizacji?” Nie tylko zbierzesz przydatne informacje zwrotne, ale także będziesz mieć gotowe treści do swojego kalendarza w mediach społecznościowych, zoptymalizowanego pod kątem zaangażowania.
Interaktywne prototypy ułatwiają współpracę.
Jeśli nie jesteś asem zajmującym się projektowaniem, tworzeniem i marketingiem aplikacji mobilnych, latającym w pojedynkę, istnieje duże prawdopodobieństwo, że Twój produkt zostanie przekazany na kilka rozdań, zanim trafi do sklepu z aplikacjami. W dzisiejszym coraz bardziej wirtualnym świecie opartym na chmurze współpraca nie polega już na siedzeniu w tym samym pokoju, popijaniu tej samej kawy i rozmawianiu o sklepie przy tablicy. Twój projektant i deweloper mogą przebywać w dwóch oddzielnych strefach czasowych, a każdy z nich może prowadzić telekonferencję z klientem na innym kontynencie.

Jak sprawić, by wszyscy byli na tej samej stronie? Zamiast wysyłać wiadomość e-mail z prostym załącznikiem PDF, niech wszyscy uruchomią interaktywny prototyp. Dzięki temu każdy może jasno i łatwo komunikować się na temat aplikacji mobilnej. „Ta treść nie powinna znajdować się na pierwszym ekranie” — może zasugerować klient — i po kilku przesunięciach może kontynuować: „Zamiast tego powinna być tutaj”.
Co więcej, interaktywne prototypy umożliwiają zdalną współpracę, nawet jeśli nie możesz znaleźć wspólnego czasu na rozmowę. Twoje oprogramowanie do tworzenia cyfrowych prototypów może oferować narzędzia umożliwiające wszystkim uczestnikom projektu pozostawienie komentarzy i znaczników na początkowym projekcie, zadanie nieco trudniejsze do zorganizowania podczas zbierania fragmentarycznych informacji zwrotnych pozostawionych w wiadomościach e-mail lub załącznikach PDF.
Interaktywne prototypy zrobione dobrze
Atrakcyjnie wyglądające prototypy interaktywne mogą olśnić klientów, potencjalnych użytkowników lub inwestorów, a prototyp wierny finalnemu produktowi może sprawić, że proces rozwoju będzie przebiegał znacznie sprawniej. Ale jeśli nigdy nie projektowałeś interaktywnego prototypu, ani nawet nie masz za sobą odrobiny doświadczenia, „przystojny” i „wierny produktowi końcowemu” może wydawać się dużym zamówieniem. W jaki sposób agencje i przedsiębiorcy tworzący aplikacje mobilne mogą zadbać o to, aby ich prototypy wyglądały i działały niesamowicie?
Jednym z ważnych czynników, jeśli chodzi o interaktywne prototypowanie, jest po prostu użycie odpowiedniego narzędzia. Przed dokonaniem jakichkolwiek stałych inwestycji poszukaj narzędzia, które oferuje bezpłatną wersję próbną, a następnie poświęć kilka dni na prawdziwe poznanie interfejsu i oprogramowania — w tym wszelkich samouczków lub seminariów internetowych, które dostawca oferuje wraz z wersją próbną. Prawdopodobnie przekonasz się, że prototypowanie metodą „przeciągnij i upuść” jest jeszcze łatwiejsze niż szkicowanie pomysłów w oprogramowaniu do projektowania, którego używasz na co dzień.
Po zaprojektowaniu kilku interaktywnych prototypów, którymi jesteś absolutnie zachwycony, zmień ich przeznaczenie, aby stworzyć szablon wielokrotnego użytku dla przyszłych projektów o podobnym charakterze. Nie wynajdując koła na nowo za każdym razem, gdy tworzysz prototyp, możesz zapewnić szybsze i bardziej atrakcyjne wyniki w każdym projekcie. I, jak w przypadku każdej umiejętności, im częściej to robisz, tym szybciej się stajesz. Bierzesz już szybki proces i sprawiasz, że jest jeszcze szybszy, bez poświęcania wyników? To inteligentne zarządzanie projektami w pigułce.






