Proto.io áttekintés: Minden, amit tudnod kell

Az alkalmazásötlet prototípusa megváltoztathatja a játékot, de nem mindig könnyű megtalálni a megfelelő eszközt a munkához. Lépjen be a Proto.io-ba – egy webalapú prototípus-készítő platformra, amely 2011 óta ver hullámokat.

Eredetileg iOS-eszközökhöz tervezték, de ma már sokoldalú eszköz, amely az alkalmazások rajongóit, tervezőket és UX-szakembereket szolgálja ki több platformon.

Ebben az áttekintésben a Proto.io mélyére merülünk, hogy megnézzük, megfelel-e a hype-nak. Fedezzük fel főbb funkcióit, az intuitív fogd és vidd felülettől az együttműködési eszközökig.

Ezenkívül lebontjuk az árstruktúrát, mérlegeljük az előnyöket és hátrányokat, és segítünk eldönteni, hogy a Proto.io megfelelő-e az Ön prototípus-készítési igényeinek.

Legyen szó kódolási fenegyerekről vagy újonc tervezésről, tartsa ki magát, miközben kibontjuk mindazt, amit a Proto.io kínál. Az áttekintés végére világos képet kap arról, hogy ez az eszköz mit tehet az alkalmazásfejlesztési folyamatában – és hol maradhat el.

Kezdjük el!

Szóval, mi lenne, ha megnéznénk egy érdekes eszközt, amelyet felhasználhat ehhez?

Mi az a Proto.io?

Létrehozta a Labs Diviaz SNQ Digital tagja, Proto.io 2011 óta létezik, amikor is megjelent az iPad és iPhone prototípusok fejlesztésével foglalkozó kereskedelmi webplatform. Ezt követően fokozatosan dinamikusabb keretté alakult, sőt több eszköz befogadására is kibővült.

Jelenleg a platform alapvetően az alkalmazásrajongókat, a mobiltervezőket, az interakciótervezőket és a felhasználói élményekkel foglalkozó szakembereket célozza meg a kritikus prototípus-készítő eszközök széles skálájával.

A Proto.io egyik fő tulajdonsága az intuitív felhasználói felület, amely egy drag-and-drop rendszerrel épül fel, amely kódolás nélkül is használható. Ez önmagában megmagyarázza, miért viszonylag népszerű mind a kódolók, mind a nem kódolók körében.

Ezenkívül egy teljesen integrált interakciós könyvtárat biztosít, amely szisztematikusan használható bármely rétegén.

És ha már itt tartunk, a Proto.io látszólag leegyszerűsíti a prototípuskészítés teljes folyamatát azáltal, hogy több réteget tesz lehetővé a különböző képernyőkön. A felhasználók Sketchből vagy Photoshopból is importálhatnak, interakciókat hozhatnak létre JavaScripttel, számos eszközt szinkronizálhatnak a Dropboxszal, és részletezhetik a mozgásterveket, miközben megtekinthetik az animációkat a szerkesztőablakban.

Mindent összevetve az egyetlen dolog, ami miatt érdemes megnézni a Proto.io-t, az az a tény, hogy fejlesztői időről időre folyamatosan új frissítésekkel fejlesztik. Csak novemberben már kiadtak kettőt, ami a játékost és a szerkesztőt is érinti.

A Proto.io azonban jelentős gyengeségekkel is rendelkezik. Hamarosan megvizsgáljuk, hogy ezek hogyan befolyásolhatják a munkáját. Ez a Proto.io áttekintése kiterjed minden fontos részletre, amelyet tudnia kell – az alapvető jellemzőket, az árakat, az erősségeket és a hátrányokat.

És kezdésként íme a főbb jellemzők…

Proto.io jellemzői

Prototípus építése

Amikor elkezdi utazását a Proto.io webhelyen, észre fogja venni, hogy részletes oktatóanyagot tartalmaz, amely segít eligazodni a rendszerben. Meglehetősen praktikusnak találta, hogy őszinte legyek, és az interfész tovább megkönnyíti az adaptálást, mivel az eszközök jól áttekinthetők és hozzáférhetőek.

Szerencsére a Proto.io nem dob el mindent túlnyomórészt. Tehát ne aggódjon, ha nem lát néhány fontos elemet az elején. Folyamatosan több funkcionalitás és kontextuális opció válik elérhetővé, ahogy folytatja a munkát a projekten.

Mostantól olyan egyszerű elindítani, mint az új projekt opcióra kattintva az irányítópulton, elnevezni, kiválasztani a képernyő méretét és a kívánt médiát, majd íme!

Maga a navigációs folyamat zökkenőmentes, köszönhetően az egyszerű felhasználói felületnek, amelyhez nem kell sok idő. Körülbelül egy óra alatt már több képernyőt is létrehoztam, majd elkezdtem kombinálni őket vonzó átmenetekkel és stílusos interakciókkal.

Egyesítésük és tesztelésük nem igényelt sok erőfeszítést, mert a Proto.io animációs előnézeti funkcióval készült. Sajnos nem tartanám 100%-ban valós idejű élő előnézetnek, mivel a felhasználóknak először el kell menteniük projekteiket, mielőtt az animációs változások megjelennek az előnézetben.

Nos, legalább ezt kompenzálja a rendszer egy magával ragadó drag-and-drop felülettel. Bármely elem húzása meglepően egyszerű, és ennek megfelelően módosíthatja, majd továbbléphet a következőre.

Ha történetesen olyan elemeket vesz át, amelyekről úgy gondolja, hogy később szüksége lehet rá (animációk, interakciók, UI-elemek), kímélje meg magát a kemény munkától a tárolók mentésének előnyeivel. Így szükség esetén egyszerűen áthúzhatja és megfelelően elhelyezheti őket. Ez tényleg stresszmentes.

Elfogadható. De milyen funkciókról beszélünk itt?

Kezdetben elforgathatja, elhalványíthatja, átméretezheti és mozgathatja az animációkat. Ezután az interakciók támogatják az olyan funkciókat, mint a jobb gomb, kattintás, felengedés, érintés, dupla koppintás, koppintás stb. Az átmenetek viszont átfordítást, fel/le csúsztatást, balra/jobbra csúsztatást stb. biztosítanak. Ezt kombinálja egy nagy tipikus felhasználói felület elemeit tartalmazó könyvtárat, és máris egy igazán felhasználóbarát prototípuskészítő rendszert kaphat.

Tehát hová mennek a projektek a befejezés után?

Nos, itt van a dolog. Az irányítópult nemcsak az összes projektet használja, hanem lehetővé teszi azok törlését, archiválását, másolását, szerkesztését és elérését is. Alapvetően itt is megoszthat egy projektet, és módosíthatja a megfelelő beállításokat.

Megosztás és együttműködés

Rendben, lehet, hogy képes leszel egyedül kezelni egy projektet, és esetleg előállni egy lenyűgöző prototípussal. Vagy mindent sokkal könnyebbé tehet, és bővítheti képességeit, ha egy jól összehangolt csapattal dolgozik.

Kiderült, hogy a proto.io megoldotta ezt. Számos megosztási és együttműködési eszközt biztosít a projektek bemutatásához és bővítéséhez.

Hogyan, kérdezed?

A minimum bemutatása érdekében például a Proto.io lehetővé teszi, hogy bármikor pillanatképet készítsen a projektről, majd megossza azt a csapat tagjaival.

Ellenkező esetben dönthet úgy, hogy mindent megtesz a prototípus élő változatának megosztásával, és akár videórögzítés és megjegyzések engedélyezésével is. Ennek elég jónak kell lennie ahhoz, hogy megfelelő projektinformációt nyújtson, és következésképpen részletes visszajelzést váltson ki.

De tudod mit? Ezen túl lehet lépni, mivel a Proto.io támogatja a Usertesting.com-ot és a Validatelyt is. Engedélyezésük segítségével átfogó, mélyreható visszajelzést kaphat a prototípus felhasználóitól.

És nem mindegy, milyen eszközöket használnak az előnézetek eléréséhez. A rendszer ennek megfelelően képes alkalmazkodni mind a mobil, mind az asztali böngészőkhöz.

És ezt kapd meg. Ha okostelefon-alkalmazást hoz létre, az Android- és iOS-alkalmazások natív tapasztalatai a prototípusok javát szolgálják azáltal, hogy bemutatják őket abban a közegben, amelyre fejlesztették őket.

Ennek ellenére érdemes megjegyezni, hogy a Proto.io 6 sokkal könnyebbé tette a dolgokat az egykattintásos megosztás bevezetésével. Ez alapvetően azt jelenti, hogy egyetlen kattintással eloszthatja prototípusát a csapat tagjai között. Milyen menő ez?

Interakciós eszközök

Mindent összevetve az alkalmazás teljes interakciós kialakítása az, ami végső soron a használhatóságot illeti. Vitathatatlanul ezért is készítünk eleve prototípusokat.

Szerencsére a Proto.io nem rosszindulatú, ha interakciós eszközökről van szó. Funkciók széles skáláját kínálja, amelyeket kihasználva emlékezetes felhasználói élményt teremthet.

A görgethető tartalomképernyőkön kívül a népszerű lehetőségek közé tartoznak a becsúsztatható menük és a bevezető képernyők – hogy csak néhányat említsünk. A személyes érintés érdekében a Proto.io lehetővé teszi a felhasználók számára, hogy dinamikusan módosítsák az összes interakciós eszközt.

Rendben, de pontosan hogyan kell hozzáadni őket?

Nos, emlékszel arra, amikor megemlítettük, hogy a Proto.io erősen fogd és vidd felületet használ? Szóval, találd ki? Bármilyen interakciós eredmény elérése olyan egyszerű, mint az elemek áthúzása egy ikonról a felhasználói felület összetevőire. Nincs szükség egyetlen kódsorra sem.

Támogatott eszközök

Mindig tanácsos a prototípust asztali számítógépen fejleszteni. Pont a megfelelő magával ragadó élményt nyújtja egy szilárd prototípus megtervezéséhez.

Most a prototípus előnézete egy másik labdajáték. Szerencsére a Proto.io nem kényszeríti az embereket erre a natív környezetben, amelyre a prototípusok épültek.

Ez lényegében azt jelenti, hogy alkotásait minden típusú felhasználó számára bemutathatja, függetlenül attól, hogy milyen kütyüket választanak. Számítógépes és mobilböngészőn keresztül férhetnek hozzá.

Ami azt illeti, a Proto.io még az iOS és az Android verziók fejlesztésébe is belekezdett. Alapvetően optimalizálják a mobileszközökre fejlesztett prototípusok felülvizsgálatának teljes tapasztalatát.

Most, miután megosztotta projektjét, a későbbi felhasználói megjegyzésekre támaszkodhat a prototípus értékeléséhez. De itt az érdekes dolog – mintha ez nem lenne elég, a Proto.io összekapcsolódott a Lookback.io-val, hogy előálljon a felhasználói képernyők és az emberek arckifejezéseinek rögzítésének képességével egy prototípus használatával.

Szóval igen. Fogadunk, hogy megalapozott ítéletet hozhat a prototípus teljesítményéről az alapján, hogy a felhasználók mosolyognak vagy ráncolják a homlokukat. Lenyűgöző, igaz?

Tanulási görbe

Tudom. Ott már voltam. Abban a pillanatban azt feltételezi, hogy a prototípusok platformjának elég bonyolultnak kell lennie ahhoz, hogy kezelje a kiterjedt felhasználói felület fejlesztését.

Szerencsére a Proto.io-nak sikerült kiküszöbölnie a kódolást anélkül, hogy veszélyeztette volna a prototípus fejlesztési folyamatát. Mind az alacsony hűségű drótvázakat, mind a teljesen kifejlesztett, nagy hűségű prototípusokat beállíthatja, az alapos teszteléshez szükséges összes funkcióval kiegészítve.

Ennek ellenére el kell ismernie, hogy nem kell sok ahhoz, hogy elsajátítsák egy tipikus fogd és vidd felületet. Ha azonban nehézségekbe ütközik az út során, a Proto.io részletes dokumentációt biztosít, amely lényegében mindent tartalmaz a platformról.

Proto.io árképzés

Először is örömmel tapasztaltam, hogy a Proto.io tartósan ingyenes lehetőséget biztosít. Sajnos meglehetősen korlátozott, mivel csak a következőket kínálja:

• io alkalmazás előnézete
• 10MB tároló
• Nulla további értékelő
• 5 prototípus képernyő
• 1 aktív projekt
• 1 felhasználó

Az egyetlen módja annak, hogy több funkciót biztosítson, ha előfizet a Proto.io négy csomagjának valamelyikére. Mindegyik a következőket kínálja:

• E-mail támogatás
• 256-bites titkosítás
• Sketch/Photoshop importálás
• Dropbox szinkronizálás
• branding
• Exportálás PDF/PNG/HTML formátumba
• Felhasználói visszajelzés videó formában, a Lookback segítségével
• Hozzászólások
• Megosztás
• io alkalmazás előnézete
• Előnézet a lejátszóban

Most, hogy mindegyik a teljes szolgáltatás-ökoszisztémával érkezik, a csomagok közötti fő megkülönböztető tényező a támogatott felhasználók és projektek száma. A tervek látszólag különböző szintű felhasználók és szervezetek kiszolgálására készültek.

És itt vannak a részletek:

Szabadúszó- Havi 29 dollárba kerül havi számlázással, vagy havi 24 dollárba éves számlázással

• 1 felhasználót támogat
• 5 aktív projektet biztosít

Startup- Havi 49 dollárba kerül havi számlázással, vagy havi 40 dollárba éves számlázással

• 2 felhasználót támogat
• 10 aktív projektet biztosít

Ügynökség- Havi 99 dollárba kerül havi számlázással, vagy havi 80 dollárba éves számlázással

• 5 felhasználót támogat
• 15 aktív projektet biztosít

Társasági- Havi 199 dollárba kerül havi számlázással, vagy havi 160 dollárba éves számlázással

• 10 felhasználót támogat
• 30 aktív projektet biztosít

A használati méretek alapján azt mondanám, hogy ezek a tervek alkalmasak magánszemélyek és kisvállalkozások számára. A nagyvállalatok lehetőséget kaptak arra, hogy tárgyaljanak a Proto.io-val olyan egyedi csomagokról, amelyek kiemelt támogatást, elemzést, vállalati szintű biztonságot, korlátlan számú projektet, további felhasználókat és még sok mást biztosítanak.

Diákok és nonprofit szervezetek viszont 50%-os kedvezményben részesülhetnek. Minden a Proto.io szűrési folyamatától függ.

Ez most nem rossz. Egyáltalán nem rossz. De kíváncsi vagyok, hogy a kedvezmény havi modellen, éves számlázáson vagy mindkettőn alapul.

Nos, ha nem felel meg, legalább körülbelül 20%-kal csökkentheti költségeit, ha havi számlázásról éves számlázásra vált. Ezután ezen kívül 15 napos ingyenes próbaidőszakot is kap, hogy mindent kipróbálhasson, amikor regisztrál.

Kinek érdemes fontolóra vennie a Proto.io használatát?

Eddig jó. De talán nem meglepő, hogy a Proto.io-nak megvannak a maga hátrányai.

Fontolja meg például az offline szerkesztést. Bár dicséretes, hogy a platform lehetővé teszi a felhasználók számára, hogy prototípusokat exportáljanak PDF- és HTML-formátumba, úgy tűnik, ez csak arról szól, ha nincs internetkapcsolat. Az egyetlen dolog, amit tehet, az egy prototípus előnézete.

A prototípus létrehozásához és módosításához stabil internetkapcsolatra van szükség. Ez alapvetően lehetetlenné teszi a kényelmes munkavégzést útközben.

És ha már a prototípusok készítésénél tartunk, reméljük, hogy a Proto.io fejlesztőcsapata komolyan fontolóra veszi a 3D animációk és élő előnézetek bevezetését. Végül is 2019 van a hangos sírásért.

Ettől eltekintve megállapíthatjuk, hogy a Proto.io egy megfelelő platform, amely a termelékenységre és a méretezhetőségre összpontosít. Elég rugalmas ahhoz, hogy támogassa mind az újoncok egyszerű projektjeit, mind a vállalati csapatok összetett, többrétegű tervezéseit.

Tehát mindent összevetve szerinted mit várhatunk a fejlesztőktől a közeljövőben?