In this tutorial, we will use Adobe Photoshop, to design a simple 3-page directory listing app for iPhone. This article will guide you through the steps, and cover all of the basic principles of designing iPhone apps using Photoshop. Start off your project by deciding what the main purpose of your app is. And what is the simplest, most effective way to achieve that goal. For this project, we will be designing a simple 3-page directory listing app. The end goal is find a business near the user, and provide them with contact details, or driving directions. So, I decided that page 1 would feature a search bar, and live updating results. There should also be a popup that gives you an option to filter the results by category. 5 results will be displayed at any one time, and when you scroll down on the page, another 5 are automatically loaded.
Page 2 is the information page for the users selected result, it features a larger picture, reviews, location, and contact details. Page 3 is the settings page, with general options for the app, and sorting preferences for the results. Once you know the essential information your app needs, do some sketches on paper, to plan the rough layout of your app. Try these Wireframe Sketch Sheets to speed things up a bit.
