Proto.io-recension: Ett flexibelt verktyg för prototyper

Fakta är - även när du tror att du har fått reda på allt tar den noggranna processen att bygga en standardapp en genomsnitt på cirka 4 till 6 månader. Det är mer som en resa från idédugnad till en helt annan slutprodukt.

Mellan dessa två etapper är där allt drama händer. Efter brainstorming kommer forskningsprocessen, varifrån du upprättar en motsvarande trådram, sedan följs den upp av en prototyp för den första testfasen.

Vad saknas hittills?

Håll det precis där. Innan vi ens går vidare till utvecklingsfasen, låt oss först uppskatta det som väsentligt informerar om det.

En prototyp representerar i princip vad du antar kommer att vara slutproduktens användargränssnitt. Den efterföljande feedbacken från användare bestämmer motsvarande funktionalitetskonstruktion under utvecklingen.

Därför är prototypen sammantaget det som i grund och botten avgör apputvecklingen och till stor del det totala resultatet.

Så, hur kan vi ta en titt på ett intressant verktyg du kan utnyttja för detta?

Proto.io-översyn: Översikt

Skapad av Labs Division of SNQ Digital, Proto.io har funnits sedan 2011, då den släpptes som en kommersiell webbplattform som handlar om prototyputveckling för iPads och iPhones. Den omformades sedan gradvis till en mer dynamisk ram och expanderades till och med för att rymma flera enheter.

För närvarande riktar plattformen sig i huvudsak till appentusiaster, mobildesigners, interaktionsdesigners och proffs med användarupplevelse med ett brett utbud av kritiska prototypverktyg.

Proto.io

En av Proto.ios huvudegenskaper är dess intuitiva användargränssnitt, som är byggt med ett dra-och-släpp-system som kan utnyttjas utan kodning. Det förklarar bara varför det är relativt populärt bland både kodare och icke-kodare.

Det tillhandahåller också ett helt integrerat bibliotek med interaktioner, som systematiskt kan användas på vilket som helst av dess lager.

Och när vi talar om detta, strömmar Proto.io till synes hela prototypprocessen genom att underlätta flera lager på olika skärmar. Användare kan också importera från Sketch eller Photoshop, skapa interaktioner med JavaScript, synkronisera många tillgångar med Dropbox och detaljrörelsedesign medan de förhandsgranskar animationer genom dess redigeringsfönster.

Allt som beaktas, det enda som gör Proto.io värt att kolla in är det faktum att dess utvecklare konsekvent förbättrar det med nya uppdateringar då och då. De har redan släppt två i november ensam, vilket påverkar spelaren och redaktören.

Men återigen kommer Proto.io också med anmärkningsvärda svagheter. Hur de kan påverka ditt arbete är något vi kommer att undersöka inom kort. Denna proto.io-granskning täcker alla viktiga detaljer du behöver för att veta - grundläggande funktioner, prissättning, styrkor och nackdelar.

Och för att starta oss, här är de viktigaste funktionerna ...

Proto.io recension: funktioner

Bygga en prototyp

När du börjar din resa på Proto.io kommer du att märka att den innehåller en detaljerad handledning för att hjälpa dig hitta din väg runt systemet. Det tyckte det var ganska praktiskt, att vara ärlig, och gränssnittet gör det dessutom lätt att anpassa eftersom verktygen är väl ordnade och tillgängliga.

Tack och lov kastar inte Proto.io överväldigande allt på dig. Så var inte orolig om du inte kan se några viktiga element i början. Fler funktioner och kontextuella alternativ utnyttjas gradvis när du fortsätter att arbeta med ditt projekt.

Att starta ett är nu lika enkelt som att klicka på det nya projektalternativet på instrumentpanelen, namnge det, välja skärmstorlek och avsedd medium och sedan voila!

Navigeringsprocessen i sig är sömlös tack vare ett enkelt användargränssnitt som inte tar åldrar att vänja sig vid. Jag skapade redan flera skärmar på ungefär en timme och gick sedan vidare för att kombinera dem med attraktiva övergångar och eleganta interaktioner.

Proto.io-prototyp

Att slå samman och testa dem tog inte så mycket ansträngning eftersom Proto.io är byggt med en förhandsgranskningsfunktion för animationer. Tyvärr skulle jag inte betrakta det som en 100% direktförhandsvisning i realtid eftersom användare måste spara sina projekt först innan animationsändringar återspeglas i förhandsgranskningen.

Tja, åtminstone kompenserar systemet för det med ett uppslukande drag-and-drop-gränssnitt. Att dra något element är förvånansvärt enkelt, och du kan justera det i enlighet därmed och gå vidare till nästa.

Proto.io dra och släpp

Om du råkar adoptera objekt som du tror att du kan behöva senare (animationer, interaktioner, UI-element), kan du spara dig själv det hårda arbetet genom att dra nytta av containerbesparing. På så sätt kan du helt enkelt dra och placera dem på rätt sätt när du behöver. Det är verkligen så stressfritt.

Rimligt nog. Men vilka funktionaliteter pratar vi om här?

Till att börja med kan du rotera, bleka, ändra storlek på och flytta animationer. Sedan stöder interaktioner funktioner som högerklicka, klicka, släpp, röra, dubbelklicka, knacka osv. Övergångar å andra sidan tillåter vändning, upp / ner glidning, vänster / höger glidande, etc. Kombinera det med en stor bibliotek med typiska UI-element, och du har själv en pjäs av ett användarvänligt prototyper.

Så vart går projekten efter avslutad?

Här är saken. Instrumentpanelen använder inte bara alla projekt utan gör att du också kan ta bort, arkivera, duplicera, redigera och få åtkomst till dem. Det är i princip där du också kan dela ett projekt och fortsätta med att justera motsvarande inställningar.

Delning och samarbete

Bra, du kanske kan hantera ett projekt ensam och eventuellt komma med en imponerande prototyp. Eller så kan du göra allt mycket lättare och utöka dina funktioner genom att arbeta med ett välkoordinerat team.

Det visar sig att proto.io har slutat det. Det ger en mängd delnings- och samarbetsverktyg för att visa upp och utöka dina projekt.

Hur frågar du?

För att visa upp det absoluta minimumet, till exempel, Proto.io låter dig ta en ögonblicksbild av ditt projekt när som helst och sedan dela det med teammedlemmar. Annars kan du välja att gå ut genom att dela en liveversion av prototypen och till och med aktivera videoinspelning plus kommentarer. Det borde vara tillräckligt bra för att tillhandahålla adekvat projektinformation och därmed utlösa detaljerad feedback.

Proto.io-delning

Men vet du vad? Det är möjligt att gå längre än detta eftersom Proto.io också stöder Usertesting.com och Validately. Att aktivera dem bör hjälpa dig att säkra omfattande och djupgående feedback från prototypanvändare.

Och det spelar ingen roll vilka enheter de använder för att komma åt förhandsgranskningar. Systemet kan anpassas till både mobila och stationära webbläsare.

Och få det här. Om du skapar en smarttelefonapplikation kommer Android- och iOS-apps ursprungliga upplevelse att gynna dina prototyper genom att visa dem i mediet som de har utvecklats för.

Som sagt är det värt att notera att Proto.io 6 gjorde saker mycket lättare genom att införa delning med en enda klick. Det innebär i princip att du kan distribuera din prototyp till gruppmedlemmar med ett enda klick. Hur coolt är inte det?

Interaktionsverktyg

Allt ifrån, hela interaktionsdesignen för din app är det som i slutändan gör skillnaden när det gäller användbarhet. Det är utan tvekan varför vi till och med gör prototyper i första hand.

Lyckligtvis är Proto.io inte meningsfullt när det gäller interaktionsverktyg. Det ger ett brett utbud av funktioner som du kan dra nytta av för att skapa en minnesvärd användarupplevelse.

Förutom rullningsbara innehållsskärmar inkluderar några av de populära alternativen här bildspel-menyer och ombordskärmar - för att nämna några. Och för den personliga beröringen tillåter Proto.io användare att justera alla interaktionsverktyg dynamiskt.

Proto.io interaktionsverktyg

Ok, men hur lägger du till och med dem?

Kommer du ihåg när vi nämnde att Proto.io kraftigt använder ett dra-och-släpp-gränssnitt? Så gissa vad? Att uppnå alla interaktionsresultat är lika enkelt som att dra och släppa elementen från en ikon till dina användargränssnittskomponenter. Du behöver inte ens en enda kodrad.

Enheter som stöds

Det är alltid tillrådligt att utveckla din prototyp på en stationär dator. Det ger precis rätt uppslukande upplevelse för att konstruera en solid prototyp.

Förhandsvisning av prototypen är nu ett annat bollspel. Tack och lov tvingar Proto.io inte människor att göra detta i den ursprungliga miljön som prototyperna har byggts på.

Det innebär i huvudsak att du kan visa upp din skapelse för alla typer av användare, oavsett vilka gadgets du väljer. De kommer att kunna få åtkomst via datorer och mobila webbläsare.

Faktum är att Proto.io till och med fortsatte att utveckla versioner för iOS och Android. De optimerar i grunden hela upplevelsen av att granska prototyper som utvecklats för mobila enheter.

Efter att du delat ditt projekt kan du nu lita på de efterföljande användarkommentarerna för att betygsätta din prototyp. Men här är det intressanta - som om det inte räcker, Proto.io anslöt sig till Lookback.io för att komma med möjligheten att spela in användarskärmar och ansiktsuttryck för människor som använder en prototyp.

Så ja. Du satsar på att du kan göra en informerad bedömning om hur din prototyp fungerar baserat på hur användarna ler eller rynkar. Imponerande, eller hur?

Inlärningskurva

Jag vet. Jag har varit där. I det ögonblicket antar du att en plattform för prototyper måste vara tillräckligt komplicerad för att hantera omfattande UI-utveckling.

Lyckligtvis har Proto.io lyckats eliminera kodning utan att kompromissa med prototypens utvecklingsprocess. Du kan ställa in såväl trådlösa wireframes som helt utvecklade prototyper av hög trovärdighet, komplett med alla funktioner som krävs för noggrann testning.

Proto.io-funktioner

Som sagt måste du erkänna att det inte krävs mycket för att behärska ett typiskt drag-and-drop-gränssnitt. Men om du stöter på några svårigheter på vägen ger Proto.io detaljerad dokumentation som i princip innehåller allt om plattformen.

Proto.io recension: Prissättning

Först och främst var jag glad att upptäcka att Proto.io erbjuder ett permanent gratis alternativ. Tyvärr är det ganska begränsat eftersom det bara erbjuder:

  • io app förhandsvisning
  • 10MB-lagring
  • Noll ytterligare granskare
  • 5 prototypskärmar
  • 1 aktivt projekt
  • 1-användare

Det enda sättet att säkra fler funktioner är att prenumerera på en av Proto.ios fyra planer. De erbjuder alla:

  • E-postsupport
  • 256-bitars kryptering
  • Importera skiss / Photoshop
  • Dropbox-synkronisering
  • branding
  • Exportera till PDF / PNG / HTML
  • Användarens feedback i videoform drivs av Lookback
  • Kommentarer
  • Dela
  • io app förhandsvisning
  • Förhandsgranska i spelaren

Proto.io-prissättning

Nu när de alla har hela funktionen ekosystem, är de viktigaste skillnadsfaktorerna mellan paketen antalet stöds användare och projekt. Planerna är till synes strukturerade för att betjäna olika betyg av användare och organisationer.

Och här är detaljerna:

Frilansare- Kostar $ 29 per månad med månadsvis fakturering, eller $ 24 per månad med årlig fakturering

  • Stöder 1 användare
  • Tillhandahåller 5 aktiva projekt

Börja- Kostar $ 49 per månad med månadsvis fakturering, eller $ 40 per månad med årlig fakturering

  • Stöder 2 användare
  • Tillhandahåller 10 aktiva projekt

Byrå- Kostar $ 99 per månad med månadsvis fakturering, eller $ 80 per månad med årlig fakturering

  • Stöder 5 användare
  • Tillhandahåller 15 aktiva projekt

Företags- Kostar $ 199 per månad med månadsvis fakturering, eller $ 160 per månad med årlig fakturering

  • Stöder 10 användare
  • Tillhandahåller 30 aktiva projekt

Utifrån dessa användningsskalor skulle jag säga att dessa planer är lämpliga för individer och småföretag. Stora företag har fått möjlighet att förhandla med Proto.io om anpassade paket som ger prioriterat stöd, analys, företagskvalitetssäkerhet, obegränsade projekt, ytterligare användare och mycket mer.

Studenter och ideella organisationer kan å andra sidan kvalificera sig för 50% rabatt. Det beror på Proto.ios screeningprocess.

Nu är det inte dåligt. Inte illa alls. Men jag undrar om rabatten är baserad på månadsmodell, årlig fakturering eller båda.

Om du inte är kvalificerad kan du åtminstone sänka dina kostnader med cirka 20% när du byter från månadsvis till årlig fakturering. Sedan får du också en 15-dagars gratis provperiod för att testa allt när du registrerar dig.

Vem ska överväga att använda Proto.io?

Än så länge är allt bra. Men kanske överraskande, Proto.io har sin rättvisa del av nackdelarna.

Tänk till exempel på redigering offline. Även om det är prisvärt att plattformen tillåter användare att exportera prototyper till PDF och HTML, verkar det bara handla om det när du inte har en internetanslutning. Det enda du kan göra är att förhandsgranska en prototyp.

Skapa och finjustera en prototyp kräver en stabil anslutning till webben. Det gör det i princip omöjligt att enkelt arbeta på språng.

Och talar om att skapa prototyper, låt oss hoppas att utvecklingsteamet på Proto.io på allvar överväger att införa 3D-animationer och live-förhandsvisningar. När allt kommer omkring är det 2019 för att ropa högt.

Annars kan vi dra slutsatsen att Proto.io är en anständig plattform byggd med fokus på produktivitet och skalbarhet. Det är tillräckligt flexibelt för att stödja både enkla projekt av nybörjare och komplexa flerskiktsdesign från företagsteam.

Så, allt betraktat, vad tror du att vi borde förvänta oss av dess utvecklare inom en snar framtid?

Proto.io
Betyg: 4.0 - Granskning av

Bogdan Rancea

Bogdan är en av grundarna i Inspired Mag och har samlat nästan 6 års erfarenhet under denna period. På fritiden gillar han att studera klassisk musik och utforska bildkonst. Han är ganska besatt av fixies också. Han äger redan 5.