Vaarwel Pixate, hallo ProtoPie
Het volgende artikel is een vertaling van het origineel artikel door David Lee.
Triestig nieuws uit de design community, prototyping tool Pixate houdt het voor gezien. Eenzelfde gevoel kwam naar boven als toen Flash verdween. Pixate is nooit zo dominant geweest als Flash, maar de tool trok zeker een grote groep gebruikers die deze tool verkozen boven anderen om prototypes te genereren. Het was een goede tool die een boel bijdroeg en het einde ervan is in zich. Zonder verder lang rouwig er over te zijn, gaan we verder met andere tools die dezelfde mogelijkheden bieden, wat ook lastig kan zijn om opnieuw aan te leren.
Is dat echt zo? Een tijdje terug leerde ik een tool kennen die veel weg had van Pixate. Deze tool is momenteel nog in beta-fase, en scoort op een aantal punten zelfs al beter dan vergelijkbare tools. Deze tool heet ProtoPie, en het nam een boel zorgen weg in de ontwikkeling van prototypes. Letterlijk gezien, maakt de naam van deze nieuwe tool je hongerig en nieuwsgierig om het te leren kennen!
De ontwikkelaar van ProtoPie, Tony Kim, was voorheen interactie ontwerper bij Google. Hij voelde de noodzaak die er was voor designers en developers om sneller ideeën te communiceren. Zijn doel was een tool ontwikkelen die het eenvoudiger maakt voor designers om een idee om te zetten naar een werkend prototype, zonder hier eerst extensief onderzoek naar te doen. Daarom mikte hij op tools die het WYSIWYG-principe hanteren, en laagdrempelig genoeg zijn voor designers met minder verstand van code.
Het duurde voor mijzelf niet lang om de basisprincipes van ProtoPie onder de knie te krijgen. Het duurde me minder lang om deze tool op te pakken als we ProtoPie naast bijvoorbeeld Principle of Flinto leggen. Je kunt elementen eenvoudig in de tool slepen en positioneren, waardes meegeven en voila! Na een paar uur is het mogelijk om een prototype te maken zoals hieronder getoond is. Als je omschakelt van Pixate naar ProtoPie, zorgt deze tool voor weinig extra kopzorgen. Je kunt eigenlijk gelijk aan de slag.
Hoofdfunctionaliteiten
Allemaal leuk en aardig, maar wat maakt ProtoPie beter/anders dan de vele andere prototyping tools? De kern van ProtoPie kan gevangen worden in zes hoofdfunctionaliteiten, naast bijvoorbeeld handige functies als rechtstreeks bestanden importeren vanuit Sketch.
1) Lage learning curve
De tool kent in feite drie basis functies waar je mee aan de slag kunt: ‘Trigger’, ‘Object’ en ‘Response’. Samen vormen deze een ‘Interactie’. Neem het volgende voorbeeld: we ontwerpen een knop die beweegt als je deze aan klikt. Aanraken (touch) fungeert als een Trigger, de knop is het Object en de beweging noemen we een Response.
2) Sensor integratie
Je kunt met ProtoPie ingebouwde sensoren aanroepen zoals de accelerometer, gyroscope, microfoon, camera en 3D Touch. Zo is het bijvoorbeeld mogelijk rond te kijken in een panoramafoto zoals in de Facebook-app mogelijk is. Ook heb ik geprobeerd om een prototype te maken gebaseerd op features in Shazam door middel van het aanroepen van de microfoon. Eenvoudig te maken en de werking verloopt soepel.
3) Device naar device communicatie
ProtoPie ondersteund communicatie tussen twee mobiele apparaten zonder restricties van het OS. Zo kan je dus bijvoorbeeld een chat-app of service om geld over te maken ontwikkelen waarin interacties tussen twee apparaten plaats vinden.
4) Kettingreacties (chains) in plaats van if-then statements
Developers schrijven if-then statements voor interacties tussen meerdere elementen. Zoals je verwacht, kun je met ProtoPie eenvoudig interacties (chains) inbouwen die ervoor zorgen dat het gedrag van het ene element het andere beïnvloedt.
5) Snelheid van het prototype aanpassen
Je kunt de ProtoPie Player (iOS/Android) downloaden om live jouw prototypes te testen op je eigen mobiele apparaat (of die van je respondenten). De snelheid waarmee het bestand afspeelt in de player kun je aanpassen in de speler zelf, om zo nog nauwkeuriger je ontworpen prototype te bekijken.
6) Opbouwen van scenes
In de meeste prototyping tool spelen zich meerdere interacties af op één artboard of canvas, dit kan ervoor zorgen dat een prototype snel complex aanvoelt. Scenes in ProtoPie zorgen ervoor dat prototypes behapbaar blijven en het delen van bestanden (met andere designers/developers) overzichtelijker blijft.
ProtoPie heeft een boel handige beta-functionaliteiten, maar voor de toekomst zouden de volgende functies ook zeer goed van pas komen:
- Live preview,
- Conditions (wat binnenkort beschikbaar is),
- Figma import,
- Windows versie (in ontwikkeling),
- Meerdere voorbeeld prototypes, ondersteund met tutorials.
Vaarwel Pixate, welkom ProtoPie
Jammergenoeg bestaat Pixate niet meer, en dat is jammer voor degene die veel tijd en moeite gestoken hebben in het meester worden van deze tool. Als Pixate je favoriete tool was, is ProtoPie zeker de moeite waard om eens uit te proberen.
Kortom, houd je ideeën niet vast in je hoofd. Ze zijn er om te tonen aan de (design) wereld om je heen. ProtoPie is er voor designers zoals jij en ik. Download ProtoPie (beta) nu en laat je concepten tot leven komen.
Meer voorbeelden op het ProtoPie Youtube-kanaal
