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.
"Recently we worked with Space-O in developing our IOS app for the iPad Dexter and Friends. The project was handled from start to finish with great care, I enjoyed working with Ankit Shah and the rest of the development team. They were very responsive in dealing with minor set backs such as bug fixes. Their quality and assurance team didn’t stop till I was completely satisfied with the final product. They also were proactive in suggesting improvements to the user interface and helped us develop an easy to use parental control which allowed our app to qualify for IOS app store’s new ‘Kids’ section. I would highly recommend them if you are looking for a company who will stay within a reasonable budget and deliver a top quality product."
"The app was successfully launched and fulfilled original expectations. The Space-O Technologies team was communicative and effective in completing the project. The app is available in the Google Play store, and we’re thrilled with the final product. They were a highly efficient team to work with. They were strong communicators—whenever I had an issue they were available. Additionally, they were timely in getting deliverables to us."
"Eugene, Vlad, Jigar and their respective teams have been fantastic on all the various apps they have worked on and developed for us over the past 18 months. They are always proactive, responsive to questions and consistently provide top quality development and design work. The use of Skype, email and their own project management tool also makes it easy to keep track on how a project is progressing. I would highly recommend Space-O Technologies for any iOS development or design."
Space-O Infoweb Inc, Suite 100-B 8585 E. Bell Road Scottsdale, Arizona 85260 +1 (650) 666-3071