Het prototypen van uw app-idee kan een gamechanger zijn, maar het vinden van de juiste tool voor de klus is niet altijd eenvoudig. Maak kennis met Proto.io โ een webgebaseerd prototypingplatform dat sinds 2011 furore maakt.
Oorspronkelijk ontworpen voor iOS-apparaten, is het nu een veelzijdige tool voor app-enthousiastelingen, ontwerpers en UX-professionals op meerdere platforms.
In deze review duiken we diep in Proto.io om te zien of het de hype waarmaakt. We verkennen de belangrijkste functies, van de intuรฏtieve drag-and-drop interface tot de samenwerkingstools.
We zullen ook de prijsstructuur opsplitsen, de voor- en nadelen afwegen en u helpen beslissen of Proto.io geschikt is voor uw prototypingbehoeften.
Of je nu een codeerexpert bent of een beginnende ontwerper, blijf rond terwijl we alles uitpakken wat Proto.io te bieden heeft. Aan het einde van deze review heeft u een duidelijk beeld van wat deze tool voor uw app-ontwikkelingsproces kan betekenen โ en waar deze mogelijk nog tekortschiet.
Laten we beginnen!
Dus, hoe zit het met we kijken naar een interessante tool die u kunt gebruiken voor dit?
Snelle uitspraak
Ik vind Proto.io een solide tool voor het maken van prototypes met een aantal indrukwekkende functies. De intuรฏtieve drag-and-drop-interface en de uitgebreide interactietools maken het toegankelijk voor zowel ontwerpers als niet-programmeurs. Ik ben vooral gecharmeerd van de samenwerkingsfuncties en de mogelijkheid om prototypes gemakkelijk te delen.
Het is echter niet zonder gebreken. Het ontbreken van offline bewerken is een aanzienlijk nadeel, waardoor de flexibiliteit wordt beperkt voor gebruikers die zonder internetverbinding moeten werken. Bovendien voelt de afwezigheid van live previews en 3D-animaties een beetje achterhaald aan voor een moderne prototyping-tool.
Hoewel de prijzen redelijk lijken, vooral met kortingen voor studenten en non-profitorganisaties, is het gratis niveau vrij beperkt. Over het geheel genomen lijkt Proto.io een capabel hulpmiddel voor verschillende projectschalen, maar de beperkingen ervan kunnen sommige gebruikers frustreren die op zoek zijn naar meer geavanceerde functies of offline mogelijkheden.
Wat is Proto.io?
Gemaakt door de Labs Divisie van SNQ Digital, Proto.io bestaat al sinds 2011, toen het werd uitgebracht als een commercieel webplatform dat zich bezig hield met de ontwikkeling van prototypen voor iPads en iPhones. Vervolgens veranderde het geleidelijk in een dynamischer kader en werd het zelfs uitgebreid om plaats te bieden aan meerdere apparaten.
Op dit moment richt het platform zich in de eerste plaats tot app-enthousiasten, mobiele ontwerpers, interactie-ontwerpers en gebruikerservaringprofessionals met een breed scala aan kritische prototyping-tools.
Een van de belangrijkste eigenschappen van Proto.io is de intuรฏtieve gebruikersinterface, die is gebouwd met een drag-and-dropsysteem dat zonder codering kan worden gebruikt. Dat alleen al verklaart waarom het relatief populair is bij zowel coders als niet-codeerders.
Het biedt ook een volledig geรฏntegreerde bibliotheek van interacties, die systematisch kan worden gebruikt op elk van de lagen.
En daarover, Proto.io lijkt het hele proces van prototyping schijnbaar te stroomlijnen door meerdere lagen op verschillende schermen te faciliteren. Gebruikers kunnen ook importeren vanuit Sketch of Photoshop, interacties met JavaScript maken, talloze items synchroniseren met Dropbox en bewegingsontwerpen gedetailleerd bekijken terwijl ze animaties bekijken via het editorvenster.
Alles bij elkaar genomen, het enige dat Proto.io de moeite waard maakt is het feit dat de ontwikkelaars het regelmatig verbeteren met nieuwe updates van tijd tot tijd. Ze hebben er al twee in november uitgebracht, met gevolgen voor de speler en de editor.
Maar nogmaals, Proto.io komt ook met opmerkelijke zwakheden. Hoe ze uw werk kunnen beรฏnvloeden, zullen we binnenkort bekijken. Deze Proto.io-review behandelt alle belangrijke details die u moet weten: fundamentele kenmerken, prijzen, sterke punten en nadelen.
En om ons te beginnen, zijn hier de belangrijkste kenmerken ...
Proto.io-functies
Een prototype bouwen
Wanneer u uw reis op Proto.io start, zult u merken dat het een gedetailleerde zelfstudie bevat om u te helpen uw weg door het systeem te vinden. Het vond het redelijk handig om eerlijk te zijn, en de interface maakt het bovendien gemakkelijk om aan te passen, omdat de tools overzichtelijk en toegankelijk zijn.
Gelukkig gooit Proto.io je niet overrompeld. Maak u dus geen zorgen als u in het begin geen belangrijke elementen ziet. Meer functies en contextuele opties worden geleidelijk gebruikt als u verder werkt aan uw project.
Nu is een starten net zo eenvoudig als het klikken op de nieuwe projectoptie op het dashboard, het benoemen, het selecteren van de schermgrootte en het bedoelde medium, dan voila!
Het navigatieproces zelf is naadloos, dankzij een eenvoudige gebruikersinterface die niet eeuwen nodig heeft om aan te wennen. Ik creรซerde al meerdere schermen in ongeveer een uur of zo en ging door om ze te combineren met aantrekkelijke overgangen en stijlvolle interacties.
Het samenvoegen en testen kostte niet veel moeite omdat Proto.io is gebouwd met een functie voor het bekijken van animaties. Helaas zou ik het niet als een real-time livevoorbeeld van 100% beschouwen, aangezien gebruikers eerst hun projecten moeten opslaan voordat animatiewijzigingen in het voorbeeld worden weergegeven.
Welnu, in ieder geval compenseert het systeem dat met een meeslepende interface met slepen en neerzetten. Het slepen van elk element is verrassend eenvoudig en u kunt het dienovereenkomstig aanpassen en vervolgens doorgaan naar het volgende.
Als u items gebruikt waarvan u denkt dat u ze later misschien nodig heeft (animaties, interacties, UI-elementen), kunt u uzelf het harde werk besparen door te profiteren van het besparen van containers. Op die manier kunt u ze eenvoudig slepen en plaatsen wanneer dat nodig is. Het is echt zo stressvrij.
Eerlijk genoeg. Maar welke functionaliteiten hebben we hier?
Om te beginnen kun je animaties roteren, vervagen, vergroten of verkleinen en verplaatsen. Interacties ondersteunen vervolgens functies zoals rechtsklikken, klikken, loslaten, aanraken, dubbeltikken, tikken, enzovoort. Overgangen bieden daarentegen flippen, op / neer schuiven, links / rechts verschuiven, enz. Combineer dat met een grote bibliotheek met typische UI-elementen, en je hebt jezelf een heel gebruiksvriendelijk prototypesysteem.
Dus, waar gaan projecten naartoe na voltooiing?
Nu, hier is het ding. Het dashboard biedt niet alleen alle projecten, maar biedt u ook de mogelijkheid om ze te verwijderen, archiveren, dupliceren, bewerken en openen. Dit is eigenlijk waar je ook een project kunt delen en doorgaan met het aanpassen van de bijbehorende instellingen.
Delen en samenwerken
Goed, je zou misschien een project alleen aankunnen en mogelijk een indrukwekkend prototype bedenken. Of u kunt alles veel eenvoudiger maken en uw mogelijkheden uitbreiden door met een goed gecoรถrdineerd team te werken.
Het blijkt dat proto.io dit heeft opgelost. Het biedt een scala aan hulpprogramma's voor delen en samenwerken om uw projecten te presenteren en uit te breiden.
Hoe, vraag je?
Om het absolute minimum te laten zien, kunt u met Proto.io bijvoorbeeld op elk moment een momentopname van uw project maken en deze vervolgens delen met teamleden.
Anders kunt u ervoor kiezen om helemaal los te gaan door een liveversie van het prototype te delen en zelfs video-opnames en opmerkingen in te schakelen. Dat zou goed genoeg moeten zijn om voldoende projectinformatie te bieden en bijgevolg gedetailleerde feedback te triggeren.
Maar weet je wat? Het is mogelijk om verder te gaan omdat Proto.io ook Usertesting.com en Geldig ondersteunt. Door ze in te schakelen, kunt u uitgebreide, diepgaande feedback beveiligen van prototypegebruikers.
En het maakt niet uit welke apparaten ze gebruiken om previews te bekijken. Het systeem kan zich aanpassen aan zowel mobiele als desktopbrowsers.
En haal dit. Als u een smartphoneapplicatie maakt, profiteren de native ervaringen van Android- en iOS-apps voor uw prototypen door ze te presenteren in het medium waarvoor ze zijn ontwikkeld.
Dat gezegd hebbende, is het de moeite waard om op te merken dat Proto.io 6 de dingen veel gemakkelijker maakte door het delen van een enkele klik te introduceren. Dat betekent in feite dat u uw prototype met een enkele klik naar teamleden kunt distribueren. Hoe cool is dat?
Interactie-instrumenten
Alles bij elkaar genomen, is het hele interactieontwerp van uw app wat uiteindelijk het verschil maakt als het om bruikbaarheid gaat. Dat is misschien wel de reden waarom we in de eerste plaats zelfs prototypes maken.
Gelukkig is Proto.io niet gemeen als het gaat om interactie-instrumenten. Het biedt een breed scala aan functionaliteiten waarop u kunt inspelen om een โโgedenkwaardige gebruikerservaring te creรซren.
Naast scrollable inhoudschermen zijn enkele van de populaire opties hier inclusief inloopmenu's en onboarding-schermen - om er maar een paar te noemen. En voor die persoonlijke benadering stelt Proto.io gebruikers in staat alle interactiegereedschappen dynamisch aan te passen.
Okรฉ, maar hoe precies voeg je ze toe?
Nou, weet je nog dat we zeiden dat Proto.io een slepen-en-neerzetten-interface gebruikt? Dus Raad eens? Het behalen van een interactieresultaat is net zo eenvoudig als het slepen en neerzetten van de elementen van een pictogram naar uw gebruikersinterfacecomponenten. U hebt zelfs geen enkele regel code nodig.
Ondersteunde apparaten
Het is altijd raadzaam om je prototype te ontwikkelen op een desktop-pc. Het biedt precies de juiste meeslepende ervaring om een โโsolide prototype te ontwikkelen.
Het bekijken van het prototype is nu een ander balspel. Gelukkig dwingt Proto.io mensen niet om dit te doen in de oorspronkelijke omgeving waarin de prototypes zijn gebouwd.
Dat betekent in feite dat u uw creatie kunt laten zien aan alle soorten gebruikers, ongeacht hun gadgets naar keuze. Ze kunnen toegang krijgen via pc en mobiele browsers.
Proto.io ging zelfs door met het ontwikkelen van versies voor iOS en Android. Ze optimaliseren fundamenteel de hele ervaring van het beoordelen van prototypen die zijn ontwikkeld voor mobiele apparaten.
Nu, na het delen van uw project, kunt u vertrouwen op de volgende opmerkingen van gebruikers om uw prototype te beoordelen. Maar hier is het interessante - alsof dat niet genoeg is, heeft Proto.io contact gezocht met Lookback.io om de mogelijkheid te bieden gebruikersschermen en gezichtsuitdrukkingen op te nemen van mensen die een prototype gebruiken.
Dus ja. U wedt dat u een weloverwogen oordeel kunt vellen over de prestaties van uw prototype op basis van hoe de gebruikers glimlachen of fronsen. Indrukwekkend, toch?
Leercurve
Ik weet. Ik ben daar geweest. Op dat moment neem je aan dat een platform voor prototypen gecompliceerd genoeg moet zijn om een โโuitgebreide UI-ontwikkeling aan te kunnen.
Gelukkig is Proto.io erin geslaagd om codering te elimineren zonder het ontwikkelingsproces van prototypen in gevaar te brengen. U kunt zowel low-fidelity-wireframes als volledig ontwikkelde high-fidelity-prototypen instellen, compleet met alle functies die vereist zijn voor grondig testen.
Dat gezegd hebbende, moet je toegeven dat het niet veel kost om een โโtypische drag-and-drop interface onder de knie te krijgen. Maar, voor het geval u onderweg tegen problemen aanloopt, biedt Proto.io gedetailleerde documentatie met in feite alles over het platform.
Proto.io-prijzen
Ten eerste was ik blij dat Proto.io een permanent gratis optie biedt. Helaas is het vrij beperkt omdat het alleen biedt:
- io app-voorbeeld
- 10MB-opslag
- Nul extra beoordelaars
- 5 prototype schermen
- 1 actief project
- 1 gebruiker
De enige manier om meer functies te beveiligen, is een abonnement nemen op een van de vier plannen van Proto.io. Ze bieden allemaal:
- E-mail ondersteuning
- 256-bit encryptie
- Schets / Photoshop importeren
- Dropbox-synchronisatie
- Branding
- Exporteren naar PDF / PNG / HTML
- Gebruikersfeedback in videovorm aangedreven door Lookback
- Heb je vragen? Stel ze hier.
- Delen
- io app-previewing
- Voorbeeld in speler
Nu ze allemaal met het volledige functie-ecosysteem worden geleverd, zijn de belangrijkste onderscheidende factoren tussen de pakketten het aantal ondersteunde gebruikers en projecten. De plannen zijn schijnbaar gestructureerd om verschillende gebruikers en organisaties te bedienen.
En hier zijn de details:
Freelancer- Kost $ 29 per maand met maandelijkse facturering, of $ 24 per maand met jaarlijkse facturering
- Ondersteunt 1-gebruiker
- Biedt actieve 5-projecten
Startup- Kost $ 49 per maand met maandelijkse facturering, of $ 40 per maand met jaarlijkse facturering
- Ondersteunt 2-gebruikers
- Biedt actieve 10-projecten
zonder makelaarskantoor Kost $ 99 per maand met maandelijkse facturering, of $ 80 per maand met jaarlijkse facturering
- Ondersteunt 5-gebruikers
- Biedt actieve 15-projecten
Corporate- Kost $ 199 per maand met maandelijkse facturering, of $ 160 per maand met jaarlijkse facturering
- Ondersteunt 10-gebruikers
- Biedt actieve 30-projecten
Als ik naar deze gebruiksschalen kijk, zou ik zeggen dat deze plannen geschikt zijn voor individuen en kleine bedrijven. Grote ondernemingen hebben de optie gekregen om met Proto.io te onderhandelen over aangepaste pakketten die prioriteitsondersteuning, analyses, beveiliging op ondernemingsniveau, onbeperkte projecten, extra gebruikers en nog veel meer bieden.
Studenten en non-profitorganisaties kunnen daarentegen in aanmerking komen voor een 50% korting. Het hangt allemaal af van het screeningproces van Proto.io.
Dat is niet slecht. Helemaal niet slecht. Maar ik vraag me af of de korting is gebaseerd op het maandelijkse model, jaarlijkse facturering of beide.
Welnu, als u niet in aanmerking komt, kunt u ten minste uw kosten met ongeveer 20% verlagen wanneer u overschakelt van maandelijkse naar jaarlijkse facturering. Daarnaast krijgt u bovendien een 15-dag gratis proefperiode om alles uit te testen wanneer u zich aanmeldt.
Wie zou moeten overwegen om Proto.io te gebruiken?
Tot nu toe gaat het goed. Maar, misschien niet verrassend, heeft Proto.io een groot aantal nadelen.
Overweeg bijvoorbeeld offline bewerken. Hoewel het aanbevelenswaardig is dat het platform gebruikers toestaat prototypes naar PDF en HTML te exporteren, lijkt het er ongeveer op als u geen internetverbinding hebt. Het enige dat u kunt doen is een voorbeeld van een prototype bekijken.
Het maken en aanpassen van een prototype vereist een stabiele verbinding met het web. Dat maakt het in feite onmogelijk om gemakkelijk onderweg te werken.
En als we het hebben over het maken van prototypen, laten we hopen dat het ontwikkelteam van Proto.io serieus zal overwegen om 3D-animaties en live previews te introduceren. Per slot van rekening is het 2019 om hardop te huilen.
Afgezien daarvan kunnen we concluderen dat Proto.io een behoorlijk platform is, gebouwd met een focus op productiviteit en schaalbaarheid. Het is flexibel genoeg om zowel eenvoudige projecten van beginners als complexe meerlagige ontwerpen van bedrijfsteams te ondersteunen.
Dus alles bij elkaar genomen, wat denk je dat we in de nabije toekomst van de ontwikkelaars mogen verwachten?
Ik heb een project gemaakt in de proefversie en 2 dagen later kan ik het niet vinden om verder te gaan met bewerken. Hoe vind ik het?
Heb je geprobeerd contact op te nemen met hun ondersteuningsteam?