Recenze Proto.io: Vše, co potřebujete vědět

Prototypování nápadu na aplikaci může změnit hru, ale najít správný nástroj pro tuto práci není vždy snadné. Vstupte do Proto.io – webová prototypovací platforma, která se vlní od roku 2011.

Původně byl navržen pro zařízení se systémem iOS, nyní je to všestranný nástroj pro nadšence aplikací, návrháře a profesionály UX na různých platformách.

V této recenzi se ponoříme hluboko do Proto.io, abychom zjistili, zda odpovídá humbuku. Prozkoumáme jeho klíčové funkce, od intuitivního rozhraní přetahování až po nástroje pro spolupráci.

Také rozebereme cenovou strukturu, zvážíme klady a zápory a pomůžeme vám rozhodnout, zda je Proto.io to pravé pro vaše potřeby prototypování.

Ať už jste začátečník v kódování nebo designový nováček, zůstaňte při vybalování všeho, co Proto.io nabízí. Na konci této recenze budete mít jasnou představu o tom, co může tento nástroj udělat pro váš proces vývoje aplikace – a kde může zaostávat.

Začněme!

Co kdybychom se tedy podívali na jeden zajímavý nástroj, který k tomu můžete využít?

Co je Proto.io?

Vytvořeno laboratoří DiviSNQ Digital, Proto.io. \ t existuje od roku 2011, kdy byla vydána jako komerční webová platforma zabývající se vývojem prototypů pro iPady a iPhony. Poté se postupně proměnil v dynamičtější rámec a dokonce se rozšířil tak, aby pojal více zařízení.

V současné době se platforma v podstatě zaměřuje na nadšence aplikací, mobilní návrháře, návrháře interakcí a profesionály v uživatelském prostředí se širokou škálou kritických prototypovacích nástrojů.

Jednou z hlavních vlastností Proto.io je jeho intuitivní uživatelské rozhraní, které je postaveno na systému drag-and-drop, který lze využít bez kódování. To samo o sobě vysvětluje, proč je poměrně populární mezi kodéry i nekodéry.

Poskytuje také zcela integrovanou knihovnu interakcí, kterou lze systematicky používat na kterékoli z jejích vrstev.

A když už jsme u toho, Proto.io zdánlivě zefektivňuje celý proces prototypování tím, že usnadňuje více vrstev na různých obrazovkách. Uživatelé mohou také importovat ze Sketch nebo Photoshopu, vytvářet interakce s JavaScriptem, synchronizovat četné položky s Dropboxem a zpracovávat detaily pohybových návrhů při prohlížení náhledů animací v okně editoru.

Když vezmeme v úvahu všechny věci, jediná věc, kvůli které stojí za to Proto.io vyzkoušet, je skutečnost, že jej vývojáři čas od času neustále vylepšují novými aktualizacemi. Jen v listopadu už vydali dvě, což ovlivnilo hráče a editora.

Proto.io však také přichází s pozoruhodnými slabinami. Brzy se budeme zabývat tím, jak by mohly ovlivnit vaši práci. Tato recenze Proto.io pokrývá všechny důležité podrobnosti, které potřebujete znát – základní funkce, ceny, silné stránky a nevýhody.

A abychom začali, zde jsou hlavní rysy…

Vlastnosti Proto.io

Stavba prototypu

Když začnete svou cestu na Proto.io, všimnete si, že poskytuje podrobný návod, který vám pomůže zorientovat se v systému. Zjistilo se, že je to docela praktické, abych byl upřímný, a rozhraní dále usnadňuje přizpůsobení, protože nástroje jsou přehledné a přístupné.

Naštěstí na vás Proto.io v drtivé většině nehází všechno. Nelekejte se tedy, že některé důležité prvky na začátku neuvidíte. Jak pokračujete v práci na svém projektu, postupně se využívá více funkcí a kontextových možností.

Spuštění je nyní stejně snadné jako kliknutí na novou možnost projektu na řídicím panelu, její pojmenování, výběr velikosti obrazovky a zamýšleného média, a pak voila!

Samotný proces navigace je bezproblémový, a to díky přímočarému uživatelskému rozhraní, na které si netrvá dlouho zvykat. Již zhruba za hodinu jsem vytvářel několik obrazovek a pak jsem je zkombinoval s atraktivními přechody a stylovými interakcemi.

Jejich sloučení a testování nevyžadovalo mnoho úsilí, protože Proto.io je postaveno s funkcí náhledu animace. Bohužel bych to nepovažoval za 100% živý náhled v reálném čase, protože uživatelé musí nejprve uložit své projekty, než se změny animace projeví v náhledu.

No, alespoň to systém kompenzuje pohlcujícím rozhraním drag-and-drop. Přetažení libovolného prvku je překvapivě jednoduché a můžete jej podle toho upravit a poté přejít k dalšímu.

Pokud náhodou převezmete položky, o kterých si myslíte, že byste je mohli později potřebovat (animace, interakce, prvky uživatelského rozhraní), ušetříte si těžkou práci tím, že využijete úsporu kontejnerů. Tímto způsobem je budete moci jednoduše přetáhnout a vhodně umístit, když budete potřebovat. Opravdu je to bez stresu.

Spravedlivé. Ale o jakých funkcích se tu bavíme?

Pro začátek můžete animace otáčet, slábnout, měnit jejich velikost a přesouvat je. Interakce pak podporují funkce jako klepnutí pravým tlačítkem, kliknutí, uvolnění, dotyk, dvojité klepnutí, klepnutí atd. Přechody na druhou stranu umožňují překlápění, posouvání nahoru/dolů, posouvání doleva/doprava atd. Zkombinujte to s velkým knihovnu typických prvků uživatelského rozhraní a máte sakra uživatelsky přívětivý systém prototypování.

Kam tedy projekty směřují po dokončení?

Tady jde o věc. Řídicí panel nejen využívá všechny projekty, ale také umožňuje mazat, archivovat, duplikovat, upravovat a přistupovat k nim. Zde můžete v podstatě také sdílet projekt a pokračovat v úpravě odpovídajících nastavení.

Sdílení a spolupráce

Dobře, můžete být schopni zvládnout projekt sami a možná přijít s působivým prototypem. Nebo si můžete vše výrazně usnadnit a rozšířit své schopnosti spoluprací s dobře sehraným týmem.

Ukázalo se, že proto.io to má vyřešené. Poskytuje řadu nástrojů pro sdílení a spolupráci pro předvádění a rozšiřování vašich projektů.

Jak se ptáš?

Chcete-li předvést to nejnutnější, například Proto.io vám umožňuje kdykoli pořídit snímek vašeho projektu a poté jej sdílet se členy týmu.

V opačném případě se můžete rozhodnout, že budete sdílet živou verzi prototypu a dokonce povolit nahrávání videa plus komentáře. To by mělo stačit na to, aby poskytlo adekvátní informace o projektu a následně vyvolalo podrobnou zpětnou vazbu.

Ale víte co? Je možné jít nad rámec toho, protože Proto.io podporuje také Usertesting.com a Validately. Jejich povolení by vám mělo pomoci zajistit komplexní a hloubkovou zpětnou vazbu od uživatelů prototypů.

A je jedno, jaká zařízení používají k přístupu k náhledům. Systém se dokáže odpovídajícím způsobem přizpůsobit jak mobilním, tak desktopovým prohlížečům.

A získejte tohle. Pokud vytváříte aplikaci pro chytré telefony, nativní zkušenosti aplikací pro Android a iOS budou přínosem pro vaše prototypy tím, že je představíte na médiu, pro které byly vyvinuty.

To znamená, že stojí za zmínku, že Proto.io 6 věci mnohem usnadnil zavedením sdílení jediným kliknutím. To v podstatě znamená, že můžete svůj prototyp distribuovat členům týmu jediným kliknutím. Jak skvělé to je?

Nástroje interakce

Když vezmeme v úvahu všechny věci, celkový design interakce vaší aplikace je to, co nakonec dělá rozdíl, pokud jde o použitelnost. To je pravděpodobně důvod, proč vůbec vyrábíme prototypy.

Naštěstí Proto.io není zlý, pokud jde o nástroje pro interakci. Poskytuje širokou škálu funkcí, které můžete využít k vytvoření nezapomenutelného uživatelského zážitku.

Kromě posouvatelných obrazovek s obsahem patří mezi oblíbené možnosti zde zasouvací nabídky a vstupní obrazovky – abychom zmínili jen některé. A pro tento osobní přístup umožňuje Proto.io uživatelům dynamicky vylepšovat všechny nástroje interakce.

Dobře, ale jak přesně je vůbec přidáte?

Pamatujete si, když jsme zmínili, že Proto.io intenzivně používá rozhraní drag-and-drop? Tak hádejte co? Dosažení jakéhokoli výsledku interakce je stejně jednoduché jako přetažení prvků z ikony do komponent uživatelského rozhraní. Nepotřebujete ani jeden řádek kódu.

Podporovaná zařízení

Vždy je vhodné vyvinout svůj prototyp na stolním počítači. Poskytuje ten správný pohlcující zážitek pro konstrukci solidního prototypu.

Nyní je náhled prototypu jiná míčová hra. Naštěstí Proto.io nenutí lidi, aby to dělali v nativním prostředí, na kterém byly postaveny prototypy.

To v podstatě znamená, že se můžete pochlubit svým výtvorem všem typům uživatelů bez ohledu na to, jaké gadgety si vyberou. Budou moci získat přístup prostřednictvím počítačů a mobilních prohlížečů.

Ve skutečnosti Proto.io dokonce pokračoval ve vývoji verzí pro iOS a Android. Zásadně optimalizují celý zážitek z kontroly prototypů vyvinutých pro mobilní zařízení.

Nyní, po sdílení vašeho projektu, se můžete spolehnout na následné komentáře uživatelů při hodnocení vašeho prototypu. Ale tady je zajímavá věc - jako by to nestačilo, Proto.io se spojilo s Lookback.io, aby přišlo s možností zaznamenávat uživatelské obrazovky a výrazy obličeje lidí používajících prototyp.

Takže ano. Vsadíte se, že si můžete udělat informovaný úsudek o výkonu svého prototypu na základě toho, jak se jeho uživatelé usmívají nebo mračí. Působivé, že?

Křivka učení

Vím. Byl jsem tam. V tu chvíli předpokládáte, že platforma pro prototypy musí být dostatečně komplikovaná, aby zvládla rozsáhlý vývoj uživatelského rozhraní.

Naštěstí se Proto.io podařilo eliminovat kódování, aniž by to ohrozilo proces vývoje prototypu. Můžete nastavit jak low-fidelity drátové modely, tak plně vyvinuté high-fidelity prototypy, kompletní se všemi funkcemi potřebnými pro důkladné testování.

To znamená, že musíte uznat, že zvládnutí typického rozhraní přetahování nevyžaduje mnoho. Ale pro případ, že byste se po cestě setkali s nějakými potížemi, Proto.io poskytuje podrobnou dokumentaci obsahující v podstatě vše o platformě.

Cena Proto.io

Nejprve mě potěšilo zjištění, že Proto.io poskytuje trvale bezplatnou možnost. Bohužel je to dost omezené, protože nabízí pouze:

• náhled aplikace io
• Úložiště 10MB
• Žádné další recenzenty
• 5 prototypových obrazovek
• 1 aktivní projekt
• uživatel 1

Jediný způsob, jak zajistit více funkcí, je předplatit si jeden ze čtyř plánů Proto.io. Všechny nabízejí:

• E-mailová podpora
• 256-bitové šifrování
• Import Sketch/Photoshop
• Synchronizace Dropboxu
• branding
• Export do PDF/PNG/HTML
• Zpětná vazba od uživatelů ve formě videa využívající technologii Lookback
• Komentáře
• Sdílet
• náhled aplikace io
• Náhled v přehrávači

Nyní, když všechny přicházejí s celým ekosystémem funkcí, je hlavním rozlišovacím faktorem mezi balíčky počet podporovaných uživatelů a projektů. Plány jsou zdánlivě strukturovány tak, aby obsluhovaly různé úrovně uživatelů a organizací.

A tady jsou detaily:

Nezávislý pracovník - Stojí 29 $ měsíčně s měsíční fakturací nebo 24 $ měsíčně s roční fakturací

• Podporuje 1 uživatele
• Poskytuje 5 aktivních projektů

Startup- Stojí 49 $ měsíčně s měsíční fakturací nebo 40 $ měsíčně s roční fakturací

• Podporuje 2 uživatele
• Poskytuje 10 aktivních projektů

Agentura- Stojí 99 $ měsíčně s měsíční fakturací nebo 80 $ měsíčně s roční fakturací

• Podporuje 5 uživatele
• Poskytuje 15 aktivních projektů

korporátní- Stojí 199 $ měsíčně s měsíční fakturací nebo 160 $ měsíčně s roční fakturací

• Podporuje 10 uživatele
• Poskytuje 30 aktivních projektů

Podle těchto měřítek použití bych řekl, že tyto plány jsou vhodné pro jednotlivce a malé podniky. Velké podniky dostaly možnost vyjednávat s Proto.io o vlastních balíčcích, které poskytují prioritní podporu, analýzy, zabezpečení na podnikové úrovni, neomezené projekty, další uživatele a mnoho dalšího.

Studenti a neziskové organizace se naopak mohou kvalifikovat na 50% slevu. Vše závisí na procesu screeningu Proto.io.

Teď to není špatné. To vůbec není špatné. Ale zajímalo by mě, jestli sleva vychází z měsíčního modelu, ročního vyúčtování nebo obojího.

No, pokud nesplňujete podmínky, můžete alespoň snížit své náklady asi o 20 %, když přejdete z měsíčního na roční vyúčtování. Pak kromě toho získáte také 15denní bezplatnou zkušební dobu, abyste si mohli vše vyzkoušet, když se zaregistrujete.

Kdo by měl zvážit použití Proto.io?

Zatím je vše dobré. Ale možná není překvapením, že Proto.io má své nevýhody.

Zvažte například offline úpravy. I když je chvályhodné, že platforma umožňuje uživatelům exportovat prototypy do PDF a HTML, zdá se, že je to právě o tom, když nemáte připojení k internetu. Jediné, co budete moci udělat, je náhled prototypu.

Vytvoření a ladění prototypu vyžaduje stabilní připojení k webu. To v podstatě znemožňuje pohodlnou práci na cestách.

A když už jsme u tvorby prototypů, doufejme, že vývojový tým na Proto.io vážně uváží zavedení 3D animací a živých náhledů. Koneckonců je rok 2019 pro pláč nahlas.

Kromě toho můžeme dojít k závěru, že Proto.io je slušná platforma postavená se zaměřením na produktivitu a škálovatelnost. Je dostatečně flexibilní, aby podporoval jak jednoduché projekty nováčků, tak složité vícevrstvé návrhy podnikových týmů.

Takže po zvážení všech věcí, co si myslíte, že bychom měli očekávat od jeho vývojářů v blízké budoucnosti?