Wireframe your “IDEA”

Wireframe your “IDEA”

Wireframe your “IDEA”

Introduction

It all begins with an idea in mind, often asked question how do we write specifications and why do we need to write one. 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 planning and it all begins with jotting down your idea in black and white.

Chapter 1 – Collate

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

a. What product is it?
b. What problem does the product solve?
c. What makes it desirable and special?
d. Is it feasible to develop the product?

For eg: 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. These mocks were created using a tool called Balsamiq.

wireframe

 

2. Who are your target customers / users.
3. Platforms and Version – Identify the platforms and versions in which the app should be compatible with.
4. Technologies that should be used to build the application. If its a mobile application then one could use (there could be other ways too)

a. Native iOS
b. Native Android
c. PhoneGap
d. Appcelerator Titanium.

5. List out the major milestones

a. Ideation
b. Prototype
c. Development
d. Testing
e. Launch

6. Allocate the Budget to build the app.

Chapter 2 – 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. Finalize on the number of screens you want to have in your app.
3. Does your app need to be integrated to Facebook, Twitter, Linkedin etc….
4. Should you app work offline, even if its not connected to the web.
5. Provide In App purchase option if needed.
6. Does the ap need push Notifications
7. Are location services needed.

wireframe

 

Chapter 3 – Market Information

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

a. Age
b. Location
c. Gender
d. Income level
e. Education level
f. Marital/ Family Status
g. Occupation
h. 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?

2. Competition – Collect information about competitive or similar products at it would give an hindsight on how the market is and will also help to position the product.

a. Who are the main competitors?
b. What are their strengths and weakness?

Chapter 4 – Market Information

• Identify the team who will be in charge of the whole development of the particular application.
• Will the product be developed in house?

– Who will take care of the product management
– The Design team
– The Development team
– QA team

• Would you rather outsource the development to another team?

Xminds have immense experience in providing technology support to startup/web companies. Being in the industry for the past 12 years we can provide you with all the development support you need…

Being in the IT industry let me start with a quote from Joseph M. Abo "If you can read this, thank a Software Developer." Ram is an internet Entrepreneur with more than 8 years of experience creating online businesses that solve real problems. Ram is able to leverage his teams' expertise in the rapid development of web based applications and loves working on ideas and challenging opportunities.

RELATED ARTICLES

The Art of War Applied To Software Development

The Art of War Applied To Software Development

If you work in the software industry, it’s likely that you have heard about the divide and conquer design paradig

READ MORE