JournalApp Development

How to Wireframe Your App Idea

By Ram Govind3 min read

Balsamiq wireframe of a profile screen

Mockup using Balsamiq

It all begins with an idea in mind, an often-asked question is how do we write specifications or wireframes and why do we need to write one? All one has to do is to share the idea with a custom software development company and the rest will be taken care of, there are plenty of software development companies that will help you to develop your idea. From the ideation stage the software companies will provide development services and handhold you to the completion stage using different development methodologies.

Deciding to develop a web/mobile application the ideation stage is just the beginning. From then it’s a long way to go, to create something that you have in mind to bring your idea to reality needs precise project planning and it all begins with jotting down your idea in black and white. Wireframe helps you to know how the user will interact with the product interface and it also helps you to plan layout of the product interface.

Collate

a. Describe the idea – Vision and what pain point does it solve. Provide brief but accurate explanation of what you would like to achieve.

  1. What product is it?
  2. What problem does the product solve?
  3. What makes it desirable and special?
  4. Is it feasible to develop the product?

For example: I would like to build an app for photo sharing and selling. Users can upload photos, share, sell and buy. Also let me share some wireframes that we created here in Xminds for a blood donation mobile app. Wireframes, mockups or hand drawn sketches are the building blocks of any product. These mocks were created using a tool called Balsamiq.

Balsamiq wireframes of login and sign-up screens

b. Who are your target customers / users?

c. Platforms and Version – Identify the platforms and versions with which the application should be compatible.

d. Technologies that should be used to build the application. If it’s a mobile application, then one could use (there could be other ways too):

  1. Native iOS
  2. Native Android
  3. PhoneGap
  4. Appcelerator Titanium.

e. List out the major milestones

  1. Ideation
  2. Prototype
  3. Development
  4. Testing
  5. Launch

f. Allocate the Budget to build the web/mobile application.

Functional Requirement

  1. User Interface – UI focuses on what users might need to do and making sure that the interface has features that are easy to understand and use.
  2. Finalise on the number of screens you want to have in your application.
  3. Does your app need to be integrated with Facebook, Twitter, LinkedIn, etc.?
  4. Should your app work offline, even if it’s not connected to the web?
  5. Provide In App purchase option if needed.
  6. Does the app need push notifications?
  7. Are location services needed for the application?

Market Information

  1. Target Group – Need to identify the target market for your app.

  2. Age

  3. Location

  4. Gender

  5. Income level

  6. Education level

  7. Marital/ Family Status

  8. Occupation

  9. Ethnic Background

Once you’ve decided on a target market, be sure to consider these questions:

  • Are there enough people that fit my criteria?
  • Will my target really benefit from my product/service? Will they see a need for it?
  • Do I understand what drives my target to make decisions?
  • Can they afford my product/service?
  • Can I reach them with my message? Are they easily accessible?
  1. Competition – Collect information about competitive or similar products, as it would give an insight into how the market is and will also help to position the product.

  2. Who are the main competitors?

  3. What are their strengths and weaknesses?

TEAM

  • Identify the team who will be in charge of the whole software development of the particular application.
  • Will the product be developed in house?
  • Who will take care of the product management
  • The Design team
  • The Software Development team
  • QA team
  • Would you rather outsource software development to another team?

Written by

Ram Govind

Have a project in this territory?

Start a project