{"id":1747,"date":"2020-07-28T09:55:11","date_gmt":"2020-07-28T09:55:11","guid":{"rendered":"https:\/\/architsingh.com\/webioticnew\/?p=1747"},"modified":"2021-07-05T09:49:58","modified_gmt":"2021-07-05T09:49:58","slug":"deliverables-of-an-app-what-you-should-get-from-your-app-developer","status":"publish","type":"post","link":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/","title":{"rendered":"Deliverables of an App. What You Should Get From Your App Developer"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_row column_structure=&#8221;1_4,3_4&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; module_class=&#8221;post_header&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;70%&#8221; custom_padding=&#8221;||||false|false&#8221; global_module=&#8221;5435&#8243; saved_tabs=&#8221;all&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title title=&#8221;off&#8221; author=&#8221;off&#8221; date_format=&#8221;M j Y&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; admin_label=&#8221;Post Date&#8221; module_class=&#8221;post-date&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Nexa Bold||||||||&#8221; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#000000&#8243; meta_font_size=&#8221;48px&#8221; meta_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221;][\/et_pb_post_title][et_pb_text module_class=&#8221;timer_d&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#2ea0d2&#8243; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221;]<p class=\"reading-time\"><i class=\"far fa-clock\"><\/i> <span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span><\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Nexa-Bold|800|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;48px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Nexa Regular||||||||&#8221; meta_text_align=&#8221;left&#8221; meta_text_color=&#8221;#2ea0d2&#8243; meta_font_size=&#8221;15px&#8221; meta_line_height=&#8221;1.6em&#8221; title_font_size_tablet=&#8221;42px&#8221; title_font_size_phone=&#8221;36px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; global_module=&#8221;5436&#8243; saved_tabs=&#8221;all&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.1&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title title=&#8221;off&#8221; meta=&#8221;off&#8221; admin_label=&#8221;Feature Image&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Nexa Bold|700|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;48px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Nexa Regular||||||||&#8221; meta_text_align=&#8221;left&#8221; meta_text_color=&#8221;#2ea0d2&#8243; meta_font_size=&#8221;15px&#8221; meta_line_height=&#8221;1.6em&#8221; title_font_size_tablet=&#8221;42px&#8221; title_font_size_phone=&#8221;36px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; module_class=&#8221;blog-cnt-row&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#26282d&#8221; text_font_size=&#8221;18px&#8221; text_letter_spacing=&#8221;0.03em&#8221; text_line_height=&#8221;1.8em&#8221; header_2_font=&#8221;Helvetica Bold||||||||&#8221; header_2_text_color=&#8221;#26282d&#8221; header_2_font_size=&#8221;50px&#8221; header_2_line_height=&#8221;54px&#8221; header_3_font=&#8221;Nexa Bold||||||||&#8221; header_3_text_color=&#8221;#26282d&#8221; header_3_font_size=&#8221;24px&#8221; header_4_font=&#8221;Nexa Bold||||||||&#8221; header_4_text_color=&#8221;#26282d&#8221;]\n<p><a href=\"https:\/\/architsingh.com\/webioticnew\">Building a mobile application<\/a> is an ambitious yet rewarding endeavor with many moving parts. Before setting out, there are deliverables to consider which are essentially milestones in the app development process. <\/p>\n\n\n\n<p>This includes things like mockups, documentation, iterations of features, and so on.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"3 Steps For Successful App Development\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/qNbKh6rW6a8?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>You should always have a clear checklist of deliverables to communicate with your app development team so that everyone is on the same page. This is also a good opportunity to establish a timeline so your app isn\u2019t delayed.<\/p>\n\n\n\n<p>Let\u2019s take a look at a common checklist of deliverables to develop a fully functioning mobile app.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/Snip20200728_2.png\" alt=\"Deliverables of an App\" class=\"wp-image-1748\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Deliverables of an App &#8211; Check list <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">User Experience&nbsp;<\/h3>\n\n\n\n<p>The first place to start in the timeline of milestones and deliverables for your new mobile app is the user experience (UX) phase, which involves the use of storyboards and wireframes to help flesh out visuals and user flow for your app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Storyboarding<\/h3>\n\n\n\n<p>Creating a storyboard for your app helps you create a prototype without having to code anything yet. The concept of storyboarding comes from the entertainment industry, and the goal is to show every screen in your app without getting too detailed. <\/p>\n\n\n\n<p>It\u2019s a visual depiction of the app screens and actions (like buttons or basic functionality) in sequential order.<\/p>\n\n\n\n<p>Each image should be numbered and have brief notes next to what the various items on the screen should do. This simple method helps to quickly mock up ideas, concepts, and designs for an app in the early app development stage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wireframing<\/h3>\n\n\n\n<p>Wireframing is a more detailed version of storyboarding and acts as a blueprint for your app. It defines the structure, content, and functionality of an app. <\/p>\n\n\n\n<p>It\u2019s also simple in how it\u2019s laid out and includes information about each app screen that can later be referenced when designing and developing the app.<\/p>\n\n\n\n<p><strong>Here are a few benefits of wireframing:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to draw yourself or use wireframing tools (like <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sketch<\/a> or <a href=\"https:\/\/www.adobe.com\/products\/xd.html\" target=\"_blank\" rel=\"noreferrer noopener\">AdobeXD<\/a> which are easy to use)<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple and clean layout that includes basic elements without detailed styling<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to understand for everyone, including developers and non-developers on your team<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to update and modify<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>No coding or heavy prototyping involved<\/li><\/ul>\n\n\n\n<p>Wireframing your app is a crucial first step in any <a href=\"https:\/\/architsingh.com\/webioticnew\/app-development\/\">app or web development<\/a> process because it allows you to begin understanding, questioning, testing, and iterating your app with your team without getting into design and development just yet.<\/p>\n\n\n\n<p>Whether you decide to go the DIY route by hand-drawing your storyboards and wireframes or opting to use wireframing software, the process is meant to be easy and inexpensive.&nbsp;<\/p>\n\n\n\n<p>Be sure to have your wireframes finalized before moving on to development. Once development begins and you decide to change your UX, having your devs backtrack and code again from scratch can be expensive.<\/p>\n\n\n\n<p>In mobile development, the wireframing and UX phase can take a few weeks. Give this phase it\u2019s due time so that you can properly convey your vision to your team and collaborate.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/Snip20200728_3.png\" alt=\"Deliverables of an App\" class=\"wp-image-1749\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Prototyping<\/h3>\n\n\n\n<p>Where storyboards and wireframes are more low-fidelity designs and basic layouts, prototyping is a more high-fidelity design model of your app.<\/p>\n\n\n\n<p>Prototypes offer more detail and allow you to both demonstrate and validate the various functionality of the app\u2019s design by using animation, adding events and advanced interactions.&nbsp;<\/p>\n\n\n\n<p>Prototyping is about getting as close as you can to the final product.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">User Interface<\/h3>\n\n\n\n<p>While UX has to do primarily with the experience and interactions users have with the app, user interface (UI) has to do with visual design elements like typography, graphics, colors and more.<\/p>\n\n\n\n<p>Once you have the app screens finalized in your wireframes, the next step is to have your designers finalize the UI part of your app.&nbsp;<\/p>\n\n\n\n<p>During the UX and UI phase, you can have your team of developers begin pre-production and pre-development tasks like setting up a proper staging environment and adding admin\/client panels (or a CMS). This is also where you can start drawing out the back-end of your software.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Development<\/h3>\n\n\n\n<p>Once you\u2019re about finished wrapping up the UX and UI phase, you can start getting more into the development stage. <\/p>\n\n\n\n<p>This is the point in the project where your dev team is put to work coding out all the elements outlined in the previous design phase, which involves both back-end and front-end work.&nbsp;<\/p>\n\n\n\n<p>This phase is typically the longest and most complex part of building a mobile app and the deliverables are iterative. So time for completion can vary widely depending on the project.<\/p>\n\n\n\n<p>Based on everything that came before this point, hopefully, you\u2019ll have a grasp on what the timeline will look like for the development phase. <\/p>\n\n\n\n<p>Having wireframes, mockups, and prototypes will work together to paint a clear picture of the time needed to complete development.<\/p>\n\n\n\n<p>The coding phase traditionally involves the developers releasing iterations of the project every couple of weeks (or a specified interval of time) which is also known as builds or sprints. <\/p>\n\n\n\n<p>It makes sense for a development team to tackle a big project like a mobile app in smaller, manageable pieces rather than trying to deliver the entire project at once.&nbsp;<\/p>\n\n\n\n<p>You can then review the build and make any necessary revisions, which can be worked on immediately before moving on to the next portion of the app. Once each build has been completed and signed off on, you\u2019re ready to enter the testing phase.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/Snip20200728_4.png\" alt=\"Deliverables of an App\" class=\"wp-image-1750\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">More on sprints and builds<\/h3>\n\n\n\n<p>The idea behind builds is to view your app as a sequence of modules, where each one will represent specific tasks users initiate in your app. <\/p>\n\n\n\n<p>These modules should have just one primary point of focus to keep things organized.&nbsp;<\/p>\n\n\n\n<p>Having a modular architecture helps test each portion and also assign ownership to the developers in your team.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testing and QA<\/h3>\n\n\n\n<p>While testing isn\u2019t the most exciting deliverable of an app, it\u2019s certainly one of the most important.<\/p>\n\n\n\n<p>Mobile development teams should have a dedicated quality assurance (QA) person who is assigned to the project. <\/p>\n\n\n\n<p>They\u2019ll be responsible for testing each build or sprint as it\u2019s developed. The code for a project should always be tested iteratively.&nbsp;<\/p>\n\n\n\n<p>So if one build is being worked on or completed, there should be tests to exhaust every possible interaction with that specific portion of the app. This includes things like standard user interactions and invalid inputs.<\/p>\n\n\n\n<p>The purpose of QA is not just to find bugs in your app, but to test your app for quality, performance, reliability, usability, and security. <\/p>\n\n\n\n<p>Everything should be working as intended and should also be compared to the wireframes and prototypes from the previous phase that were approved.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">QA vs testing<\/h3>\n\n\n\n<p>Just to be clear, QA and testing are similar, but not quite the same. Here is a quick look at the differences between the two:<\/p>\n\n\n\n<p><strong>QA<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Methods and activities designed to ensure the app is working as it should<\/li><li>Focuses on quality control meeting requirements<\/li><li>It\u2019s a more process-oriented and preventative approach in testing<\/li><li>Assures quality<\/li><\/ul>\n\n\n\n<p><strong>Testing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The process of exploring the app to find any defects<\/li><li>Bug-finding and app inspection<\/li><li>More product-oriented and corrective (rather than preventative)<\/li><li>Controls the quality<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Regression testing<\/h3>\n\n\n\n<p>Each build will also include what\u2019s called regression testing. This is testing that checks for any breaks the new build may have caused the previous build. <\/p>\n\n\n\n<p>When all builds are finished, there will be a final regression testing phase to ensure all builds are working well together.<\/p>\n\n\n\n<p>One way to think of regression testing is in cooking. When you add more and more ingredients to your food, like salt or spices, it makes sense to taste it as you go to make sure all the ingredients taste good together. <\/p>\n\n\n\n<p>After all, different flavors can clash. The same concept holds true when it comes to regression testing.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beta testing<\/h3>\n\n\n\n<p>Once regression testing on your app is complete and you have a working MVP, you can move on to beta testing. This means your app is ready for a limited, non-public release.<\/p>\n\n\n\n<p>Beta testing involves getting a sample of your app\u2019s target audience to install and use the app. <\/p>\n\n\n\n<p>You should also be using analytics to see not only how users are interacting with your app\u2014which features they\u2019re using the most, are there bottlenecks, etc\u2014but to also see how the app is functioning\u2014how quickly the app loads, uptime, etc.<\/p>\n\n\n\n<p>Anyone can be a beta tester, not just tech-savvy individuals or developers. Apple has its own <a rel=\"noreferrer noopener\" href=\"https:\/\/beta.apple.com\/sp\/betaprogram\/welcome\" target=\"_blank\">beta tester program<\/a> that anyone can sign up for and any iOS app can use to help improve their product.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content Seeding and Going Live<\/h2>\n\n\n\n<p>The final deliverable involves prepping your CMS or database with content so it\u2019s ready to go to production. <\/p>\n\n\n\n<p>This includes things like videos, images, and other information and content you want users to experience once the app is live.<\/p>\n\n\n\n<p>For mobile apps, your dev team will need to prepare everything the app store requires in order to be published. Apple, for example, is known for being strict and constantly updating their <a href=\"https:\/\/developer.apple.com\/app-store\/review\/guidelines\/\" target=\"_blank\" rel=\"noreferrer noopener\">rules for apps<\/a> to get approved.<\/p>\n\n\n\n<p>They provide developers with a very thorough set of guidelines in their documentation so they can be prepared.&nbsp;<\/p>\n\n\n\n<p><strong>Their guide is broken down into 5 main sections:<\/strong><\/p>\n\n\n\n<p>1. <strong>Safety<\/strong><\/p>\n\n\n\n<p>The app must be safe and free of offensive or damaging content. There are some major pitfalls your app must avoid to get approved, like including violence, illegal depictions, sexual content, inflammatory content, and so on.&nbsp;<\/p>\n\n\n\n<p>This section also includes data security. Apps need to put in place appropriate security measures to ensure the correct handling of collected user information.<\/p>\n\n\n\n<p>2. <strong>Performance<\/strong><\/p>\n\n\n\n<p>The app should be complete and all beta testing done. Hardware needs to be compatible to ensure users are getting the most out of the app experience.&nbsp;<\/p>\n\n\n\n<p>The app needs to meets software requirements, like only using public APIs and running on the currently shipping operating system. The app needs to be up-to-date, with deprecated features, technologies, or frameworks phased out.<\/p>\n\n\n\n<p><strong>3. Business<\/strong><\/p>\n\n\n\n<p>Your business and revenue model needs to be explained in the metadata and app review notes. This section also includes topics like payments, in-app purchases, goods and services outside of the app, and more.<\/p>\n\n\n\n<p>While pricing and monetizing is up to you, apps that cheat users or have prices that are too high will be rejected. If Apple determines that reviews are being manipulated or chart ranking inflated, incentivized, or reviews faked, you can be expelled from the app store.<\/p>\n\n\n\n<p><strong>4. Design<\/strong><\/p>\n\n\n\n<p>This portion of the guide reviews design guidelines like the necessary minimum functionality your app should have in terms of features, content, and UI.<\/p>\n\n\n\n<p>Apple products pride themselves on being innovative and refined but also simple and easy to use, which is what they look for when approving app designs. Apps need to be both functional and also engaging to users.&nbsp;<\/p>\n\n\n\n<p>Copycat apps that risk intellectual property infringement claims won\u2019t be tolerated, so keep your app unique.<\/p>\n\n\n\n<p><strong>5. Legal&nbsp;<\/strong><\/p>\n\n\n\n<p>Apps must comply with all legal requirements in the locations it will be available. Apps cannot promote or encourage any kind of criminal activity or reckless behavior. <\/p>\n\n\n\n<p>This section also covers privacy, data collection, data use and sharing, and so on.<\/p>\n\n\n\n<p>Publishing your app to an app store is no joke. It takes time and a whole lot of reading to ensure your app is following the correct standards and guidelines. <\/p>\n\n\n\n<p>It\u2019s a good idea to read through the documentation before setting out on development so you don\u2019t have to backtrack later. <\/p>\n\n\n\n<p>This process alone can take up to two weeks, depending on what changes your app may need to make based on the requirements.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/Snip20200728_5.png\" alt=\"Deliverables of an App\" class=\"wp-image-1751\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts<\/h2>\n\n\n\n<p>As you can tell, there are many deliverables, micro phases, nuances, and steps involved in the mobile app development process, some of which go beyond the breadth of just one article.&nbsp;<\/p>\n\n\n\n<p>Apart from what\u2019s been mentioned here, you also want to think about marketing and research, user feedback, implementing adjustments based on this feedback, using software testing tools before coding, and plenty more to ensure your app is a success.<\/p>\n\n\n\n<p>It&#8217;s a lot to think about, which is where our <a href=\"https:\/\/architsingh.com\/webioticnew\/simple-starter\/\">Simple Starter<\/a> package can save the day.<\/p>\n\n\n\n<p>This includes detailed technical documentation of your app, wireframe sketches, and target user research to ensure your project starts off on the right path.<\/p>\n\n\n\n<p>Hopefully, this has given you a good jumping-off point so you can start on bringing your new app idea to fruition.<\/p>\n[\/et_pb_text][et_pb_comments _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; form_field_background_color=&#8221;#FFFFFF&#8221; form_field_focus_background_color=&#8221;#FFFFFF&#8221; header_font=&#8221;Helvetica||||||||&#8221; header_text_align=&#8221;left&#8221; title_font=&#8221;Helvetica|700|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#2ea0d2&#8243; title_font_size=&#8221;25px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Helvetica||||||||&#8221; meta_text_color=&#8221;#000000&#8243; body_font=&#8221;Helvetica||||||||&#8221; body_text_align=&#8221;left&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.6em&#8221; form_field_font=&#8221;Helvetica||||||||&#8221; form_field_text_align=&#8221;left&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#2ea0d2&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_color=&#8221;#2ea0d2&#8243; button_font=&#8221;Helvetica||||||||&#8221; button_use_icon=&#8221;off&#8221; button_alignment=&#8221;right&#8221; text_orientation=&#8221;left&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#e5e5e5&#8243; border_radii_fields=&#8221;on|5px|5px|5px|5px&#8221; border_width_all_fields=&#8221;1px&#8221; border_color_all_fields=&#8221;#c6c6c6&#8243; global_module=&#8221;5439&#8243; saved_tabs=&#8221;all&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#2ea0d2&#8243; button_bg_enable_color__hover=&#8221;on&#8221; button_border_color__hover_enabled=&#8221;off|hover&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#FFFFFF&#8221;][\/et_pb_comments][et_pb_text disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Up Next&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica|||on|||||&#8221; text_text_color=&#8221;#9e9e9e&#8221; text_font_size=&#8221;20px&#8221; width=&#8221;100%&#8221; max_width=&#8221;50%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;-50px|0px|0px|0px|false|false&#8221; custom_margin_tablet=&#8221;0px||||false|false&#8221; custom_margin_phone=&#8221;0px|0px|0px|0px|false|false&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; custom_padding=&#8221;50px||||false|false&#8221; custom_css_main_element=&#8221;float: left;||margin-bottom:0px !important;&#8221; disabled=&#8221;on&#8221; global_module=&#8221;6525&#8243;]<p>Up Next<\/p>\n[\/et_pb_text][et_pb_post_title title=&#8221;off&#8221; date=&#8221;off&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Author&#8221; module_class=&#8221;author-bottom&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Journal||||||||&#8221; meta_text_align=&#8221;right&#8221; meta_text_color=&#8221;#0ab1db&#8221; meta_font_size=&#8221;35px&#8221; width=&#8221;100%&#8221; max_width=&#8221;50%&#8221; module_alignment=&#8221;right&#8221; custom_margin=&#8221;0px|40px|0px|0px|true|false&#8221; custom_css_post_title=&#8221;float: right;||margin: 0px !important;||margin-right: 40px !important;&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5440&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_sidebar area=&#8221;et_pb_widget_area_2&#8243; show_border=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;0px&#8221; header_line_height=&#8221;1.1em&#8221; body_font=&#8221;Helvetica Bold|700|||||||&#8221; body_text_align=&#8221;left&#8221; body_text_color=&#8221;#000000&#8243; body_font_size=&#8221;35px&#8221; body_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;-20px||||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;0px||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5442&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_sidebar][et_pb_text admin_label=&#8221;Read Time&#8221; module_class=&#8221;timer_d&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#26282d&#8221; text_font_size=&#8221;20px&#8221; custom_margin=&#8221;0px||50px||false|false&#8221; custom_padding=&#8221;0px||50px||false|false&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#e5e5e5&#8243; locked=&#8221;off&#8221; global_module=&#8221;6522&#8243;]<div class=\"related_posts\">\n\t\t<p class=\"up-next\">Up Next<\/p>\n\t\t<div class=\"author-meta\">\n\t\t<img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/ape.png\"\/><span class=\"author-emoji\">Ape<\/span>\n\t\t<\/div>\n\t\t<div class=\"related-content\">\n\t\t<a href=\"https:\/\/architsingh.com\/webioticnew\/what-are-night-out-apps-and-what-features-do-they-use\/\">\n\t\t<div class=\"related_post_title\">What Are Night Out Apps and What Features Do They Use?<\/div> <\/a>\n\t\t<div class=\"post-category\">App Development, Strategy Planning, App Development<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"related_featured_img\"><a href=\"https:\/\/architsingh.com\/webioticnew\/what-are-night-out-apps-and-what-features-do-they-use\/\">\n\t\t<img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/night-out-app-header-webiotic.jpg\"\/><\/a><\/div>\n\t\t\n\t\t<span class=\"related_post_time\"><i class=\"far fa-clock\"><\/i> <p>12 minute read<\/p><\/span>\n\t\t<\/div>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; module_class=&#8221;post-sticky&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;    margin: 0;||    top: 40px;||    text-align: center;||    float: right;||    right: 0;||max-width:350px;||overflow: scroll;&#8221;][et_pb_post_title title=&#8221;off&#8221; date=&#8221;off&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Author&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Journal||||||||&#8221; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#0ab1db&#8221; meta_font_size=&#8221;35px&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5438&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_code disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#ffffff&#8221; position_origin_f=&#8221;top_right&#8221; vertical_offset=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; height=&#8221;100vh&#8221; custom_padding=&#8221;||||false|false&#8221; link_option_url=&#8221;https:\/\/architsingh.com\/webioticnew\/calendar\/&#8221; global_module=&#8221;5437&#8243; saved_tabs=&#8221;all&#8221;]<div class=\"header-sticky-post\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/ape.png\" \/> <span class=\"author_name\">Ape<\/span><!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] --><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"722\" class=\"wp-image-6141 aligncenter size-full\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png\" alt=\"\"  \/>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;fixed-image&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;4&#8243; custom_margin=&#8221;-30px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_module=&#8221;6228&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/newsletter_bg.png&#8221; title_text=&#8221;newsletter_bg&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; position_origin_a=&#8221;center_left&#8221; z_index=&#8221;3&#8243; width=&#8221;100%&#8221; max_width=&#8221;35%&#8221; custom_css_main_element=&#8221;position: absolute;||width: 100%;||height: 100%;||top: 50%;||left: 0;||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;form-section&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0)&#8221; background_enable_image=&#8221;off&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;center_left&#8221; z_index=&#8221;5&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; background_last_edited=&#8221;on|phone&#8221; background_enable_image_phone=&#8221;off&#8221; global_module=&#8221;6229&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; scroll_scaling=&#8221;0|50|50|100|70|100|85%&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/12\/heart.png&#8221; title_text=&#8221;heart&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;Your inbox wants some love.&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#010101&#8243; text_font_size=&#8221;48px&#8221; text_orientation=&#8221;center&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;28px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221;]<p>Your inbox <strong>wants some love.<\/strong><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;on|off|off&#8221; module_id=&#8221;email-optin&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0.77)&#8221; width=&#8221;70%&#8221; custom_padding=&#8221;41px|60px|41px|60px|true|true&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_horizontal=&#8221;2px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text admin_label=&#8221;Stay informed with Webiotic latest&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Journal||||||||&#8221; text_text_color=&#8221;#2fa2d5&#8243; text_font_size=&#8221;45px&#8221; text_line_height=&#8221;1.3em&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;25px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; custom_css_before=&#8221;    width: 64px;||    height: 64px;||    background: url(https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/C-C_01A.png) no-repeat;||    background-size: 100%;||    content: %22%22;||    position: absolute;||    top: -66px;||    right: -86px;&#8221;]Stay informed with Webiotic latest[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;]<script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.10.3 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-6256\" method=\"post\" data-id=\"6256\" data-name=\"Subscribe to our newsletter\" ><div class=\"mc4wp-form-fields\">\t\t\t<div class=\"row cus_dis\">\r\n\t\t\t\t\t<div class=\"col-md-5 padding-right\">\r\n\t\t\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t\t\t\t<label for=\"exampleInputEmail1\"><\/label>\r\n\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"text\" name=\"FNAME\" placeholder=\"First, introduce yourself\">\r\n\t\t\t\t\t\t\t\t\t<small id=\"emailHelp\" class=\"form-text text-muted\">No need for\r\n\t\t\t\t\t\t\t\t\t\t\tformalities (just your name)<\/small>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-5 padding-right\">\r\n\t\t\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t\t\t\t<label for=\"exampleInputEmail1\"><\/label>\r\n\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"email\" name=\"EMAIL\" placeholder=\"Email Address\" required=\"\">\r\n\t\t\t\t\t\t\t\t\t<small id=\"emailHelp\" class=\"form-text text-muted\">Ok, some need\r\n\t\t\t\t\t\t\t\t\t\t\tfor formalities <\/small>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-2\">\r\n\t\t\t\t\t\t\t<p>(ohh, Intrigued!)<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-12\" style=\" width:100%;\">\r\n\t\t\t\t\t\t\t<div class=\"form-group text-right\" style=\"display: block;\">\r\n\t\t\t\t\t\t\t\t\t<input class=\"btn btn-info\" type=\"submit\" value=\"join the list\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div><\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1777473321\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"6256\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|off|off&#8221; module_id=&#8221;next-step-section&#8221; module_class=&#8221;calendar-sections&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;3218&#8243; saved_tabs=&#8221;all&#8221; collapsed=&#8221;off&#8221;][et_pb_row admin_label=&#8221;Featured Clients&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#1e78cc&#8221; text_font_size=&#8221;18px&#8221; header_2_font=&#8221;Nexa Regular||||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;28px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221;]<h2 style=\"margin-bottom:0;\">Featured Clients<\/h2>\n<p><a style=\"color:#1e78cc;\" href=\"\/clients\/\">View all &gt;<\/a>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; make_equal=&#8221;on&#8221; disabled_on=&#8221;on|off|off&#8221; module_class=&#8221;featured-images&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;50%&#8221; width_tablet=&#8221;60%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; border_width_right=&#8221;1px&#8221; border_color_right=&#8221;#e8e8e8&#8243; border_width_right_tablet=&#8221;&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|desktop&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/trump.png&#8221; title_text=&#8221;trump&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|20px|||false|false&#8221; border_width_right_tablet=&#8221;&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/labellamafia.png&#8221; title_text=&#8221;labellamafia&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; border_width_left=&#8221;1px&#8221; border_color_left=&#8221;#e8e8e8&#8243; border_width_left_tablet=&#8221;&#8221; border_width_left_phone=&#8221;0px&#8221; border_width_left_last_edited=&#8221;on|phone&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/star-new.png&#8221; title_text=&#8221;star-new&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||20px|false|false&#8221; border_width_left_tablet=&#8221;&#8221; border_width_left_phone=&#8221;0px&#8221; border_width_left_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|on|off&#8221; module_class=&#8221;featured-images-amp&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/New-Project.png&#8221; title_text=&#8221;New Project&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1920px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;50px||||false|false&#8221; border_color_top=&#8221;#dddddd&#8221; border_color_bottom=&#8221;#eeeeee&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.0.9&#8243;][et_pb_divider color=&#8221;#eeeeee&#8221; divider_position=&#8221;center&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;500px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||100px||false|false&#8221; locked=&#8221;off&#8221;][\/et_pb_divider][et_pb_text admin_label=&#8221;So, what&#8217;s the next step?&#8221; module_class=&#8221;why-its&#8221; _builder_version=&#8221;4.7.5&#8243; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#333333&#8243; text_font_size=&#8221;56px&#8221; text_orientation=&#8221;center&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;28px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221;]<p>So, what&#8217;s the <strong>next step?<\/strong><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; width=&#8221;48%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|desktop&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;margin: auto;&#8221;][et_pb_text module_class=&#8221;talk-content&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;21px&#8221; text_line_height=&#8221;1.3em&#8221; text_orientation=&#8221;right&#8221; module_alignment=&#8221;left&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221;]Talk with a real app developer [\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_button button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjY2NiJ9fQ==@&#8221; button_text=&#8221;Free 15 min consultation&#8221; button_alignment=&#8221;left&#8221; button_alignment_tablet=&#8221;center&#8221; button_alignment_phone=&#8221;&#8221; button_alignment_last_edited=&#8221;on|phone&#8221; module_class=&#8221;calendar-btn&#8221; _builder_version=&#8221;4.9.7&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;15px&#8221; button_text_color=&#8221;#2fa2d5&#8243; button_bg_color=&#8221;#ffffff&#8221; button_border_width=&#8221;1px&#8221; button_border_color=&#8221;#2fa2d5&#8243; button_border_radius=&#8221;10px&#8221; button_font=&#8221;Nexa Regular|700|||||||&#8221; button_use_icon=&#8221;off&#8221; custom_padding=&#8221;15px|30px|15px|30px|true|true&#8221; button_text_color_last_edited=&#8221;off|desktop&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#ffffff&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#2fa2d5&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span> Building a mobile application is an ambitious yet rewarding endeavor with many moving parts. Before setting out, there are deliverables to consider which are essentially milestones in the app development process. This includes things like mockups, documentation, iterations of features, and so on. https:\/\/www.youtube.com\/watch?v=qNbKh6rW6a8 You should always have a clear checklist [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":2434,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:paragraph -->\r\n<p><a href=\"https:\/\/architsingh.com\/webioticnew\">Building a mobile application<\/a> is an ambitious yet rewarding endeavor with many moving parts. Before setting out, there are deliverables to consider which are essentially milestones in the app development process.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This includes things like mockups, documentation, iterations of features, and so on.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>You should always have a clear checklist of deliverables to communicate with your app development team so that everyone is on the same page. This is also a good opportunity to establish a timeline so your app isn\u2019t delayed.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Let\u2019s take a look at a common checklist of deliverables to develop a fully functioning mobile app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:image {\"align\":\"center\",\"id\":1748,\"sizeSlug\":\"large\"} -->\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img class=\"wp-image-1748\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/Snip20200728_2.png\" alt=\"Deliverables of an App\" \/><\/figure>\r\n<\/div>\r\n<!-- \/wp:image --><!-- wp:heading -->\r\n<h2>Deliverables of an App - Check list<\/h2>\r\n<!-- \/wp:heading --><!-- wp:heading {\"level\":3} -->\r\n<h3>User Experience\u00a0<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>The first place to start in the timeline of milestones and deliverables for your new mobile app is the user experience (UX) phase, which involves the use of storyboards and wireframes to help flesh out visuals and user flow for your app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>Storyboarding<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Creating a storyboard for your app helps you create a prototype without having to code anything yet. The concept of storyboarding comes from the entertainment industry, and the goal is to show every screen in your app without getting too detailed.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>It\u2019s a visual depiction of the app screens and actions (like buttons or basic functionality) in sequential order.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Each image should be numbered and have brief notes next to what the various items on the screen should do. This simple method helps to quickly mock up ideas, concepts, and designs for an app in the early app development stage.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>Wireframing<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Wireframing is a more detailed version of storyboarding and acts as a blueprint for your app. It defines the structure, content, and functionality of an app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>It\u2019s also simple in how it\u2019s laid out and includes information about each app screen that can later be referenced when designing and developing the app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>Here are a few benefits of wireframing:<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:list -->\r\n<ul>\r\n<li>Easy to draw yourself or use wireframing tools (like <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sketch<\/a> or <a href=\"https:\/\/www.adobe.com\/products\/xd.html\" target=\"_blank\" rel=\"noreferrer noopener\">AdobeXD<\/a> which are easy to use)<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:list -->\r\n<ul>\r\n<li>Simple and clean layout that includes basic elements without detailed styling<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:list -->\r\n<ul>\r\n<li>Easy to understand for everyone, including developers and non-developers on your team<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:list -->\r\n<ul>\r\n<li>Easy to update and modify<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:list -->\r\n<ul>\r\n<li>No coding or heavy prototyping involved<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:paragraph -->\r\n<p>Wireframing your app is a crucial first step in any <a href=\"https:\/\/architsingh.com\/webioticnew\/app-development\/\">app or web development<\/a> process because it allows you to begin understanding, questioning, testing, and iterating your app with your team without getting into design and development just yet.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Whether you decide to go the DIY route by hand-drawing your storyboards and wireframes or opting to use wireframing software, the process is meant to be easy and inexpensive.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Be sure to have your wireframes finalized before moving on to development. Once development begins and you decide to change your UX, having your devs backtrack and code again from scratch can be expensive.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>In mobile development, the wireframing and UX phase can take a few weeks. Give this phase it\u2019s due time so that you can properly convey your vision to your team and collaborate.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:image {\"align\":\"center\",\"id\":1749,\"sizeSlug\":\"large\"} -->\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img class=\"wp-image-1749\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/Snip20200728_3.png\" alt=\"Deliverables of an App\" \/><\/figure>\r\n<\/div>\r\n<!-- \/wp:image --><!-- wp:heading {\"level\":3} -->\r\n<h3>Prototyping<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Where storyboards and wireframes are more low-fidelity designs and basic layouts, prototyping is a more high-fidelity design model of your app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Prototypes offer more detail and allow you to both demonstrate and validate the various functionality of the app\u2019s design by using animation, adding events and advanced interactions.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Prototyping is about getting as close as you can to the final product.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>User Interface<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>While UX has to do primarily with the experience and interactions users have with the app, user interface (UI) has to do with visual design elements like typography, graphics, colors and more.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Once you have the app screens finalized in your wireframes, the next step is to have your designers finalize the UI part of your app.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>During the UX and UI phase, you can have your team of developers begin pre-production and pre-development tasks like setting up a proper staging environment and adding admin\/client panels (or a CMS). This is also where you can start drawing out the back-end of your software.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>Development<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Once you\u2019re about finished wrapping up the UX and UI phase, you can start getting more into the development stage.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This is the point in the project where your dev team is put to work coding out all the elements outlined in the previous design phase, which involves both back-end and front-end work.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This phase is typically the longest and most complex part of building a mobile app and the deliverables are iterative. So time for completion can vary widely depending on the project.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Based on everything that came before this point, hopefully, you\u2019ll have a grasp on what the timeline will look like for the development phase.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Having wireframes, mockups, and prototypes will work together to paint a clear picture of the time needed to complete development.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>The coding phase traditionally involves the developers releasing iterations of the project every couple of weeks (or a specified interval of time) which is also known as builds or sprints.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>It makes sense for a development team to tackle a big project like a mobile app in smaller, manageable pieces rather than trying to deliver the entire project at once.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>You can then review the build and make any necessary revisions, which can be worked on immediately before moving on to the next portion of the app. Once each build has been completed and signed off on, you\u2019re ready to enter the testing phase.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:image {\"align\":\"center\",\"id\":1750,\"sizeSlug\":\"large\"} -->\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img class=\"wp-image-1750\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/Snip20200728_4.png\" alt=\"Deliverables of an App\" \/><\/figure>\r\n<\/div>\r\n<!-- \/wp:image --><!-- wp:heading {\"level\":3} -->\r\n<h3>More on sprints and builds<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>The idea behind builds is to view your app as a sequence of modules, where each one will represent specific tasks users initiate in your app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>These modules should have just one primary point of focus to keep things organized.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Having a modular architecture helps test each portion and also assign ownership to the developers in your team.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>Testing and QA<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>While testing isn\u2019t the most exciting deliverable of an app, it\u2019s certainly one of the most important.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Mobile development teams should have a dedicated quality assurance (QA) person who is assigned to the project.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>They\u2019ll be responsible for testing each build or sprint as it\u2019s developed. The code for a project should always be tested iteratively.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>So if one build is being worked on or completed, there should be tests to exhaust every possible interaction with that specific portion of the app. This includes things like standard user interactions and invalid inputs.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>The purpose of QA is not just to find bugs in your app, but to test your app for quality, performance, reliability, usability, and security.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Everything should be working as intended and should also be compared to the wireframes and prototypes from the previous phase that were approved.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>QA vs testing<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Just to be clear, QA and testing are similar, but not quite the same. Here is a quick look at the differences between the two:<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>QA<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:list -->\r\n<ul>\r\n<li>Methods and activities designed to ensure the app is working as it should<\/li>\r\n<li>Focuses on quality control meeting requirements<\/li>\r\n<li>It\u2019s a more process-oriented and preventative approach in testing<\/li>\r\n<li>Assures quality<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:paragraph -->\r\n<p><strong>Testing<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:list -->\r\n<ul>\r\n<li>The process of exploring the app to find any defects<\/li>\r\n<li>Bug-finding and app inspection<\/li>\r\n<li>More product-oriented and corrective (rather than preventative)<\/li>\r\n<li>Controls the quality<\/li>\r\n<\/ul>\r\n<!-- \/wp:list --><!-- wp:heading {\"level\":3} -->\r\n<h3>Regression testing<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Each build will also include what\u2019s called regression testing. This is testing that checks for any breaks the new build may have caused the previous build.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>When all builds are finished, there will be a final regression testing phase to ensure all builds are working well together.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>One way to think of regression testing is in cooking. When you add more and more ingredients to your food, like salt or spices, it makes sense to taste it as you go to make sure all the ingredients taste good together.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>After all, different flavors can clash. The same concept holds true when it comes to regression testing.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":3} -->\r\n<h3>Beta testing<\/h3>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>Once regression testing on your app is complete and you have a working MVP, you can move on to beta testing. This means your app is ready for a limited, non-public release.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Beta testing involves getting a sample of your app\u2019s target audience to install and use the app.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>You should also be using analytics to see not only how users are interacting with your app\u2014which features they\u2019re using the most, are there bottlenecks, etc\u2014but to also see how the app is functioning\u2014how quickly the app loads, uptime, etc.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Anyone can be a beta tester, not just tech-savvy individuals or developers. Apple has its own <a href=\"https:\/\/beta.apple.com\/sp\/betaprogram\/welcome\" target=\"_blank\" rel=\"noreferrer noopener\">beta tester program<\/a> that anyone can sign up for and any iOS app can use to help improve their product.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:heading -->\r\n<h2>Content Seeding and Going Live<\/h2>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>The final deliverable involves prepping your CMS or database with content so it\u2019s ready to go to production.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This includes things like videos, images, and other information and content you want users to experience once the app is live.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>For mobile apps, your dev team will need to prepare everything the app store requires in order to be published. Apple, for example, is known for being strict and constantly updating their <a href=\"https:\/\/developer.apple.com\/app-store\/review\/guidelines\/\" target=\"_blank\" rel=\"noreferrer noopener\">rules for apps<\/a> to get approved.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>They provide developers with a very thorough set of guidelines in their documentation so they can be prepared.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>Their guide is broken down into 5 main sections:<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>1. <strong>Safety<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>The app must be safe and free of offensive or damaging content. There are some major pitfalls your app must avoid to get approved, like including violence, illegal depictions, sexual content, inflammatory content, and so on.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This section also includes data security. Apps need to put in place appropriate security measures to ensure the correct handling of collected user information.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>2. <strong>Performance<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>The app should be complete and all beta testing done. Hardware needs to be compatible to ensure users are getting the most out of the app experience.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>The app needs to meets software requirements, like only using public APIs and running on the currently shipping operating system. The app needs to be up-to-date, with deprecated features, technologies, or frameworks phased out.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>3. Business<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Your business and revenue model needs to be explained in the metadata and app review notes. This section also includes topics like payments, in-app purchases, goods and services outside of the app, and more.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>While pricing and monetizing is up to you, apps that cheat users or have prices that are too high will be rejected. If Apple determines that reviews are being manipulated or chart ranking inflated, incentivized, or reviews faked, you can be expelled from the app store.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>4. Design<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This portion of the guide reviews design guidelines like the necessary minimum functionality your app should have in terms of features, content, and UI.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Apple products pride themselves on being innovative and refined but also simple and easy to use, which is what they look for when approving app designs. Apps need to be both functional and also engaging to users.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Copycat apps that risk intellectual property infringement claims won\u2019t be tolerated, so keep your app unique.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p><strong>5. Legal\u00a0<\/strong><\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Apps must comply with all legal requirements in the locations it will be available. Apps cannot promote or encourage any kind of criminal activity or reckless behavior.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This section also covers privacy, data collection, data use and sharing, and so on.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Publishing your app to an app store is no joke. It takes time and a whole lot of reading to ensure your app is following the correct standards and guidelines.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>It\u2019s a good idea to read through the documentation before setting out on development so you don\u2019t have to backtrack later.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>This process alone can take up to two weeks, depending on what changes your app may need to make based on the requirements.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:image {\"align\":\"center\",\"id\":1751,\"sizeSlug\":\"large\"} -->\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img class=\"wp-image-1751\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/Snip20200728_5.png\" alt=\"Deliverables of an App\" \/><\/figure>\r\n<\/div>\r\n<!-- \/wp:image --><!-- wp:heading -->\r\n<h2>Final Thoughts<\/h2>\r\n<!-- \/wp:heading --><!-- wp:paragraph -->\r\n<p>As you can tell, there are many deliverables, micro phases, nuances, and steps involved in the mobile app development process, some of which go beyond the breadth of just one article.\u00a0<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Apart from what\u2019s been mentioned here, you also want to think about marketing and research, user feedback, implementing adjustments based on this feedback, using software testing tools before coding, and plenty more to ensure your app is a success.<\/p>\r\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\r\n<p>Hopefully, this has given you a good jumping-off point so you can start on bringing your new app idea to fruition.<\/p>\r\n<!-- \/wp:paragraph -->","_et_gb_content_width":"","footnotes":""},"categories":[20],"tags":[60],"class_list":["post-1747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","tag-deliverables"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Deliverables of an App. What You Should Get From Your App Developer<\/title>\n<meta name=\"description\" content=\"Before setting out with your app release, there are deliverables of an app to consider which are essentially milestones in the app development process. Be s\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deliverables of an App. What You Should Get From Your App Developer\" \/>\n<meta property=\"og:description\" content=\"Before setting out with your app release, there are deliverables of an app to consider which are essentially milestones in the app development process. Be s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Webiotic\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-28T09:55:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-05T09:49:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"531\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ape\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ape\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deliverables of an App. What You Should Get From Your App Developer","description":"Before setting out with your app release, there are deliverables of an app to consider which are essentially milestones in the app development process. Be s","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:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/","og_locale":"en_US","og_type":"article","og_title":"Deliverables of an App. What You Should Get From Your App Developer","og_description":"Before setting out with your app release, there are deliverables of an app to consider which are essentially milestones in the app development process. Be s","og_url":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/","og_site_name":"Webiotic","article_published_time":"2020-07-28T09:55:11+00:00","article_modified_time":"2021-07-05T09:49:58+00:00","og_image":[{"width":1536,"height":531,"url":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg","type":"image\/jpeg"}],"author":"Ape","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ape","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#article","isPartOf":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/"},"author":{"name":"Ape","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/c374673eacdc0f22eb265a8616cd1450"},"headline":"Deliverables of an App. What You Should Get From Your App Developer","datePublished":"2020-07-28T09:55:11+00:00","dateModified":"2021-07-05T09:49:58+00:00","mainEntityOfPage":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/"},"wordCount":4502,"commentCount":0,"publisher":{"@id":"https:\/\/architsingh.com\/webioticnew\/#organization"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg","keywords":["deliverables"],"articleSection":["App Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/","url":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/","name":"Deliverables of an App. What You Should Get From Your App Developer","isPartOf":{"@id":"https:\/\/architsingh.com\/webioticnew\/#website"},"primaryImageOfPage":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#primaryimage"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg","datePublished":"2020-07-28T09:55:11+00:00","dateModified":"2021-07-05T09:49:58+00:00","description":"Before setting out with your app release, there are deliverables of an app to consider which are essentially milestones in the app development process. Be s","breadcrumb":{"@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#primaryimage","url":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg","contentUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/07\/delivery-1-1536x531-min.jpg","width":1536,"height":531},{"@type":"BreadcrumbList","@id":"https:\/\/architsingh.com\/webioticnew\/deliverables-of-an-app-what-you-should-get-from-your-app-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/architsingh.com\/webioticnew\/"},{"@type":"ListItem","position":2,"name":"Deliverables of an App. What You Should Get From Your App Developer"}]},{"@type":"WebSite","@id":"https:\/\/architsingh.com\/webioticnew\/#website","url":"https:\/\/architsingh.com\/webioticnew\/","name":"Webiotic","description":"360 Degree App Development &amp; Web Solutions Company","publisher":{"@id":"https:\/\/architsingh.com\/webioticnew\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/architsingh.com\/webioticnew\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/architsingh.com\/webioticnew\/#organization","name":"Webiotic","url":"https:\/\/architsingh.com\/webioticnew\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/logo\/image\/","url":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/checkout-logo.png","contentUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/checkout-logo.png","width":300,"height":68,"caption":"Webiotic"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/c374673eacdc0f22eb265a8616cd1450","name":"Ape","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2d9a4a5fef4d805c9b555b0248406d1dc4d738d40704cf504dd447c0f9c54f8a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2d9a4a5fef4d805c9b555b0248406d1dc4d738d40704cf504dd447c0f9c54f8a?s=96&d=mm&r=g","caption":"Ape"},"url":"https:\/\/architsingh.com\/webioticnew\/team\/webiotic\/"}]}},"_links":{"self":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts\/1747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/comments?post=1747"}],"version-history":[{"count":0,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts\/1747\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/media\/2434"}],"wp:attachment":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/media?parent=1747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/categories?post=1747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/tags?post=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}