{"id":1037,"date":"2012-05-08T22:58:58","date_gmt":"2012-05-09T05:58:58","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=1037"},"modified":"2012-05-08T23:09:48","modified_gmt":"2012-05-09T06:09:48","slug":"creating-a-mock-up-of-your-app","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/05\/creating-a-mock-up-of-your-app\/","title":{"rendered":"Creating A Mock-up of Your App"},"content":{"rendered":"<p>There has to be some irony in using the iPad to design iPhone Apps, but that is exactly what Groosoft&#8217;s <a href=\"http:\/\/itunes.apple.com\/us\/app\/blueprint-lite\/id407188253?mt=8\" target=\"_blank\">Blueprint<\/a> app on the iTunes store is for. Blueprint has all of the widgets, sliders, buttons, and toolbars that you usually see in an app and allows you to lay everything out by tapping around on the screen. You can even string everything together, and run a simulation, complete with transition animations. <\/p>\n<p>Blueprint is the perfect app for getting your thoughts down &#8220;on paper&#8221;, and helping you to start to formulate the user interface. Often I find whatever I do in Blueprint is merely the starting point for what ends up truly being design. I almost never finish the mockup either, but it serves its purposes in getting the juices flowing.<\/p>\n<p>Here is one of the first mockups that I did of my very first app, <a href=\"http:\/\/zsprawl.com\/iOS\/zapps\/vcp5-zapp\">VCP5 zApp<\/a>:<\/p>\n<p><a href=\"http:\/\/itunes.apple.com\/us\/app\/blueprint-lite\/id407188253?mt=8\" target=\"_blank\"><img decoding=\"async\" src=\"http:\/\/zsprawl.com\/iOS\/wp-content\/uploads\/2012\/05\/IMG_0395.png\" alt=\"\" title=\"IMG_0395\" width=\"560\" class=\"aligncenter size-full wp-image-1038\" \/><\/a><\/p>\n<p><a href=\"http:\/\/itunes.apple.com\/us\/app\/blueprint-lite\/id407188253?mt=8\" target=\"_blank\">Blueprint Lite<\/a> for the iPad is absolutely free and will allow you 2 mockups, each with 8 screens. This is quite enough to get the basic layout or menu system figured out. If you do a lot of app layouts or presentations, you may want to spend the $20 for the full version. I got it when it was on sale, and don&#8217;t regret it one bit. I can&#8217;t say I&#8217;d spend $20 on it, but definitely $10. You can also send your mockup to someone else to view, and they can download the free <a href=\"http:\/\/itunes.apple.com\/us\/app\/blueprint-viewer\/id411622447?mt=8\">Blueprint Viewer<\/a> to play your simulation.<\/p>\n<p>Anyhow, download <a href=\"http:\/\/itunes.apple.com\/us\/app\/blueprint-lite\/id407188253?mt=8\" target=\"_blank\">Blueprint Lite<\/a> if you have an iPad and check it out. I find that I use it for almost every app as a starting point. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>There has to be some irony in using the iPad to design iPhone Apps, but that is exactly what Groosoft&#8217;s Blueprint app on the iTunes store is for. Blueprint has all of the widgets, sliders, buttons, and toolbars that you usually see in an app and allows you to lay everything out by tapping around <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/05\/creating-a-mock-up-of-your-app\/#more-'\" class=\"more-link\"><br \/>more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,3],"tags":[66,9,7,6],"class_list":["post-1037","post","type-post","status-publish","format-standard","hentry","category-blog","category-ios-development","tag-blueprint","tag-development","tag-ipad","tag-iphone"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1037"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":4,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1037\/revisions"}],"predecessor-version":[{"id":1041,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1037\/revisions\/1041"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=1037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=1037"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}