Once you have completed the flowchart that fully documents what the app does functionally, the next step if to capture what the app “looks” like when used and what the user sees and does when he or she interacts with the app. For an iPhone app, this usually consists of screen sketches of the displays; the information presented, the user options (menus, buttons), and so on.
There was a reason for doing the functional diagram (the flowchart) of the program first. It tells you what the app is doing and what it needs to display to the user and what inputs it needs from the user. This knowledge is enormously helpful in creating comprehensive sketches of the app screens and displays. Without the flowchart, it would be easy to forget options or buttons that need to be included.
Make early screen sketches fast and simple, since they are likely to change
It is best, however, to do at least two versions of the screenshot sketches. The first will be a rough version that is quickly drawn, not perfectly proportional, easy to erase/redraw, and so on. It is probably going to take a few tries to get a screen sketch right, so there is little use in spending an enormous amount of time making a perfect, proportional sketch that you might just end up erasing or discarding. So start with rough sketches that you will rework into more polished and proportional drawings later when you think you have things figured out (the 2nd version).
Just like the flowchart, the best place to start with your screen sketch is the beginning. What will the screen look like when the app starts? From there you will follow the flowchart; creating a sketch whenever the display changes. If part of the screen remains consistent while another part of the screen changes for several of the app functions, consider making copies of a template sketch of the stable display section leaving the active section blank. It can save a lot of duplicated effort-especially if there are multiple screens to draw.
You should also take time to periodically review the concept from the user perspective; what they see and what they need to do. Of course, the goal for any app is to be intuitive and user-friendly as well as highly functional and useful. Reaching these goals will result in high customer satisfaction, which in turn leads to good ratings and positive comments that can drive or improve sales.
As part of the final concept design or later on as part of the app specification you provide to the selected developer, you will need to create more detailed, final sketches of the screen displays, including thorough descriptions, clear labels, defined colors, and even font types and sizes. This is not something you want to leave up to a developer.
An iPhone stencil can simplify creating detailed screen sketches.
There a plenty of tools to help you create these detailed sketches if you are a little unsure of your drawing ability. If you would like to make pencil sketches there are stencils that make drawing a perfect, proportional screen sketch a snap. There are also PC and Mac template tools for creating app screen designs, but many of those tools are geared toward app programmers. So make sure the template meets your needs befor investing your development funds in them.
Incorporate User Gestures
Users interact with apps using screen gestures
Something to note while developing the detailed screen sketches is how exactly the user interacts with the app. As anyone who has used an iPhone or iPad knows, the screen is capable of interpreting a number of user gestures. The screen sketch can include the user gesture needed to accomplish some task, or how the app will interpret certain gestures. Developers will certainly need to know this information, and it should be part of the concept design.
"Was a really great experience working with your team. Thank you for the hard work and great outcome."
"Space- O have been superb! As someone who are new to working on a mobile application, we weren’t sure what to expect. Rakesh and his team listened to our thoughts and suggestions regarding our App and far surpassed our expectations. They were always available for us (although we were in 3 different time zones), responded very quickly and go above and beyond to help. We highly recommend that you use Space-O to develop your app."
"I wish to acknowledge the high quality of your team effort in executing the project for Dollens Electric. Seldom do things go as initially imagined and requested, an such was the case for this project. However, the capability of the end product fills the need. The professionalism of your team an company is impressive. I appreciate that, as it reduced the time required from our staff. Thank you for a good effort; please feel free to use me as a reference customer if it is useful. Best Regards, Steve Dollens"
Space-O Infoweb Inc, Suite 100-B 8585 E. Bell Road Scottsdale, Arizona 85260 +1 (650) 666-3071