Proto.io Review: een flexibel hulpmiddel voor prototypen

Feit is dat, zelfs als je denkt dat je het helemaal hebt begrepen, het moeizame proces van het bouwen van een standaardapp een duurt gemiddelde van ongeveer 4 tot 6 maanden. Het is meer een reis van het brainstormen van een idee naar het bedenken van een heel ander eindproduct.

Tussen deze twee fasen is waar het hele drama plaatsvindt. Na het brainstormen komt het onderzoeksproces, van waaruit u een overeenkomstig draadframe tot stand brengt, waarna het wordt opgevolgd door een prototype voor de eerste testfase.

Wat ontbreekt er tot nu toe?

Houd hem hier precies vast. Voordat we zelfs overgaan tot de ontwikkelingsfase, laten we eerst het enige waarderen dat het wezenlijk informeert.

Een prototype vertegenwoordigt in feite wat u vermoedt dat de gebruikersinterface van het eindproduct zal zijn. De daaropvolgende feedback gegenereerd door gebruikers bepaalt het bijbehorende functionaliteitsontwerp tijdens de ontwikkeling.

Al met al is het prototype dus wat in wezen de app-ontwikkeling en in grote mate het algehele resultaat bepaalt.

Dus, hoe zit het met we kijken naar een interessante tool die u kunt gebruiken voor dit?

Proto.io Review: overzicht

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.

Proto.io

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 Review: kenmerken

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.

Proto.io-prototype

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.

Proto.io slepen en neerzetten

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 demonstreren, stelt Proto.io u bijvoorbeeld in staat om op elk moment een momentopname van uw project te maken en dit vervolgens met teamleden te delen. Anders kun je ervoor kiezen om alles uit te delen door een live-versie van het prototype te delen en zelfs video-opnamen plus opmerkingen in te schakelen. Dat moet goed genoeg zijn om adequate projectinformatie te bieden en bijgevolg gedetailleerde feedback te genereren.

Proto.io delen

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 toegang te krijgen tot previews. Het systeem kan zich aanpassen aan zowel mobiele als desktop-browsers.

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.

Proto.io-interactietools

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 uw prototype op een desktop-pc te ontwikkelen. 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.

Proto.io-functies

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 Review: 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
  • Comments
  • Deel
  • io app-previewing
  • Voorbeeld in speler

Prijzen van Proto.io

Nu ze allemaal worden geleverd met het volledige ecosysteem, zijn de belangrijkste onderscheidende factoren tussen de pakketten het aantal ondersteunde gebruikers en projecten. De plannen zijn schijnbaar gestructureerd om verschillende soorten 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

Opstarten- 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

Afgaande op deze gebruiksschalen, zou ik zeggen dat deze plannen geschikt zijn voor particulieren en kleine bedrijven. Grote bedrijven hebben de optie gekregen om met Proto.io te onderhandelen over aangepaste pakketten die prioriteitsondersteuning, analytics, enterprise-grade beveiliging, 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 zover goed. Maar, misschien niet verrassend, Proto.io heeft zijn billijke aandeel van 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?

Bogdan Rancea

Bogdan is een van de oprichters van Inspired Mag en heeft in die periode bijna 6 jarenlange ervaring opgebouwd. In zijn vrije tijd studeert hij graag klassieke muziek en onderzoekt hij beeldende kunst. Hij is ook behoorlijk geobsedeerd door fixies. Hij is al eigenaar van 5.