Att utveckla appar för iPhone och iPad #2 – Mockups

Del #1 hittar du här

Mockup

 

När du väl har dokumenterat din idé är det dags att skissa på utseendet. För detta kan du antingen jobba med penna och papper, eller använda dig av en av flera intressanta “Mockup”-appar som finns på marknaden. Här ritar du upp ditt interface och gör kopplingar mellan skärmarna. Här är några appar som är specifikt skapade för detta ändamål.

AppCooker

 

En mycket lättanvänd applikation för iPad som hjälper dig att inte bara designa dina appar, utan även hjälper dig att planera din app-idé, utveckla din affärsplan, samt förbereder dig för att skicka in appen till Apple genom att tillhandahålla formulär med samma frågor du kommer få vid inskickande.

Mockup-delen för AppCooker är med andra ord bara en del av ett stort paket men även den här delen håller hög kvalitet; mycket hög kvalitet!

Varenda standard-”kontroll” du känner igen från flera iOS-appar finns att tillgå och man kan nästan lura sig att tro att den app du suttit och skissat fram är en användbar applikation, för du kan nämligen köra appen en slags demoläge där knappar verkligen fungerar och du hoppar från skärm till skärm om du skapat en sådan koppling.

Att skapa ett nytt projekt är mycket enkelt och sker via en wizard som tar dig igenom de viktigaste stegen. Berätta om det är en iPad eller iPhone app du vill skapa, definiera om appen ska köras i liggande eller stående läge, tilldela programmet en ikon och ett namn. När detta är gjort får du fram de sektioner som du kommer att arbeta i: Idé, Mockup, AppStore anmälan och Affärsplan (Scenario).

App Cooker - Design mockups and wireframes of mobile application (AppStore Link) App Cooker - Design mockups and wireframes of mobile application
Utvecklare: Hot Apps Factory SARL
Pris: 189 Kr





Blueprint

 

Nästa mockup-app (också endast för iPad) vi har testat är Blueprint; en mer renodlad mockup-applikation än AppCooker. Här ligger allt fokus på att skissa fram din app och även Blueprint har i princip hela iOS-biblioteket av kontroller så som knappar, tabeller, kartor med mera. Det är väldigt enkelt att dra och släppa dessa kontroller på en skärmbild, ändra texter, samt bestämma storlek och så vidare.

I en översiktsvy ser du alla dina skärmar i projektet och kan skapa kopplingar mellan dem. Du kan också skapa små “post-it” lappar i denna vy för att sätta lite produktionsanteckningar där.

Blueprint (AppStore Link) Blueprint
Utvecklare: groosoft
Pris: 149 Kr





Dapp

 

Dapp är i första hand en iPhone-app som även den är helt fokuserad på själva mockup-processen. Det är naturligtvis väldigt coolt att kunna sitta och designa på den lilla telefonen, men det blir snabbt lite frustrerande att jobba på den lilla ytan när man testat ovanstående två appar. Det är fullt möjligt att köra Dapp på en iPad i 2x läge, men då appen är gjord för iPhone blir det mer klickande på menyval och man får inte samma fina översikter som i de andra programmen.

Vad Dapp dock gör som är väldigt intressant är att den kan exportera din design till källkod, som du sedan kan maila till dig själv och öppna i XCode för att skriva logiken till din app. Ingen av de två andra apparna klarar detta, utan kan bara exportera till PDF eller i Blueprints fall en fil som kan tittas på i ett gratis “viewer”-program på en annan iPad.

Dapp (AppStore Link) Dapp
Utvecklare: KEROFROG PTY LTD
Pris: 75 Kr





Kommentera

Skriv gärna en kommentar. Vänligen håll dig till ämnet och använd vårdat språk.