Als een gebruiker-gecentreerde ontwerper betekent een belangrijk deel van mijn verantwoordelijkheid prototypes van concepten om feedback te krijgen voor verschillende ontwerpen die actuele bedrijfsproblemen oplossen. Dat betekent het vroegtijdig en vaak in het ontwerpproces iteratief schetsen of wireframen van ideeën om een ​​gesprek te genereren en, nog belangrijker, om feedback van belanghebbenden te verzamelen.

Mijn doel is om gebruikersdoelen uiteindelijk te verbinden met bedrijfsdoelen voor een win-winsituatie die vanuit beide perspectieven wederzijds voordelig is. Daarom ben ik altijd geïnteresseerd in een tool die mij in staat stelt om niet alleen effectiever te zijn, maar ook effectiever in dat proces.

Als wat ik tot nu toe heb gezegd begint te resoneren, ben je mogelijk geïnteresseerd in de volgende prototypingtools die je kunnen helpen bij het lopen van je stakeholders door je visie op weg naar je eindproduct.

iMockups voor iPad ($ 7)

Als je een iPad hebt en er het liefst aan werkt, iMockups kan de moeite waard zijn om te bekijken. Hoewel iMockups exclusief voor de iPad is ontworpen, heeft het een presentatie voor het delen van uw visie met een groter publiek door uw iPad aan te sluiten op een groot scherm. U kunt hotlinks op verschillende elementen in het draadframe plaatsen voor daadwerkelijke navigatie van het ene draadframe naar het volgende.

Als je een bent Balsamiq-modellen gebruiker of werken met iemand die dat wel is, is het handig dat iMockups-bestanden kunnen worden geëxporteerd naar Balsamiq BMML-indeling. Met dat gezegd, is samenwerking en delen echter beperkt tot het e-mailen van bewerkbare projectbestanden of PNG's.

imockup

Flinto (gratis proefperiode van $ 20,00 / maand en 30 dagen)

Van PNG's naar prototypes in 45 seconden is Flinto het veld. Dat gezegd hebbende, echter, moet je nog steeds die PNG's creëren buiten Flinto in tegenstelling tot sommige andere prototyping-services. Sommige mensen zien dat misschien als negatief, maar ik vind het eigenlijk leuk om de mogelijkheid te hebben om mijn favoriete grafische editor te gebruiken in plaats van beperkt te blijven tot het gebruik van nog een andere ingebouwde interface die ik moet leren gebruiken voordat ik iets kan doen. En ik denk niet dat ik echt een stapje verder sta als ik zeg dat als je bezig bent met het maken van apps, je waarschijnlijk al de grafische editor van je voorkeur in een oogwenk klaar hebt staan.

Waar Flinto echt uitblinkt, is de geïntegreerde Share & Install-functie. Hiermee kunt u uw prototypelink delen met anderen die het prototype op hun startscherm kunnen installeren, zowel iOS als Android, om te gebruiken als een live werkende app. Je kunt het zo realistisch maken als je wilt met opnieuw gemaakte iOS- en Android-overgangen, vaste kop- en voetteksten en schermen die verticaal schuiven.

flinto

Slips ($ 199 gratis proefversie)

Gebouwd voor visuele denkers, slip biedt een manier om je mobiele app te beschrijven voor anderen. Je hebt een app-ontwerp in je hoofd en Briefs is er om je te helpen dat idee in de hoofden van anderen te krijgen, waaronder meer dan alleen het delen van een demo. Met Slips voor Mac kun je je ontwerp bekijken en zelfs live testen op echte apparaten terwijl je ontwerpt. Het maakt gebruik van native animaties en interacties, zodat je echt een grote waardering kunt krijgen voor hoe het zal voelen. Net als andere concurrerende services kunt u hotspots toepassen op platte bestanden die een koppeling vormen tussen 'pagina's', maar met Briefs kunt u uw eigen items gebruiken die buiten de app zijn gemaakt, of u kunt pagina's rechtstreeks in de app bouwen met hun bibliotheek met interface-elementen. .

Briefs scheidt zich van de rest wanneer het tijd is om uw werk te delen. Met behulp van wat zij 'slips' noemen, pakt u al uw tijdlijnen voor mobiel ontwerp samen in één opdracht die u kunt bekijken op de gratis iOS-app Kortscase door klanten of teamgenoten op hun eigen apparaten. Maar wat vooral leuk is, is dat Briefs voor Mac het exporteren van uw assets stroomlijnt naar uw ontwikkelaar (s), waar u een gedetailleerde blauwdruk kunt voorleggen die uw app-ontwerp vertegenwoordigt.

slip

POP - Prototyping op papier (gratis)

Als u de beproefde methode verkiest om wireframes op echt papier te tekenen of de spreekwoordelijke achterkant van een servet, waarvan ik persoonlijk een fan ben, dan hebben we een app voor u. Je schetst letterlijk je ideeën, neemt foto's van ze met je telefoon en upload ze vervolgens Prototyping op papier waar je dan kunt beginnen met het samenvoegen van je schetsen met behulp van hotspots.

Ja, het is eenvoudig, maar dat is het mooie ervan. U hebt geen gecompliceerde software nodig, alleen een potlood en een stuk papier. Nadat u uw scenario hebt gemaakt, kunt u uw ruwe prototype op een iPhone, iPad of zelfs in uw webbrowser delen en demonstreren.

knal

Marvel (gratis)

DropBox draait volledig weg en het bijwerken van uw prototype is net zo eenvoudig als het bijwerken van uw ontwerpbestanden: Wonder herkent automatisch wanneer u wijzigingen in uw activa opslaat en werkt uw prototype op de achtergrond bij zonder de last van het opnieuw uploaden van uw bestanden. En in tegenstelling tot veel van de concurrentie, ondersteunt Marvel niet alleen mobiele (iOS en Android), maar ook web- en gaming-apparaten.

Een ander opvallend kenmerk is dat je je Photoshop-bestanden kunt converteren naar afbeeldingen (PNG, JPG, GIF), maar dat je dit niet hoeft te doen, omdat Marvel PSD-bestanden ondersteunt en beweert dat het Sketch binnenkort zal ondersteunen.

wonder

InVision (gratis- $ 22 / maand)

Gebouwd voor agile iteraties, de kracht van InVision bevindt zich in zijn samenwerkingsplatform, waardoor het een uitstekende keuze is voor gedistribueerde teams. Uiteraard kunt u net als veel andere prototyping-services en apps een klikbare demo maken door schetsen, wireframes of high fidelity-ontwerpen aan elkaar te koppelen. En dergelijke prototypes kunnen worden gedeeld en bekeken via een browser of een mobiel apparaat voor een direct aanraakbare demo. Ik wil deze feiten niet verdoezelen, maar ik wil alleen weten wat het onderscheidt van andere prototyping-services.

Tenzij u een eenpersoonsteam bent dat alleen apps ontwerpt voor uzelf, heeft u waarschijnlijk enkele problemen ondervonden bij het samenwerken met klanten en teamleden, bijhoudt wie wat gezegd heeft en het organiseren van alle opmerkingen en aanbevelingen in een verteerbaar formaat.

Elke ontwerper die begraven is in feedback en moeite heeft om alles te organiseren, zal de InVision-tool voor samenwerking in ontwerp, LiveShare, waarderen, waarmee real-time samenwerking in de browser mogelijk is zonder downloaden. LiveShare is veel meer dan een toepassing voor het delen van schermen, zoals blijkt uit zichtbare naamplaatjes voor iedereen in de vergadering, voicechat, mogelijkheden voor privéconferentielijnen, tekstchat, schetsmodus en zelfs whiteboard-modus waar iedereen een potlood heeft waarmee kan worden getekend een gedeeld virtueel whiteboard.

invision

Natuurlijk is er geen tool die geschikt is voor alle prototypes. Veel factoren bepalen wat goed is voor u of uw team.