Recenzja Proto.io: wszystko, co musisz wiedzieć

Stworzenie prototypu pomysłu na aplikację może zmienić reguły gry, ale znalezienie odpowiedniego narzędzia do tego zadania nie zawsze jest łatwe. Wejdź na Proto.io – internetową platformę do prototypowania, która cieszy się popularnością od 2011 roku.

Pierwotnie zaprojektowane dla urządzeń z systemem iOS, obecnie jest wszechstronnym narzędziem przeznaczonym dla entuzjastów aplikacji, projektantów i specjalistów UX na wielu platformach.

W tej recenzji zagłębiamy się w Proto.io, aby sprawdzić, czy spełnia oczekiwania. Przyjrzymy się jego kluczowym funkcjom, od intuicyjnego interfejsu „przeciągnij i upuść” po narzędzia do współpracy.

Omówimy również strukturę cenową, rozważymy zalety i wady i pomożemy Ci zdecydować, czy Proto.io jest odpowiednie dla Twoich potrzeb w zakresie prototypowania.

Niezależnie od tego, czy jesteś specjalistą od kodowania, czy nowicjuszem w projektowaniu, zostań z nami, gdy będziemy rozpakowywać wszystko, co ma do zaoferowania Proto.io. Pod koniec tej recenzji będziesz mieć jasny obraz tego, co to narzędzie może zrobić dla procesu tworzenia aplikacji – i gdzie może okazać się niewystarczające.

Zacznijmy!

Może więc przyjrzymy się jednemu interesującemu narzędziu, które możesz wykorzystać w tym celu?

Co to jest Proto.io?

Stworzone przez Laboratoria Divicja SNQ Digital, proto.io istnieje od 2011 roku, kiedy to została wydana jako komercyjna platforma internetowa zajmująca się tworzeniem prototypów na iPady i iPhone'y. Następnie stopniowo przekształcił się w bardziej dynamiczną strukturę, a nawet rozszerzył się, aby pomieścić wiele urządzeń.

Obecnie platforma jest skierowana głównie do entuzjastów aplikacji, projektantów urządzeń mobilnych, projektantów interakcji i specjalistów ds. doświadczeń użytkowników, korzystających z szerokiej gamy kluczowych narzędzi do prototypowania.

Jedną z głównych właściwości Proto.io jest intuicyjny interfejs użytkownika, który opiera się na systemie „przeciągnij i upuść”, z którego można korzystać bez kodowania. To samo wyjaśnia, dlaczego jest stosunkowo popularny zarówno wśród programistów, jak i osób niekodujących.

Zapewnia także całkowicie zintegrowaną bibliotekę interakcji, która może być systematycznie wykorzystywana na dowolnej jej warstwie.

A skoro już o tym mowa, Proto.io pozornie usprawnia cały proces prototypowania, udostępniając wiele warstw na różnych ekranach. Użytkownicy mogą także importować ze Sketcha lub Photoshopa, tworzyć interakcje za pomocą JavaScript, synchronizować wiele zasobów z Dropbox i szczegółowo omawiać projekty ruchome, przeglądając animacje w oknie edytora.

Podsumowując, jedyną rzeczą, która sprawia, że ​​Proto.io warto sprawdzić, jest fakt, że jego programiści konsekwentnie ulepszają go, od czasu do czasu, dodając nowe aktualizacje. Tylko w listopadzie wypuścili już dwa, wpływając na odtwarzacz i redaktora.

Ale z drugiej strony Proto.io ma również zauważalne słabości. Wkrótce przyjrzymy się temu, jak mogą one wpłynąć na Twoją pracę. Ta recenzja Proto.io obejmuje wszystkie ważne szczegóły, które musisz znać – podstawowe funkcje, ceny, mocne i wady.

Na początek oto główne cechy…

Funkcje Proto.io

Budowa prototypu

Rozpoczynając swoją przygodę z Proto.io, zauważysz, że zawiera on szczegółowy samouczek, który pomoże Ci odnaleźć się w systemie. Szczerze mówiąc, okazało się, że jest całkiem przydatny, a interfejs dodatkowo ułatwia adaptację, ponieważ narzędzia są dobrze rozmieszczone i dostępne.

Na szczęście Proto.io nie rzuca na ciebie wszystkim. Nie przejmuj się więc, jeśli na początku nie będziesz w stanie dostrzec kilku ważnych elementów. W miarę kontynuowania pracy nad projektem stopniowo udostępnianych jest więcej funkcjonalności i opcji kontekstowych.

Teraz rozpoczęcie projektu jest tak proste, jak kliknięcie opcji nowego projektu na pulpicie nawigacyjnym, nadanie mu nazwy, wybranie rozmiaru ekranu i docelowego nośnika, a następnie voila!

Sam proces nawigacji jest bezproblemowy dzięki prostemu interfejsowi użytkownika, do którego przyzwyczajenie się nie zajmuje wieków. Już tworzyłem wiele ekranów w mniej więcej godzinę, a następnie przystąpiłem do łączenia ich z atrakcyjnymi przejściami i stylowymi interakcjami.

Łączenie i testowanie ich nie wymagało dużego wysiłku, ponieważ Proto.io ma funkcję podglądu animacji. Niestety nie uważałbym tego za podgląd na żywo w 100% w czasie rzeczywistym, ponieważ użytkownicy muszą najpierw zapisać swoje projekty, zanim zmiany animacji zostaną odzwierciedlone w podglądzie.

Cóż, przynajmniej system rekompensuje to wciągającym interfejsem „przeciągnij i upuść”. Przeciąganie dowolnego elementu jest zaskakująco proste i można go odpowiednio dostosować, a następnie przejść do następnego.

Jeśli zdarzy Ci się przyjąć elementy, które Twoim zdaniem mogą być potrzebne później (animacje, interakcje, elementy interfejsu użytkownika), zaoszczędź sobie ciężkiej pracy, korzystając z oszczędzania kontenerów. Dzięki temu będziesz mógł je po prostu przeciągnąć i umieścić w odpowiednim miejscu, kiedy zajdzie taka potrzeba. To naprawdę jest bezstresowe.

Słusznie. Ale o jakich funkcjonalnościach tu mowa?

Na początek możesz obracać, zanikać, zmieniać rozmiar i przenosić animacje. Następnie interakcje obsługują takie funkcje, jak kliknięcie prawym przyciskiem myszy, kliknięcie, zwolnienie, dotknięcie, dwukrotne dotknięcie, dotknięcie itp. Z drugiej strony przejścia umożliwiają odwracanie, przesuwanie w górę/w dół, przesuwanie w lewo/w prawo itp. Połącz to z dużym bibliotekę typowych elementów interfejsu użytkownika i masz naprawdę przyjazny dla użytkownika system prototypowania.

Gdzie zatem trafiają projekty po ich ukończeniu?

Oto rzecz. Panel nie tylko udostępnia wszystkie projekty, ale także pozwala je usuwać, archiwizować, powielać, edytować i uzyskiwać do nich dostęp. Zasadniczo w tym miejscu możesz także udostępnić projekt i przystąpić do dostosowywania odpowiednich ustawień.

Udostępnianie i współpraca

W porządku, być może będziesz w stanie samodzielnie poradzić sobie z projektem i stworzyć imponujący prototyp. Możesz też wszystko znacznie ułatwić i poszerzyć swoje możliwości, współpracując ze zgranym zespołem.

Okazuje się, że proto.io rozwiązało ten problem. Zapewnia szereg narzędzi do udostępniania i współpracy w celu prezentowania i rozwijania projektów.

Jak, pytasz?

Na przykład, aby zaprezentować absolutne minimum, Proto.io umożliwia wykonanie migawki projektu w dowolnym momencie, a następnie udostępnienie go członkom zespołu.

W przeciwnym razie możesz zdecydować się na pójście na całość, udostępniając wersję prototypu na żywo, a nawet włączając nagrywanie wideo i komentarze. Powinno to wystarczyć, aby zapewnić odpowiednie informacje o projekcie i w konsekwencji wywołać szczegółową informację zwrotną.

Ale wiesz co? Można wyjść poza to, ponieważ Proto.io obsługuje również Usertesting.com i Validately. Włączenie ich powinno pomóc w uzyskaniu kompleksowych i szczegółowych informacji zwrotnych od użytkowników prototypów.

I nie ma znaczenia, jakich urządzeń używają do dostępu do podglądów. System może dostosować się odpowiednio do przeglądarek mobilnych i stacjonarnych.

I zdobądź to. Jeśli tworzysz aplikację na smartfony, natywne doświadczenia aplikacji na Androida i iOS przyniosą korzyści Twoim prototypom, prezentując je w środowisku, dla którego zostały opracowane.

To powiedziawszy, warto zauważyć, że Proto.io 6 znacznie ułatwiło sprawę, wprowadzając udostępnianie jednym kliknięciem. Zasadniczo oznacza to, że możesz rozesłać swój prototyp członkom zespołu za pomocą jednego kliknięcia. Jakie to jest świetne?

Narzędzia interakcji

Biorąc wszystko pod uwagę, cały projekt interakcji Twojej aplikacji jest tym, co ostatecznie robi różnicę, jeśli chodzi o użyteczność. Prawdopodobnie dlatego w ogóle tworzymy prototypy.

Na szczęście Proto.io nie jest skąpe, jeśli chodzi o narzędzia do interakcji. Zapewnia szeroką gamę funkcji, które możesz wykorzystać, aby stworzyć niezapomniane wrażenia użytkownika.

Oprócz przewijanych ekranów zawartości, niektóre z popularnych opcji obejmują wysuwane menu i ekrany wprowadzające, żeby wymienić tylko kilka. Aby zapewnić ten osobisty charakter, Proto.io umożliwia użytkownikom dynamiczne dostosowywanie wszystkich narzędzi interakcji.

OK, ale jak dokładnie je dodać?

Cóż, pamiętasz, jak wspomnieliśmy, że Proto.io intensywnie korzysta z interfejsu „przeciągnij i upuść”? Zgadnij co? Osiągnięcie dowolnego wyniku interakcji jest tak proste, jak przeciągnięcie i upuszczenie elementów z ikony do komponentów interfejsu użytkownika. Nie potrzebujesz nawet jednej linijki kodu.

Wspierane urządzenia

Zawsze zaleca się rozwijanie prototypu na komputerze stacjonarnym. Zapewnia on dokładnie takie immersyjne doświadczenie, które pozwala na zaprojektowanie solidnego prototypu.

Teraz podgląd prototypu to zupełnie inna gra. Na szczęście Proto.io nie zmusza ludzi do robienia tego w natywnym środowisku, na którym zbudowano prototypy.

Zasadniczo oznacza to, że możesz pochwalić się swoim dziełem wszystkim użytkownikom, niezależnie od wybranych przez nich gadżetów. Będą mogli uzyskać dostęp za pośrednictwem przeglądarek komputerowych i mobilnych.

W rzeczywistości Proto.io posunął się nawet do opracowania wersji na iOS i Androida. Zasadniczo optymalizują całe doświadczenie związane z recenzowaniem prototypów opracowanych dla urządzeń mobilnych.

Teraz, po udostępnieniu projektu, możesz polegać na kolejnych komentarzach użytkowników, aby ocenić swój prototyp. Ale tu interesująca rzecz: jakby tego było mało, Proto.io połączyło się z Lookback.io, aby stworzyć możliwość nagrywania ekranów użytkowników i wyrazu twarzy osób korzystających z prototypu.

Więc tak. Założę się, że możesz dokonać świadomej oceny wydajności swojego prototypu na podstawie tego, jak jego użytkownicy uśmiechają się lub marszczą brwi. Imponujące, prawda?

Krzywa uczenia się

Ja wiem. Byłam tam. W tym momencie zakładasz, że platforma dla prototypów musi być na tyle skomplikowana, aby obsłużyć rozbudowany rozwój interfejsu użytkownika.

Na szczęście Proto.io udało się wyeliminować kodowanie bez zakłócania procesu tworzenia prototypu. Można skonfigurować zarówno modele szkieletowe o niskiej wierności, jak i w pełni rozwinięte prototypy o wysokiej wierności, wyposażone we wszystkie funkcje wymagane do dokładnych testów.

To powiedziawszy, musisz przyznać, że opanowanie typowego interfejsu „przeciągnij i upuść” nie wymaga wiele. Jeśli jednak po drodze napotkasz jakiekolwiek trudności, Proto.io udostępnia szczegółową dokumentację zawierającą w zasadzie wszystko o platformie.

Ceny Proto.io

Po pierwsze, z przyjemnością odkryłem, że Proto.io zapewnia stale bezpłatną opcję. Niestety jest dość ograniczony, ponieważ oferuje tylko:

• podgląd aplikacji io
• Pamięć 10MB
• Zero dodatkowych recenzentów
• 5 ekranów prototypowych
• 1 aktywny projekt
• Użytkownik 1

Jedynym sposobem na zabezpieczenie większej liczby funkcji jest subskrypcja jednego z czterech planów Proto.io. Wszystkie oferują:

• wsparcie e-mail
• 256-bitowe szyfrowanie
• Importowanie szkicu/Photoshopa
• Synchronizacja Dropboxa
• Branding
• Eksportuj do formatu PDF/PNG/HTML
• Opinie użytkowników w formie wideo obsługiwanej przez Lookback
• Komentarze
• Udział
• podgląd aplikacji io
• Podgląd w odtwarzaczu

Teraz, gdy wszystkie są dostarczane z całym ekosystemem funkcji, głównymi czynnikami wyróżniającymi pakiety jest liczba obsługiwanych użytkowników i projektów. Plany są pozornie skonstruowane tak, aby obsługiwać różne poziomy użytkowników i organizacji.

A oto szczegóły:

Wolny strzelec- Kosztuje 29 USD miesięcznie przy rozliczeniu miesięcznym lub 24 USD miesięcznie przy rozliczeniu rocznym

• Obsługuje 1 użytkownika
• Zapewnia 5 aktywnych projektów

Startup- Kosztuje 49 USD miesięcznie przy rozliczeniu miesięcznym lub 40 USD miesięcznie przy rozliczeniu rocznym

• Obsługuje 2 użytkowników
• Zapewnia 10 aktywnych projektów

Agencja- Kosztuje 99 USD miesięcznie przy rozliczeniu miesięcznym lub 80 USD miesięcznie przy rozliczeniu rocznym

• Obsługuje 5 użytkowników
• Zapewnia 15 aktywnych projektów

Zbiorowy- Kosztuje 199 USD miesięcznie przy rozliczeniu miesięcznym lub 160 USD miesięcznie przy rozliczeniu rocznym

• Obsługuje 10 użytkowników
• Zapewnia 30 aktywnych projektów

Biorąc pod uwagę skalę użytkowania, powiedziałbym, że te plany są odpowiednie dla osób fizycznych i małych firm. Dużym przedsiębiorstwom dano możliwość negocjacji z Proto.io w sprawie niestandardowych pakietów, które zapewniają priorytetowe wsparcie, analitykę, bezpieczeństwo klasy korporacyjnej, nieograniczoną liczbę projektów, dodatkowych użytkowników i wiele więcej.

Z kolei studenci i organizacje non-profit mogą kwalifikować się do 50% zniżki. Wszystko zależy od procesu sprawdzania Proto.io.

Teraz nie jest źle. Tak ogólnie to nieźle. Zastanawiam się jednak, czy zniżka dotyczy modelu miesięcznego, rocznego, czy obu.

Cóż, jeśli się nie kwalifikujesz, możesz przynajmniej obniżyć koszty o około 20%, przechodząc z rozliczeń miesięcznych na roczne. Oprócz tego otrzymasz także 15-dniowy bezpłatny okres próbny, aby przetestować wszystko podczas rejestracji.

Kto powinien rozważyć korzystanie z Proto.io?

Jak na razie dobrze. Jednak, co nie jest zaskoczeniem, Proto.io ma sporo wad.

Rozważmy na przykład edycję offline. Chociaż godne pochwały jest to, że platforma umożliwia użytkownikom eksportowanie prototypów do formatu PDF i HTML, wydaje się, że to wszystko, jeśli nie masz połączenia z Internetem. Jedyne, co będziesz mógł zrobić, to wyświetlić podgląd prototypu.

Tworzenie i ulepszanie prototypu wymaga stabilnego połączenia z siecią. To w zasadzie uniemożliwia wygodną pracę w podróży.

A mówiąc o tworzeniu prototypów, miejmy nadzieję, że zespół programistów Proto.io poważnie rozważy wprowadzenie animacji 3D i podglądów na żywo. W końcu mamy rok 2019, w którym można głośno płakać.

Poza tym możemy stwierdzić, że Proto.io to przyzwoita platforma zbudowana z naciskiem na produktywność i skalowalność. Jest wystarczająco elastyczny, aby obsługiwać zarówno proste projekty nowicjuszy, jak i złożone, wielowarstwowe projekty tworzone przez zespoły korporacyjne.

Podsumowując, czego według ciebie powinniśmy oczekiwać od twórców gry w najbliższej przyszłości?