Proto.io-gennemgang: Et fleksibelt prototyperingsværktøj

Fakta er - selv når du tror, ​​du har fundet det hele ud, tager den omhyggelige proces med at opbygge en standard-app en gennemsnit på 4 til 6 måneder. Det er mere som en rejse fra brainstorming af en idé til at komme med et helt andet slutprodukt.

I mellem disse to faser er det, hvor alt dramaet sker. Efter brainstorming kommer forskningsprocessen, hvorfra du opretter en tilsvarende wireframe, derefter følges den op af en prototype til den første testfase.

Hvad mangler der indtil videre?

Hold det lige der. Før vi endda går videre til udviklingsfasen, lad os først sætte pris på den ene ting, der væsentlig informerer om det.

En prototype repræsenterer dybest set, hvad du formoder at være slutproduktets brugergrænseflade. Den efterfølgende feedback genereret fra brugere bestemmer det tilsvarende funktionalitetsdesign under udviklingen.

Derfor er prototypen alt i alt det, der dybest set bestemmer appudvikling og i vid udstrækning det samlede resultat.

Så hvad med at tage et kig på et interessant værktøj, du kan udnytte til dette?

Proto.io anmeldelse: Oversigt

Oprettet af Labs Division af SNQ Digital, Proto.io har eksisteret siden 2011, da den blev frigivet som en kommerciel webplatform, der beskæftiger sig med prototypeudvikling til iPads og iPhones. Derefter blev den gradvist omdannet til en mere dynamisk ramme og udvidet endda til at rumme flere enheder.

I øjeblikket er platformen hovedsageligt målrettet appentusiaster, mobildesignere, interaktionsdesignere og brugeroplevelsespecialister med en lang række kritiske prototyperværktøjer.

Proto.io

En af Proto.ios hovedegenskaber er dens intuitive brugergrænseflade, der er bygget med et træk-og-slip-system, der kan udnyttes uden kodning. Det alene forklarer, hvorfor det er relativt populært blandt både kodere og ikke-kodere.

Det giver også et helt integreret bibliotek af interaktioner, som systematisk kan bruges på ethvert af dets lag.

Og hvis vi taler om det, strømline Proto.io tilsyneladende hele prototypeprocessen ved at lette flere lag på forskellige skærme. Brugere kan også importere fra Sketch eller Photoshop, oprette interaktioner med JavaScript, synkronisere adskillige aktiver med Dropbox og detaljerede bevægelsesdesign, mens de forhåndsviser animationer gennem redigeringsvinduet.

Alt i betragtning, det, der gør Proto.io værd at tjekke, er det faktum, at dens udviklere konstant forbedrer det med nye opdateringer fra tid til anden. De har allerede frigivet to i november alene, der påvirker afspilleren og redaktøren.

Men igen kommer Proto.io også med bemærkelsesværdige svagheder. Hvordan de kunne have indflydelse på dit arbejde, er noget, vi undersøger inden for kort tid. Denne Proto.io-gennemgang dækker alle de vigtige detaljer, du har brug for - grundlæggende funktioner, priser, styrker og ulemper.

Og for at starte os, her er de vigtigste træk ...

Proto.io anmeldelse: Funktioner

Opbygning af en prototype

Når du starter din rejse på Proto.io, vil du bemærke, at den indeholder en detaljeret tutorial, der hjælper dig med at finde din vej rundt i systemet. Det fandt det at være ganske praktisk, for at være ærlig, og interface gør det endvidere let at tilpasse sig, da værktøjerne er godt arrangerede og tilgængelige.

Heldigvis kaster Proto.io ikke overvældende alt på dig. Så vær ikke bekymret, hvis du ikke kan se nogle vigtige elementer i starten. Flere funktionaliteter og kontekstuelle indstillinger benyttes gradvist, når du fortsætter med at arbejde på dit projekt.

Nu er det lige så let at starte en som at klikke på den nye projektindstilling på instrumentbrættet, navngive den, vælge skærmstørrelse og det tilsigtede medium og derefter voila!

Selve navigationsprocessen er problemfri takket være en ligetil brugergrænseflade, der ikke tager aldre at vænne sig til. Jeg var allerede ved at oprette flere skærme på cirka en times tid, derefter gik jeg videre til at kombinere dem med attraktive overgange og stilfulde interaktioner.

Proto.io prototype

At slå sammen og teste dem krævede ikke en stor indsats, fordi Proto.io er bygget med en preview-funktion til animation. Desværre ville jeg ikke betragte det som en 100% real-time live-preview, da brugere først skal gemme deres projekter, før animationsændringer afspejles i eksempelvisningen.

Nå, i det mindste kompenserer systemet for det med en fordybende træk-og-slip-grænseflade. Trækning af ethvert element er overraskende enkelt, og du kan justere det i overensstemmelse hermed og derefter gå videre til det næste.

Proto.io træk og slip

Hvis du tilfældigvis adopterer genstande, som du tror, ​​du muligvis har brug for senere (animationer, interaktioner, UI-elementer), skal du spare dig selv det hårde arbejde ved at drage fordel af containerbesparelse. På den måde kan du blot trække og placere dem korrekt, når du har brug for det. Det er virkelig så stressfrit.

Fair nok. Men hvilke funktionaliteter taler vi her?

Til at begynde med kan du rotere, falme, ændre størrelse på og flytte animationer. Derefter understøtter interaktioner funktioner som højreklik, klik, frigiv, berør, dobbelttryk, tryk osv. Overgange sørger på den anden side for at vende, op / ned glide, venstre / højre glid osv. Kombiner det med en stor bibliotek med typiske UI-elementer, og du har dig selv en dækning af et brugervenligt prototypesystem.

Så hvor skal projekterne gå efter afslutningen?

Nu, her er det. Dashboardet benytter ikke kun alle projekter, men giver dig også mulighed for at slette, arkivere, kopiere, redigere og få adgang til dem. Dette er dybest set, hvor du også kan dele et projekt og fortsætte med at justere de tilsvarende indstillinger.

Deling og samarbejde

Fint, du kan muligvis håndtere et projekt alene og muligvis komme med en imponerende prototype. Eller du kan gøre alt meget lettere og udvide dine evner ved at arbejde med et godt koordineret team.

Det viser sig, at proto.io har sorteret dette. Det giver en række delings- og samarbejdsværktøjer til at fremvise og udvide dine projekter.

Hvordan spørger du?

For at vise det blotte minimum, for eksempel, giver Proto.io dig mulighed for at tage et øjebliksbillede af dit projekt når som helst og derefter dele det med teammedlemmer. Ellers kan du vælge at gå helt ud ved at dele en live version af prototypen og endda aktivere videooptagelse plus kommentarer. Det skal være godt nok til at give tilstrækkelig projektinformation og følgelig udløse detaljeret feedback.

Proto.io-deling

Men ved du hvad? Det er muligt at gå ud over dette, da Proto.io også understøtter Usertesting.com og Validately. At aktivere dem skal hjælpe dig med at sikre omfattende, dybtgående feedback fra prototype-brugere.

Og det betyder ikke noget, hvilke enheder de bruger til at få adgang til forhåndsvisninger. Systemet kan tilpasse sig i henhold til både mobile og desktop browsere.

Og få dette. Hvis du opretter en smartphone-applikation, vil Android- og iOS-apps 'oprindelige oplevelse gavne dine prototyper ved at fremvise dem i det medium, de er udviklet til.

Når det er sagt, er det værd at bemærke, at Proto.io 6 gjorde tingene meget lettere ved at introducere deling med et enkelt klik. Det betyder dybest set, at du kan distribuere din prototype til teammedlemmer med et enkelt klik. Hvor cool er det?

Interaktionsværktøjer

Alt i betragtning er hele interaktionsdesignet for din app det, der i sidste ende gør forskellen, når det kommer til brugervenlighed. Det er tvivlsomt, hvorfor vi endda fremstiller prototyper i første omgang.

Heldigvis er Proto.io ikke ens, når det kommer til interaktionsværktøjer. Det giver en bred vifte af funktionaliteter, som du kan udnytte til at skabe en uforglemmelig brugeroplevelse.

Ud over skærmbare indholdsskærme inkluderer nogle af de populære indstillinger her slide-in-menuer og ombord-skærme - for blot at nævne nogle få. Og med det personlige præg giver Proto.io brugere mulighed for dynamisk finjustering af alle interaktionsværktøjer.

Proto.io-interaktionsværktøjer

Ok, men hvordan nøjagtigt tilføjer du dem endda?

Kan du huske, da vi nævnte, at Proto.io stærkt bruger et træk-og-slip-interface? Så gæt hvad? At opnå ethvert interaktionsresultat er så simpelt som at trække og slippe elementerne fra et ikon til dine brugergrænsefladekomponenter. Du har ikke engang brug for en enkelt kodelinje.

Understøttede enheder

Det anbefales altid at udvikle din prototype på en stationær pc. Det giver den rigtige fordypende oplevelse til at konstruere en solid prototype.

Nu er det et andet boldspil at få vist prototypen. Heldigvis tvinger Proto.io ikke folk til at gøre dette i det oprindelige miljø, prototyperne er bygget på.

Det betyder væsentligt, at du kan vise din oprettelse til alle typer brugere, uanset deres valgte gadgets. De vil være i stand til at få adgang via pc- og mobilbrowsere.

Faktisk gik Proto.io endda videre med at udvikle versioner til iOS og Android. De optimerer grundlæggende hele oplevelsen med at gennemgå prototyper udviklet til mobile enheder.

Efter at have delt dit projekt kan du nu stole på de efterfølgende brugerkommentarer for at bedømme din prototype. Men her er den interessante ting - Som om det ikke er nok, sluttede Proto.io sig til Lookback.io for at komme med muligheden for at registrere brugerskærme og ansigtsudtryk for mennesker, der bruger en prototype.

Så ja. Du satser på, at du kan træffe en informeret bedømmelse om ydelsen af ​​din prototype baseret på, hvordan brugerne smiler eller rynker. Imponerende, ikke?

Indlæringskurve

Jeg ved. Jeg har været der. I det øjeblik antager du, at en platform for prototyper skal være kompliceret nok til at håndtere omfattende UI-udvikling.

Heldigvis har Proto.io formået at eliminere kodning uden at gå på kompromis med prototype-udviklingsprocessen. Du kan konfigurere både trådløse wireframes og fuldt udviklede prototyper til høj kvalitet, komplet med alle de funktioner, der kræves til grundig test.

Proto.io funktioner

Når det er sagt, må du indrømme, at det ikke kræver meget at mestre en typisk træk-og-slip-grænseflade. Men i tilfælde af problemer undervejs leverer Proto.io detaljeret dokumentation, der stort set indeholder alt om platformen.

Proto.io anmeldelse: Prissætning

Først ud var jeg glad for at finde ud af, at Proto.io giver en permanent gratis mulighed. Desværre er det ret begrænset, da det kun tilbyder:

  • io app-forhåndsvisning
  • 10MB opbevaring
  • Nul yderligere korrekturlæsere
  • 5 prototype skærme
  • 1 aktivt projekt
  • 1 bruger

Den eneste måde at sikre flere funktioner på er at abonnere på en af ​​Proto.ios fire planer. De tilbyder alle:

  • E-mail support
  • 256-bit kryptering
  • Sketch / Photoshop-import
  • Dropbox-synkronisering
  • Branding
  • Eksporter til PDF / PNG / HTML
  • Brugernes feedback i videoform drevet af Lookback
  • Kommentarer
  • Del
  • io app-forhåndsvisning
  • Eksempel i afspiller

Proto.io-prissætning

Nu hvor de alle leveres med hele funktionsøkosystemet, er antallet af understøttede brugere og projekter de vigtigste skelnen mellem pakkerne. Planerne er tilsyneladende struktureret til at betjene forskellige kvaliteter af brugere og organisationer.

Og her er detaljerne:

Freelancer- Koster $ 29 per måned med månedlig fakturering eller $ 24 per måned med årlig fakturering

  • Understøtter 1 bruger
  • Giver 5 aktive projekter

Start op- Koster $ 49 per måned med månedlig fakturering eller $ 40 per måned med årlig fakturering

  • Understøtter 2 brugere
  • Giver 10 aktive projekter

Bureau- Koster $ 99 per måned med månedlig fakturering eller $ 80 per måned med årlig fakturering

  • Understøtter 5 brugere
  • Giver 15 aktive projekter

virksomhedsobligationer Koster $ 199 per måned med månedlig fakturering eller $ 160 per måned med årlig fakturering

  • Understøtter 10 brugere
  • Giver 30 aktive projekter

Når jeg bruger disse brugsskalaer, vil jeg sige, at disse planer er egnede til enkeltpersoner og små virksomheder. Store virksomheder har fået muligheden for at forhandle med Proto.io om brugerdefinerede pakker, der giver prioriteret support, analyser, enterprise-grade sikkerhed, ubegrænsede projekter, yderligere brugere og meget mere.

Studerende og almennyttige organisationer kan på den anden side kvalificere sig til 50% rabat. Det hele afhænger af Proto.ios screeningsproces.

Nu er det ikke dårligt. Slet ikke dårligt. Men jeg spekulerer på, om rabatten er baseret på den månedlige model, den årlige fakturering eller begge dele.

Hvis du ikke kvalificerer dig, kan du i det mindste sænke dine omkostninger med ca. 20%, når du skifter fra månedlig til årlig fakturering. Derefter får du også en 15-dages gratis prøveperiode til at teste alt, når du tilmelder dig.

Hvem bør overveje at bruge Proto.io?

Så langt så godt. Men måske overraskende, Proto.io har en rimelig andel af ulemperne.

Overvej f.eks. Redigering offline. Selvom det er prisværdigt, at platformen giver brugerne mulighed for at eksportere prototyper til PDF og HTML, ser det ud til, at det bare handler om det, når du ikke har en internetforbindelse. Det eneste, du kan gøre, er at få vist en prototype.

Oprettelse og finjustering af en prototype kræver en stabil forbindelse til internettet. Det gør det dybest set umuligt at nemt arbejde på farten.

Og taler vi om at skabe prototyper, lad os håbe, at udviklingsholdet på Proto.io seriøst vil overveje at introducere 3D-animationer og live previews. Når alt kommer til alt er det 2019 for at råbe højlydt.

Bortset fra det kan vi konkludere, at Proto.io er en anstændig platform bygget med fokus på produktivitet og skalerbarhed. Det er fleksibelt nok til at understøtte både enkle projekter af begyndere og komplekse flerlagsdesign fra virksomhedshold.

Så alt i betragtning, hvad tror du, vi skal forvente af dets udviklere i den nærmeste fremtid?

Proto.io
Bedømmelse: 4.0 - Gennemgang af

Bogdan Rancea

Bogdan er et grundlæggende medlem af Inspired Mag og har akkumuleret næsten 6 års erfaring i denne periode. På fritiden kan han lide at studere klassisk musik og udforske billedkunst. Han er også ganske besat af fixies. Han ejer allerede 5.