{"id":874,"date":"2017-01-06T11:19:31","date_gmt":"2017-01-06T11:19:31","guid":{"rendered":"\/?p=2297"},"modified":"2023-04-17T12:26:49","modified_gmt":"2023-04-17T12:26:49","slug":"how-to-create-a-wireframe","status":"publish","type":"post","link":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/","title":{"rendered":"Wireframe your \u201cIDEA\u201d"},"content":{"rendered":"
\"PROFILE<\/a><\/p>\n

Mockup using Balsamiq<\/p>\n<\/div>\n

It all begins with an idea in mind, often asked question 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<\/a>.<\/p>\n

Deciding to develop a web\/mobile application<\/a> the ideation stage is just the beginning. From then it\u2019s 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.\u00a0Wireframe 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.<\/p>\n

Collate\u00a0<\/strong><\/span><\/h1>\n

a. Describe the idea \u2013 Vision and what pain point does it solve. Provide brief but accurate explanation of what you would like to achieve.<\/strong><\/em><\/p>\n

    \n
  1. What product is it?<\/li>\n
  2. What problem does the product solve?<\/li>\n
  3. What makes it desirable and special?<\/li>\n
  4. Is it feasible to develop the product?<\/li>\n<\/ol>\n

    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. Wireframes, mockups or hand drawn sketches are the building blocks of any product. These mocks were created using a tool called Balsamiq<\/a>.<\/p>\n

    \"LOGIN<\/a><\/p>\n

    b. Who are your target customers \/ users.<\/strong><\/em>
    \nc. Platforms and Version \u2013 Identify the platforms and versions in which the application should be compatible with.<\/strong><\/em>
    \nd. Technologies that should be used to build the application. If its a mobile application then one could use (there could be other ways too) \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/strong><\/em><\/p>\n

      \n
    1. Native iOS<\/li>\n
    2. Native Android<\/li>\n
    3. PhoneGap<\/li>\n
    4. Appcelerator Titanium.<\/li>\n<\/ol>\n

      e. List out the major milestones
      \n<\/strong><\/em><\/p>\n

        \n
      1. Ideation<\/li>\n
      2. Prototype<\/li>\n
      3. Development<\/li>\n
      4. Testing<\/li>\n
      5. Launch<\/li>\n<\/ol>\n

        f. Allocate the Budget to build the web\/mobile application.<\/strong><\/em><\/p>\n

        Functional Requirement<\/strong><\/span><\/h1>\n
          \n
        1. User Interface \u2013 UI focuses on what users might need to do and making sure that the interface has features that are easy to understand and use.<\/li>\n
        2. Finalise on the number of screens you want to have in your application.<\/li>\n
        3. Does your app need to be integrated to Facebook, Twitter, Linkedin etc\u2026.<\/li>\n
        4. Should you app work offline, even if its not connected to the web.<\/li>\n
        5. Provide In App purchase option if needed.<\/li>\n
        6. Does the app need push Notifications<\/li>\n
        7. Are location services needed for the application.<\/li>\n<\/ol>\n

          Market Information<\/strong><\/span><\/h1>\n
            \n
          1. Target Group \u2013 Need to identify the target market for your app.<\/strong><\/em><\/li>\n<\/ol>\n
              \n
            1. Age<\/li>\n
            2. Location<\/li>\n
            3. Gender<\/li>\n
            4. Income level<\/li>\n
            5. Education level<\/li>\n
            6. Marital\/ Family Status<\/li>\n
            7. Occupation<\/li>\n
            8. Ethnic Background<\/li>\n<\/ol>\n

              Once you\u2019ve decided on a target market, be sure to consider these questions:<\/p>\n

                \n
              • Are there enough people that fit my criteria?<\/li>\n
              • Will my target really benefit from my product\/service? Will they see a need for it?<\/li>\n
              • Do I understand what drives my target to make decisions?<\/li>\n
              • Can they afford my product\/service?<\/li>\n
              • Can I reach them with my message? Are they easily accessible?<\/li>\n<\/ul>\n
                  \n
                1. Competition \u2013 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.<\/strong><\/em><\/li>\n<\/ol>\n
                    \n
                  1. Who are the main competitors?<\/li>\n
                  2. What are their strengths and weakness?<\/li>\n<\/ol>\n

                    TEAM<\/strong><\/span><\/h1>\n
                      \n
                    • Identify the team who will be in charge of the whole software development of the particular application.<\/li>\n
                    • Will the product be developed in house?<\/li>\n
                    • Who will take care of the product management<\/li>\n
                    • The Design team<\/li>\n
                    • The Software Development team<\/li>\n
                    • QA team<\/li>\n
                    • Would you rather outsource software development to another team?<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                      Mockup using Balsamiq It all begins with an idea in mind, often asked question 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 […]<\/p>\n","protected":false},"author":2,"featured_media":3068,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[199],"tags":[],"ppma_author":[],"class_list":["post-874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wireframe"],"acf":[],"yoast_head":"\nWireframe your \u201cIDEA\u201d - Xminds Blog<\/title>\n<meta name=\"description\" content=\"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wireframe your \u201cIDEA\u201d - Xminds Blog\" \/>\n<meta property=\"og:description\" content=\"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/\" \/>\n<meta property=\"og:site_name\" content=\"Xminds Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Xminds.Solutions\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-06T11:19:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-17T12:26:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"135\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ram Govind\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Xminds\" \/>\n<meta name=\"twitter:site\" content=\"@Xminds\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ram Govind\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/\",\"url\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/\",\"name\":\"Wireframe your \u201cIDEA\u201d - Xminds Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png\",\"datePublished\":\"2017-01-06T11:19:31+00:00\",\"dateModified\":\"2023-04-17T12:26:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/2e3c30b5ae3399a55bc37d95f7410488\"},\"description\":\"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage\",\"url\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png\",\"contentUrl\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png\",\"width\":300,\"height\":135},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xminds.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wireframe your \u201cIDEA\u201d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#website\",\"url\":\"https:\/\/www.xminds.com\/resources\/\",\"name\":\"Xminds Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xminds.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/2e3c30b5ae3399a55bc37d95f7410488\",\"name\":\"Ram Govind\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/image\/b4144c3be1322a2c1164e4fe339e539a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cf796616a9eca08f53fc3ce6eff826f3721fac0f7a7605525fafa087b31db399?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cf796616a9eca08f53fc3ce6eff826f3721fac0f7a7605525fafa087b31db399?s=96&d=mm&r=g\",\"caption\":\"Ram Govind\"},\"url\":\"https:\/\/www.xminds.com\/resources\/author\/ram-govind\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wireframe your \u201cIDEA\u201d - Xminds Blog","description":"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/","og_locale":"en_US","og_type":"article","og_title":"Wireframe your \u201cIDEA\u201d - Xminds Blog","og_description":"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.","og_url":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/","og_site_name":"Xminds Blog","article_publisher":"https:\/\/www.facebook.com\/Xminds.Solutions\/","article_published_time":"2017-01-06T11:19:31+00:00","article_modified_time":"2023-04-17T12:26:49+00:00","og_image":[{"width":300,"height":135,"url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png","type":"image\/png"}],"author":"Ram Govind","twitter_card":"summary_large_image","twitter_creator":"@Xminds","twitter_site":"@Xminds","twitter_misc":{"Written by":"Ram Govind","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/","url":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/","name":"Wireframe your \u201cIDEA\u201d - Xminds Blog","isPartOf":{"@id":"https:\/\/www.xminds.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage"},"image":{"@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png","datePublished":"2017-01-06T11:19:31+00:00","dateModified":"2023-04-17T12:26:49+00:00","author":{"@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/2e3c30b5ae3399a55bc37d95f7410488"},"description":"Deciding to develop a web\/mobile application the ideation stage is just the beginning. From then it\u2019s 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.","breadcrumb":{"@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#primaryimage","url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png","contentUrl":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/2-3.png","width":300,"height":135},{"@type":"BreadcrumbList","@id":"https:\/\/www.xminds.com\/resources\/how-to-create-a-wireframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xminds.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Wireframe your \u201cIDEA\u201d"}]},{"@type":"WebSite","@id":"https:\/\/www.xminds.com\/resources\/#website","url":"https:\/\/www.xminds.com\/resources\/","name":"Xminds Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xminds.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/2e3c30b5ae3399a55bc37d95f7410488","name":"Ram Govind","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/image\/b4144c3be1322a2c1164e4fe339e539a","url":"https:\/\/secure.gravatar.com\/avatar\/cf796616a9eca08f53fc3ce6eff826f3721fac0f7a7605525fafa087b31db399?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf796616a9eca08f53fc3ce6eff826f3721fac0f7a7605525fafa087b31db399?s=96&d=mm&r=g","caption":"Ram Govind"},"url":"https:\/\/www.xminds.com\/resources\/author\/ram-govind\/"}]}},"authors":[{"term_id":679,"user_id":2,"is_guest":0,"slug":"ram-govind","display_name":"Ram Govind","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/cf796616a9eca08f53fc3ce6eff826f3721fac0f7a7605525fafa087b31db399?s=96&d=mm&r=g","1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":6,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"predecessor-version":[{"id":3640,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/874\/revisions\/3640"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/media\/3068"}],"wp:attachment":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/tags?post=874"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/ppma_author?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}