Oavsett om din arbetsgrupp fått i uppdrag att utveckla en webbplats, mobilapplikation eller det grafiska gränssnittet till ett TV-spel, så är det viktigt att kunna skissa upp en snabb bild av det tänkta slutresultatet så att alla i teamet är på samma sida.
Att då skapa en prototyp är en viktig del av ett utvecklingsprojekt där ett designteam snabbt kan ta fram en skiss att visa upp för att få synpunkter från andra delar av utvecklingsteamet, kunden eller övriga intressenter. Och därmed kan man identifiera brister i designen i ett tidigt skede av utvecklingsarbetet.
Det finns många olika verktyg för mjukvaruprototyper. Verktygen sträcker sig från väldigt enkla men begränsade tjänster för att skapa en enkel webbplats (WordPress är ett exempel) till wireframes för mer ingående skisser av de allra flesta enklare applikationer till webb, desktop eller mobil och hela vägen till plattformar för att skapa helt interaktiva prototyper med händelsestyrda objekt för att nå en sån realistisk och omfattande bild av vad som utvecklas.
Vi har testat fem olika verktyg för att skapa just mjukvaruprototyper.
5. Pencil Project
Pencil Project är ett grundläggande opensource-project som är gratis. Det kan användas till att skapa skisser och enklare mockups. Verktyget ger inte någon större frihet för utvecklaren att utforma sin egen design, utan verktyget riktar sig till den som vill skapa enkla och snabba skisser, allt med hjälp utav drag-and-drop funktioner. Med de rent ut sagt dåliga och begränsade möjligheterna att skapa interaktiva prototyper hamnar verktyget sist i vår genomgång. Designen på verktyget tar oss 10-15 år tillbaka i tiden.
Verktyget finns endast som klientversion till datorn, och ingen support, med undantag av tutorials för att komma igång, finns att tillgå från företaget som ligger bakom verktyget.
4. Adobe Spark
Om ditt mål med att ta fram en prototyp inte nödvändigtvis är att demonstrera flödet i till exempel en mobilapplikation med interaktiva objekt, utan du vill skapa en riktigt snygg layout snabbt och utan krångel så är Adobe Spark för dig. Verktyget lämpar sig till vem som helst som är ute efter att skapa grafiskt snygga prototyper av webbsidor, posters, inbjudningar eller vad som helst som bäst presenteras med iögonfallande design.
Spark är väldigt, väldigt enkelt att använda, med många färdiga mallar för placering av bilder, text och andra objekt med få knapptryck.
Spark begränsar en del designmässig funktionalitet till sina premiumtjänster, men den funktionalitet som finns i grundversionen duger till att skapa snygga sidor, men som innehåller “watermarks” från Adobe.
Användare som vill prototypa exempelvis mobilapplikationer, användargränssnitt till affärssystem eller ens hemsidor med en mer komplicerad sitemap än ett par enkla sidor lär ej få den funktionalitet som krävs för att skapa dessa, då verktyget inte stöder direktlänkar mellan olika sidor i ett projekt. Men för de uppgifter Spark är tänkt att genomföra, så gör Spark det väldigt enkelt för användaren.
3. InVision
Invision är ett webbaserat prototypverktyg som tillåter användare att skapa interaktiva mockups för webb och mobilprojekt. Invision har funktioner där man importerar designs från photoshop eller sketch för att utveckla dom till att bli interaktiva.
Det finns funktioner som gör det möjligt för människor att jobba i team online. Kommunikationsverktyget för InVision är fullständigt. Du kan jobba i team på samma prototyp och dela med deltagare. Det är enkelt att kommentera direkt samt fritt inne på enskild prototyp utan registering. Det vill säga att InVision är ett väldigt bra verktyg för att utvärdera prototypen som har skapats i team.
Invision är som bäst lämpad för de som har goda kunskaper inom photoshop eller webbdesign.
Dock är InVision inte särskilt lämpat för människor som vill skapa eller designa en prototyp från scratch. Om du vill börja skapa prototyper bör du använda Photoshop eller Sketch först, för att sedan importera dessa till Invision och där ha möjlighet att lägga till så kallade interaktiva hotspots. Det finns ett “free-hand”-läge för att börja skissa, men funktionen är inte lika bra som hos andra prototyper, som fokuserar mer på själva designen och att denna ska vara enkel och snabb. Om du bara vill skapa prototyper ensam på ett enkelt sätt bör du välja ett annat prototypverktyg.
2. Marvel
Marvel är verktyget om du snabbt och smidigt vill slänga ihop en skiss eller prototyp. Här kan du snabbt importera egna resurser och så fort du registrerat dig sätta igång med arbetet, och det ser vi som den absolut största fördelen med programmet. Marvel riktar sig inte till dig som är ute efter stor kreativ frihet eller fullt anpassningsbara och händelsestyrda objekt i dina prototyper. Designen känns modern och inte alls svår att förstå eller att komma igång med, verktyget passar bra för nybörjaren inom design. Prototyperna går sedan smidigt att synka till den mobila applikationen där man kan testköra prototyperna i en mer verklighetstrogen miljö.
På ett ställe där Marvel sticker ut är deras mobilapplikation. Om du är en designer som gillar att skissa fram dina gränssnittsprototyper på papper har du genom mobilapplikationen möjligheten att fota din skiss och se den överföras till en digital prototyp per automatik.
En annan funktion med Marvel är möjlighet att jobba i team. Man kan visa och kommentera prototypen online, därför är Marvel också lämplig för att dela prototyper med kunder samt utvärdera och presentera lösningar direkt. Dock har InVision mer fullständiga kommunikationsverktyg, jämfört med Marvel. Om du vill använda ett prototypverktyg för att jobba i team (speciellt online) bör du välja InVision istället för Marvel.
1. Proto.io
Proto.IO är det verktyg som visade vara det mest funktionella av de testade verktygen. Ett verktyg där man skapa fullt interaktiva prototyper på ett väldigt enkelt och snabbt sätt genom att manipulera händelsestyrda objekt. Gränssnittet upplevde vi vara väldigt modernt och upplagt på ett logiskt och intuitivt sätt. Det fanns nästan inga begränsningar i verktyget, funktionaliteten sträcker sig till den nivå att en användare kan skapa vektorbaserade animationer i upp till 60 fps. Användaren kan även anpassa hur själva fönsterlayouten ska se ut, och det gör det möjligt att ta fram flera olika slag av prototyper i allt från webbsidor och mobilapplikationer till användargränssnitt för till exempel ett TV-spel.
Proto.IO känns jämförbart med Adobe Photoshop, där alla möjliga användare utom direkta nybörjare inom grafisk design kan använda programmet utan att känna sig begränsad av sina kunskapsluckor och brist på erfarenhet då Proto.io känns intuitivt att använda, och mer avancerade användare hålls inte tillbaka av begränsad funktionalitet.
Det enda som talar emot Proto.io är dess prissättning då det ej finns en grundläggande gratisversion, utan bara tidsbegränsad prövoperiod att börja med.
Test av prototypingverktyg 