{"id":2223,"date":"2016-11-08T18:43:32","date_gmt":"2016-11-08T15:43:32","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=2223"},"modified":"2023-08-16T08:36:01","modified_gmt":"2023-08-16T08:36:01","slug":"the-ultimate-guide-to-creating-a-mobile-application","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/","title":{"rendered":"The Ultimate Guide to Creating a Mobile Application"},"content":{"rendered":"<p><span style=\"color: #333333;\">Most modern people would find it difficult to imagine their day using the smartphone &#8220;just for calls&#8221;. Most mobile devices jumped far beyond the primary goal behind them &#8211; making phone calls and sending simple instant messages. Today even quite a simple mobile presents a platform to house various applications for everyday use that turns thousands of people into grateful users of more and more apps. Simple or complex, informative or entertaining, minimalist or packed with bright and catchy details, practical or joyful, meeting the user needing them, they make life better. The variety of apps available today enables users to do a great variety of things using their mobile phone only. Setting an alarm for tomorrow, calculating expenses for the next week, or sending mum a selfie via the messenger app, the vast majority of users don&#8217;t even imagine how many people stand behind these simple everyday operations.<\/span><\/p>\n<p><span style=\"color: #333333;\">Earlier in our articles, we have already unveiled the typical steps of creating interface design for <a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-big-guide-into-types-of-mobile-applications\/\">mobile applications<\/a>. Today let&#8217;s go further and set the full path of creation for a mobile app, from setting the idea to its release in App Store.<\/span><\/p>\n<p><span style=\"color: #333333;\">As well as in any creative process, making a mobile application out of the thin air is a sophisticated process that has its individual peculiarities and features in every particular case. Still, on the basis of Tubik Studio&#8217;s extensive experience in creating diverse applications, it is possible to define several typical creative stages for this process, such as the following:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">setting the task and initial scope of works<\/span><\/li>\n<li><span style=\"color: #333333;\">estimation<\/span><\/li>\n<li><span style=\"color: #333333;\">user\/market\u00a0research<\/span><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/ux-wireframing-bedrock-of-interface-usability\/\"><span style=\"color: #333333;\">UX wireframing<\/span><\/a><\/li>\n<li><span style=\"color: #333333;\">prototyping<\/span><\/li>\n<li><span style=\"color: #333333;\">UI design<\/span><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\"><span style=\"color: #333333;\">animation<\/span><\/a><\/li>\n<li><span style=\"color: #333333;\">software architecture planning<\/span><\/li>\n<li><span style=\"color: #333333;\">iOS development<\/span><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/precious-errors-testing-ios-mobile-applications\/\"><span style=\"color: #333333;\">testing<\/span><\/a><\/li>\n<li><span style=\"color: #333333;\">release<\/span><\/li>\n<li><span style=\"color: #333333;\">updates.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Although you see the sequence of stages, it doesn&#8217;t mean that every further phase starts only when the previous one is completed. It&#8217;s impossible to imagine this kind of linear dependence as many processes and stages are interconnected even not being consequent in the presented list. Moreover, some of them like testing or estimation come up here and there being spread for all the process of app creation.\u00a0\u00a0Now let&#8217;s go along this way step by step to see how a\u00a0subtle idea becomes a real mobile app.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9724\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik_studio_ui_design-app.png\" alt=\"tubik studio ui design app\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik_studio_ui_design-app.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik_studio_ui_design-app-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik_studio_ui_design-app-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik_studio_ui_design-app-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Setting the task and initial scope of works<\/span><\/h2>\n<p><span style=\"color: #333333;\">As we have already mentioned in the article considering <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/logo-design-creative-stages\/\" target=\"_blank\" rel=\"noopener noreferrer\">logo design stages<\/a>,\u00a0the point of setting the task\u00a0is the fou<\/span><span style=\"color: #333333;\">ndation of all the design and then\u00a0the development process. At this point, the team of designers and developers\u00a0should obtain maximum information from the client to mark the right way to the goal. The one who walks without a destination in mind will possibly come\u00a0nowhere. In product design it works the same way: to get the result, you should clearly set the goals from the very start of the path. It doesn\u2019t mean that the goals should stay totally the same at\u00a0the end of the journey: the proper level of flexibility has to be set as the objectives can modify\u00a0more or less in the creative process, research and testing. Still, if the general goals are not set at the start, the creative process can get easily transformed into a mess.<\/span><\/p>\n<p><span style=\"color: #333333;\">Another vital tip, which we have seen through long practice, is that communicating with clients you should get not only their wishes but also try to get the ideas and reasons behind these wishes. If you understand why your customer wants to see particular colors, shapes, or transitions, it will be easier for you (if necessary) to justify other methods of realization of these ideas which would give the result desired by the customer and at the same time user-friendly and thoughtfully consuming resources or enabling interactions.<\/span><\/p>\n<p><span style=\"color: #333333;\">The more information you get from the client, the better it is for setting the right direction. Design briefs, calls, Skype-conferences, chat in Slack, brainstorming sessions, <a href=\"https:\/\/blog.tubikstudio.com\/design-mood-7-motives-to-create-mood-boards\/\">mood boards<\/a> can all form a good starting line for productive work. In our case, this point of the journey is started by sales managers and business analysts who take over the first line of communication with clients and are experienced in setting the bridge between the customer and creative team.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10960\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process.jpg\" alt=\"tubik-studio-sales-manager design process\" width=\"1200\" height=\"797\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process.jpg 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process-1024x680.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/tubik-studio-sales-manager-design-process-150x100.jpg 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Tubik Studio Head of Operations Kate uses all the means to communicate with clients and get into projects<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">At this stage, it is highly advisable to get the data about:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">the nature of the product and its USP<\/span><\/li>\n<li><span style=\"color: #333333;\">the <a href=\"https:\/\/blog.tubikstudio.com\/business-oriented-design-know-your-target\/\">target audience<\/a><\/span><\/li>\n<li><span style=\"color: #333333;\">geographical targeting (if available)<\/span><\/li>\n<li><span style=\"color: #333333;\">the keywords with which the company represents its identity<\/span><\/li>\n<li>the preferred structure and functions clients see as vital in the app<\/li>\n<li><span style=\"color: #333333;\">preferred visual features (color palette, general style, special features, connection with other already existing digital products or brand strategy, etc.)<\/span><\/li>\n<li><span style=\"color: #333333;\">potential technologies, devices, and surfaces at which the app\u00a0will be used<\/span><\/li>\n<li><span style=\"color: #333333;\">the need for <a href=\"https:\/\/blog.tubikstudio.com\/design-consistency\/\">consistency<\/a> with existing <a href=\"https:\/\/blog.tubikstudio.com\/branding-design-process\/\">corporate identity<\/a> (if available)<\/span><\/li>\n<li><span style=\"color: #333333;\">nature of data processing, the need of server-side and additional technologies<\/span><\/li>\n<li><span style=\"color: #333333;\">specific preferences<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Obviously, the list is not completely full, still, it contains the most important positions needed for setting a general design and development flow. The outcome of this stage is the diverse set of information blocks\u00a0establishing the basis for further estimation of the project, planning logical milestones and sprints as well as working our efficient design and development solutions.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Estimation<\/span><\/h2>\n<p><span style=\"color: #333333;\">The data collected at the previous stage enables business analysts and sales managers to provide the client with the first-level estimation of the time needed for the project and therefore the planned costs. As in any creative process, it is practically impossible to make one totally exact estimation that will stay the same during the whole project: this is the data that should be got back to and reviewed after every stage of the design process. Certainly, there can be some cases of products that are quite simple, have a clear structure, and do not include many screens or elements, so estimation will be quite exact from the very first stages of processing the client&#8217;s data and wishes. However, the more complex is the project, the higher are the chances of estimation reviews and adjustments. One more vital thing to mention: these reviews do not necessarily mean growing pricing or timing, as in the creative process designers and developers can find the ways of optimization for design and technology solutions which can even shorten the initial estimation.<\/span><\/p>\n<p><span style=\"color: #333333;\">This flow is close to perfect in cases of full-stack teams: it means that business analysts can involve designers and developers in the assessment process from the earliest steps of analysis and estimation which are able to provide more real and exact planning of time and costs. Furthermore, specialists participating in the discussion are able to contribute a lot of knowledge and experience on technical details and factors influencing the time and resources needed for the app design and development.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10603\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/08\/Design-Studio-Tubik.jpg\" alt=\"Design-Studio-Tubik\" width=\"790\" height=\"1024\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/08\/Design-Studio-Tubik.jpg 790w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/08\/Design-Studio-Tubik-231x300.jpg 231w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/08\/Design-Studio-Tubik-768x995.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/08\/Design-Studio-Tubik-116x150.jpg 116w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/p>\n<h2><span style=\"color: #333333;\">User\/market\u00a0research<\/span><\/h2>\n<p><span style=\"color: #333333;\">This is the stage when being based on the established task and aims, UI\/UX designer starts the path by getting deeper into the environment in which the future application will function. The research stage usually moves on in two directions simultaneously: user research and market research.<\/span><\/p>\n<p><span style=\"color: #333333;\">User research means getting deeper into details of the core target audience to understand their preferences and psychological peculiarities, the influence of different factors like colors, stylistic decisions, and logic of interaction on emotions and experience of the defined group, the sources of information, and creative performance ways which could engage users and make them active. Marketing research means exploring the market segment, primarily from the perspective of creative solutions used by competitors. Visual design presumes to create the original and recognizable style that will make the product stand out from the crowd and draw potential customer\u2019s attention.<\/span><\/p>\n<p><span style=\"color: #333333;\">Famous guru of advertising David Ogilvy emphasized the great importance of research for creating effective results: &#8220;Advertising people who ignore research are as dangerous as generals who ignore decodes of enemy signals.&#8221; Time has changed the means, goals, and technologies, still vital role of research established even stronger. Neglecting the research stage and relying only on their creative intuition, experience, and talent, designers risk failing this task as they will not know the conditions of the app functioning and will not be able to make it efficient, user-friendly, and original.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8216\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/tubik-studio-UI-designers.jpg\" alt=\"tubik-studio-UI-designers\" width=\"1024\" height=\"680\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/tubik-studio-UI-designers.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/tubik-studio-UI-designers-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/tubik-studio-UI-designers-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/tubik-studio-UI-designers-150x100.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">UX Wireframing<\/span><\/h2>\n<p><span style=\"color: #333333;\">It is the process of creating a general structure of the designed application or website. It\u2019s usually accomplished via the set of schematic screens or pages of a low or middle level of fidelity. The aim of this stage is to set a clear and orderly structure of all the layout, transitions, and interactions on the basis of the user\u2019s problems and pains that the product is going to solve.<\/span><\/p>\n<p><span style=\"color: #333333;\">In one of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/design-faq-platform-customers-set-two\/\" target=\"_blank\" rel=\"noopener noreferrer\">our previous articles<\/a>, we provided a bit of metaphor on that. When we think about building the house, for example, we usually mean the process of the physical appearance of the construction rather than tons of projects, drawings, and calculations made on paper. And yes, physically it\u2019s possible to build the house without any project as well as it\u2019s possible to create the interface out of thin air. However, in this case, you shouldn&#8217;t be surprised if one day the house will crack and collapse without any visible reasons as well as the app looking amazing and stylish won\u2019t bring you any loyal users. If you want to have a reliable house, a durable mechanism, a powerful application, or a highly-functional website, the recipe is the same \u2013 take your time for thorough planning and projecting. This is not going to waste your time, vice versa, it will save your time you would otherwise have to spend on the redesign and attempts to find out why your product doesn\u2019t work properly.<\/span><\/p>\n<p><span style=\"color: #333333;\">That is the aim of the UX part of the design process. UX wireframing stage should be heavily based on user research, competition research, and analysis of all the data obtained. In the outcome, it creates a clear scheme whose complexity depends on the product functionality and reflects all the system of transitions and interactions as well as placement of all the elements of the interface based on their optimal use flow. In some cases, wireframing done in pencil sketching or rough drafts is enough, although preferably it is accomplished with the special tools and software optimizing design process and increasing performance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8007\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik-studio-design-process-ux.jpg\" alt=\"tubik studio design process ux\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik-studio-design-process-ux.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik-studio-design-process-ux-150x150.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik-studio-design-process-ux-300x300.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/tubik-studio-design-process-ux-768x768.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Prototyping<\/span><\/h2>\n<p><span style=\"color: #333333;\">The original concept behind the term \u2018prototype\u2019 is the sample model of the product that gives the ability to test it and see if the solutions and decisions made about the product are efficient. Prototypes should not be seen as the analog of the final product as they aren\u2019t those. Their main aim is to enable a designer, a customer, and a user to check the correctness and appropriateness of the design solutions.<\/span><\/p>\n<p><span style=\"color: #333333;\">The value of prototypes in the sphere of an app and web design has rocketed for the last few years. Actually, it is easy to explain as even the low-fidelity prototype gets the designer, customer, and tester much closer to the looks and functions of the future product than the most elaborate schemes, drawings, and wireframes. Certainly, that doesn\u2019t mean that schemes and wireframes could be eliminated from the process as they are essential in the process of creating design solutions. However, when you want to feel their efficiency and check if nothing has been missed in the design process, a prototype will be a great help.<\/span><\/p>\n<p><span style=\"color: #333333;\">Considering the fact that a lot of customers see the prototype as something very close to the final version of product design aka \u201cUI in action\u201d, in practice this approach is not effective. Prototyping is much more efficient and useful as the step between UX design and UI design. So, here in Tubik Studio, we support the workflow having the\u00a0sequence &#8220;UX \u2013 prototype \u2013 UI&#8221;.<\/span><\/p>\n<p><span style=\"color: #333333;\">The prototypes on the UI stage can be created for the presentation of application general looks rather than for testing and improving its functional features. And this is the trap in which it is easy to get confused. Prototyping all the details on the final stage of UI in most cases is not so reasonable as it could seem. It will be too time-consuming and in this perspective, it would be better to spend the same time coding a demo-version. Moreover, usability should be thoroughly checked first of all at the UX stage, otherwise, it would be much harder to change inefficient solutions after having accomplished a lot of work on UI. Certainly, it would be amazing to create prototypes both for UX and UI, but by far not all the designers and customers agree to spend so much time on design tasks and want to test and improve the design much faster and cheaper.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9161\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/01\/invision_prototyping_tubik_studio-1.png\" alt=\"invision prototyping tubikstudio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/01\/invision_prototyping_tubik_studio-1.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/01\/invision_prototyping_tubik_studio-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/01\/invision_prototyping_tubik_studio-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/01\/invision_prototyping_tubik_studio-1-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">UI (User Interface) Design<\/span><\/h2>\n<p><span style=\"color: #333333;\">User Interface is actually a finalized interactive field in which the user interacts with the product. It includes all the tools for increasing usability and satisfying target users\u2019 needs and wishes. All the features of visual perception, as well as sound and tactile feelings influencing the product use and interaction with it, should be analyzed and optimized here to the purpose of the app or a website is designed. For example, such aspects as color palette, <a href=\"https:\/\/blog.tubikstudio.com\/8-typography-tips-for-designers-how-to-make-fonts-speak\/\">types and fonts<\/a>, shapes and forms, <a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design\/\">illustration<\/a> and <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">animation<\/a>, and so on and so forth are able to affect the performance of the final product greatly in both positive and negative ways.<\/span><\/p>\n<p><span style=\"color: #333333;\">In general terms, the <a href=\"https:\/\/blog.tubikstudio.com\/user-research-empathy-is-the-best-ux-policy\/\">UX research<\/a> and wireframing stages are about how the website or application works while UI is how it looks. Both these stages include work on <a href=\"https:\/\/blog.tubikstudio.com\/7-tips-to-enhance-mobile-interactions\/\">successful interactions<\/a>, but UX deals more with logic, connections, and user behavior while the UI stage provides a visual representation of all the concepts. It means that ideally, the designer should first work on the UX part with the concentration on the layout, making it more powerful, thought-out, clear, and easy to use. Without this vital work, you highly risk creating a pure mess out of the user interface.<\/span><\/p>\n<p><span style=\"color: #333333;\">After the UX part is tested by a prototype, agreed upon and the concept of layout, transitions, and features are accepted, the designer starts the UI design part. This is the time when a newborn heart and brain of your product is clothed with its skin and bones. Here the product gets its real color scheme, forms, and features of the layout details, styles, animated elements, and so on.<\/span><\/p>\n<p><span style=\"color: #333333;\">All the UI solutions directly influence the positive or negative user experience, so the processes of UX wireframing and UI design should mutually support each other and follow the same strategy otherwise the efficient solutions of one stage will not work on the other.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10608\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/Tubik-Studio-ux-design-1-1.jpg\" alt=\"Tubik-Studio-ux-design\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/Tubik-Studio-ux-design-1-1.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/Tubik-Studio-ux-design-1-1-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/Tubik-Studio-ux-design-1-1-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/Tubik-Studio-ux-design-1-1-150x113.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Animation<\/span><\/h2>\n<p><span style=\"color: #333333;\">Telling about the details and benefits of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/ui-animation-eye-pleasing-problem-solving\/\" target=\"_blank\" rel=\"noopener noreferrer\">interface animation<\/a> used in mobile apps, we mentioned that the most efficient way is to consider this aspect through all the creative stages. However, the high time to apply it in practice is when UI design is basically accomplished and a general stylistic concept is agreed upon.<\/span><\/p>\n<p><span style=\"color: #333333;\">Like everything that is put into the interface and process of interaction with it, the animation must be a functional element, not just a decor. Considering motion elements while planning the user journey around the digital product, the designer should deeply analyze its potential for increasing usability, utility, and desirability of the product before making a decision to apply it in the layout or transitions. <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/ui-animation-eye-pleasing-problem-solving\/\" target=\"_blank\" rel=\"noopener noreferrer\">Animation in UI<\/a> requires a thoughtful approach and always needs to have a clear purpose set behind it. The advantages and utility of using it in the interaction process have to be obvious and outweighing possible disadvantages.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7830\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/tubik_studio_buonapp-ui-design.gif\" alt=\"tubikstudio buonapp food ui design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\">After this stage is accomplished, the visual details approved and agreed upon, designers transfer the assets to developers who are going to do the magic of making them alive. Also, this is a good time to review the estimation once again and plan the clear sprints on development on the basis of thought-out design.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Software architecture planning<\/span><\/h2>\n<p><span style=\"color: #333333;\">A noteworthy detail is that scalability is one of the most important things for a mobile application. Planning of software architecture can take place as a stage parallel to design. This is a complex process: it usually includes a lot of iterations, with a constant feedback loop between the design team and the development team. The main goal of architecture planning is to create a constructive and integral plan for the software architecture of the app (front-end and back-end). At this stage, developers decide on the most efficient technical and technological solutions for the actual realization of the app and maintaining its operability. The decisions depend on various factors, for example, the nature of the product and data it processes, the complexity of design solutions, the necessity to save data, and availability of log-in functionality, etc. Back-end development sets the bridge of the app with the web and supports synchronization of data in both directions.<\/span><\/p>\n<h2><span style=\"color: #333333;\">iOS development<\/span><\/h2>\n<p><span style=\"color: #333333;\">The actual process of coding the app here in Tubik is done in Xcode as an effective and flexible platform with broad functionality for iOS developers. As it is defined on the <a style=\"color: #333333;\" href=\"http:\/\/help.apple.com\/xcode\/mac\/8.0\/#\/devc8c2a6be1\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">official website<\/a>, &#8220;Xcode is Apple\u2019s integrated development environment (IDE). You use Xcode to build apps for Apple products, including iPad, iPhone, Apple Watch, Apple TV, and Mac. Xcode provides tools to manage your entire development workflow\u2014from creating your app to testing, optimizing, and submitting it to the App Store.&#8221;<\/span><\/p>\n<p><span style=\"color: #333333;\"> Xcode only runs on Macs and has everything developers need to build iOS apps. There are no official ways to launch it on a Windows or Linux PC. This means that if somebody wants to develop an iPhone, iPad, Apple Watch, Apple TV, and Mac apps but doesn&#8217;t have a Mac, he or she will need to buy it.<\/span><\/p>\n<p><span style=\"color: #333333;\">The two basic and most popular programming languages for iOS development are Objective-C and Swift &#8211; we considered the benefits and drawbacks of each in our <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/swift-or-objective-c-tool-tips-for-ios-developers\/\" target=\"_blank\" rel=\"noopener noreferrer\">earlier post<\/a>. Since 2014, Swift language has been\u00a0used by Xcode for coding more often than Objective-C, which is a difficult language for developers to learn and code. Still, Objective-C is a good fit for early iPhone hardware which has less RAM and slower processes and it is also effectively applicable for maintaining and updating the apps initially created in it. Swift keeps step with modern hardware and it is also faster in the process of coding, it is more easy-to-use, shorter and secure. For creating iOS 10 apps, Xcode 8 and the iOS 10 SDK need to be installed, also available from Apple. There are significant changes to the Swift language and the SDK in this version of Xcode.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10120\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary.png\" alt=\"ios development glossary\" width=\"1920\" height=\"1275\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary-300x199.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary-768x510.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary-1024x680.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/ios-development-glossary-150x100.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"color: #333333;\"> In this phase of mobile app creation, iOS developers think over the architecture of the app, write the code, integrate functionality to created UI, edit source code, debug and finally export the app to the App Store. Also, writing unit tests and running integration testing are relevant steps in this phase. The Interface Builder is one of Xcode features and it is an alternative to hand-coding the client-side part, allowing developers to put the app code together visually. This feature allows dragging and dropping different visual controls into the app code. AutoLayout helps to control the app presentation based on the size of the user&#8217;s screen. With Storyboard, developers can see what each screen of the app actually looks like, while Preview Mode delivers a prior acquaintance of what the app will look like when it is done.<\/span><\/p>\n<p><span style=\"color: #333333;\"> Lots of mobile app developers are of opinion that a text editor is generally necessary, even though it is theoretically possible to do the entire coding inside Xcode. Handling long and complex codes can become particularly confusing unless programmers use a text editor that supports all relevant programming syntaxes.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10938\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development.jpg\" alt=\"Tubik-Studio-iOS-development\" width=\"1200\" height=\"797\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development.jpg 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development-1024x680.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/Tubik-Studio-iOS-development-150x100.jpg 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"color: #333333;\">\u00a0<\/span><span style=\"color: #333333;\">In most cases, while part of the developers&#8217; team is building the client-side part, the other part is coding, integrating, and linking to the front-end server-side components of an app such as database, APIs, middleware and etc.<\/span><\/p>\n<p><span style=\"color: #333333;\"> It also should be noted that planning the workflow and the number of people involved in the development process depends first of all on the complexity and urgency of the project. For small projects, one iOS developer may be able to create all components of software architecture for the app. For multilayered complex projects, at least a couple of programmers should be engaged, having experience in software architecture and good\u00a0expertise in both client-side and server-side development.<\/span><\/p>\n<p><span style=\"color: #333333;\"> The main task of this phase is to make a fully working app that is scalable and integrated to all required server-side components like a database, APIs, and other related infrastructure it needs to run. If clients aren&#8217;t ready to build the original server-side infrastructure, they can buy a Backend as a Service (BaaS) software bundle or other products. The bundles include a variety of storage options and features, but they aren\u2019t completely \u201cturn-key\u201d as well as they often do not provide the options of deep and comprehensive analytics. It means the client needs a developer who understands back-end engineering to integrate it into the app.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10961\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/web-design-1.jpg\" alt=\"web design\" width=\"960\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/web-design-1.jpg 960w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/web-design-1-300x188.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/web-design-1-768x480.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/web-design-1-150x94.jpg 150w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Testing<\/span><\/h2>\n<p><span style=\"color: #333333;\">\u201cQuality is never an accident; it is always the result of high intention, sincere effort, intelligent direction, and skillful execution; it represents the wise choice of many alternatives\u201d, William A. Foster once said and it\u2019s definitely true when it comes to a digital product testing.<\/span><\/p>\n<p><span style=\"color: #333333;\"><a href=\"https:\/\/blog.tubikstudio.com\/precious-errors-testing-ios-mobile-applications\/\"> Testing<\/a> is one of the crucial phases of the entire app design and development lifecycle, it can help to find bugs before the app is brought out to actual users. App Store will not accept any apps that have compiling errors and bugs, so the mobile app is prepared for submitting has no chances with those kinds of issues. In the majority of cases, users abandon the app if it has functionality problems, no matter how promising and engaging it seems. Even the simplest apps can be successful for commerce, business, advertising, and other aims if they work correctly and efficiently, according to the target audience&#8217;s expectations and solving their problems.<\/span><\/p>\n<p><span style=\"color: #333333;\"> Testing doesn&#8217;t mean that developers do not provide the upper quality. To set the analogy, the fact that every book, magazine, or newspaper issue goes through the editor&#8217;s eye doesn&#8217;t say that journalists or writers are not talented and qualified. Different specialists have different goals and skills in the process to increase general productivity and efficiency, and it works the same way for the design and development of mobile apps. Supposing that developers have done a great job and made no mistakes, the task of testing is not only about finding errors. Quite the opposite, it helps to understand the quality of the app and find a way to improve via real interactions.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8016\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7.jpg\" alt=\"Upper App to-do list\" width=\"2000\" height=\"1333\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7.jpg 2000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7-1024x682.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Upper-App-to-do-list-7-150x100.jpg 150w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p><span style=\"color: #333333;\"> Automated testing got really popular now because it is effective, cheap, and reliable. iOS Simulator and other testing tools such as Appium, Frank, Calabash, and others are available to help to run the app through the testing process and point out the issues requiring attention. Continuous testing at all stages helps to keep small bugs from becoming major issues later on.<\/span><\/p>\n<p><span style=\"color: #333333;\"> In the process of testing, a developer usually goes all the way through the app on a device or in the iOS Simulator of Xcode, screen by screen, to ensure there are no bugs or errors and everything works properly. Fixing or debugging can be done right in Xcode.<\/span><\/p>\n<p><span style=\"color: #333333;\"> All aspects of the app should be tested. Developers will need to check it across different devices (iPhone, iWatch, iPad, iPod, etc.) as the points like screen resolution, processors, battery life, and memory will be different and can significantly affect how the app runs. They also test functionality (Do all the functions work well?), handling and loading time (Will it slow down if traffic increases?), and UX (How easy is it to use?). In addition to the above-mentioned issues, developers review crash reports to see what should be fixed.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7991\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products.png\" alt=\"testing digital products\" width=\"1400\" height=\"929\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products.png 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products-300x199.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products-768x510.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products-1024x679.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/testing-digital-products-150x100.png 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><span style=\"color: #333333;\"> Here are some types of testing applied in the process of mobile app creation:<\/span><\/p>\n<p><span style=\"color: #333333;\"> <strong>Functional testing.<\/strong>\u00a0It is the most basic test for any application to ensure that it is working according to the defined requirements and there are no functions missed in the process of interaction.<\/span><\/p>\n<p><span style=\"color: #333333;\"> <strong>Performance testing.\u00a0<\/strong>This type covers client application performance, server performance, and network performance. For example, it checks the performance specifications and behavior of the app under certain conditions such as the low battery, bad network coverage, low available memory and etc.<\/span><\/p>\n<p><span style=\"color: #333333;\"> <strong>Memory testing.\u00a0<\/strong>This type checks that each application maintains optimized memory usage throughout the user surfing.<\/span><\/p>\n<p><span style=\"color: #333333;\"> <strong>Interruption testing.<\/strong> An app may face various interruptions while working, such as incoming calls or network coverage outages and recovery. This kind of testing shows what will the app do under these conditions. The common types of interruptions are:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">Incoming and Outgoing calls, SMS or MMS and different notifications;<\/span><\/li>\n<li><span style=\"color: #333333;\">Low memory warning<\/span><\/li>\n<li><span style=\"color: #333333;\">Cable insertion or removal<\/span><\/li>\n<li><span style=\"color: #333333;\">Network outage or recovery<\/span><\/li>\n<li><span style=\"color: #333333;\">Media Player on\/off<\/span><\/li>\n<li><span style=\"color: #333333;\">The device power cycle, such as low battery notification, etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\"><strong>Security testing.<\/strong> It checks the vulnerability of the app to hacking, authentication and authorization policies, data security, session management, and other security standards.<\/span><\/p>\n<p><span style=\"color: #333333;\"> <strong>Usability testing.\u00a0<\/strong>It is carried out from the early stages of app creation to verify if the app fulfills the established objectives and tasks\u00a0getting a good response from users.\u00a0As Joyce Lee, the representative of Human Factors Design at Apple mentions: &#8220;Usability answers the question, \u201cCan the user accomplish their goal?&#8221;<\/span><\/p>\n<h2><span style=\"color: #333333;\">Submitting \/ Release<\/span><\/h2>\n<p><span style=\"color: #333333;\">Finally, there comes the day when the app is alive and ready to be introduced to its users. In order to be submitted to the App Store, it needs to join the iOS developer program. Apple reserves the right to review and approve the app before it can go live. In any case, it is advisable to plan around a week or so to have the information reviewed and approved by Apple. If the app is used for commercial purposes, an additional step to submission via filling in short surveys will be included in the process and will need separate approval which is usually expected within a day. The process of an app release in the App Store takes a few steps, including configuring the code, creating a profile, creating a listing, then submitting it through Xcode for certification. It might involve a few fixes and re-submissions, so it is helpful for an iOS developer to know the ways and what to expect.<\/span><\/p>\n<p><span style=\"color: #333333;\">As you can see, the way, which a mobile application goes through, is quite complex and includes a variety of steps ensuring its functionality, beauty, and quality of performance. Don&#8217;t miss our next articles that will provide deeper insights into each of the stages as well as tools and tips for a better design and development process.<\/span><\/p>\n<h2>Useful Articles<\/h2>\n<p>Here&#8217;s a bunch of handy articles for those who want to dive deeper into mobile app design and development.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-ui-design-15-basic-types-of-screens\/\">Mobile UI Design: 15 Basic Types of Screens<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-typography-8-steps-toward-powerful-ui\/\">Mobile Typography: 8 Steps Toward Powerful UI<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-branding-tips-strategies-and-examples\/\">Mobile App Branding: Tips, Strategies, and Examples<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/color-matters-6-tips-on-choosing-ui-colors\/\">Color Matters. 6 Tips on Choosing UI Colors<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/7-tips-to-enhance-mobile-interactions\/\">7 Tips to Enhance Mobile Interactions<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">UX Design: How to Use Animations in Mobile Apps<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/how-to-make-your-app-icon-stand-out-design-tips\/\">How to Make Your App Icon Stand Out: Design Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/\">Small Elements, Big Impact: Types and Functions of UI Icons<\/a><\/p>\n<hr \/>\n<p><em>Welcome to review the step-by-step <a href=\"https:\/\/blog.tubikstudio.com\/6-creative-stages-of-branding-design-step-by-step-guide\/\">guide to brand design<\/a> and <a href=\"https:\/\/blog.tubikstudio.com\/step-by-step-guide-to-custom-promo-video-design\/\">guide to animated video production<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing<\/p>\n","protected":false},"author":3,"featured_media":7664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[144,467,160,468,233,469,256,479,258,482,318,483,319,485,323,487,324,488,325,489,331,491,335,493,432,502,16,457,557,100,463,114,465],"coauthors":[],"class_list":["post-2223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-design-services","tag-ui-design-practices","tag-developers","tag-ui-design-process","tag-human-computer-interaction","tag-ui-design-tips","tag-interaction-design","tag-usability","tag-interface-animation","tag-user-experience","tag-mobile","tag-user-experience-article","tag-mobile-app","tag-user-experience-design","tag-mobile-design-article","tag-user-experience-design-process","tag-mobile-design-inspiration","tag-user-experience-designers","tag-mobile-development","tag-user-experience-examples","tag-mobile-ui","tag-user-interface","tag-motion","tag-user-interface-design-process","tag-testing","tag-ux","tag-animation","tag-ui","tag-wireframing","tag-design","tag-ui-design-article","tag-design-education","tag-ui-design-examples"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Ultimate Guide to Creating a Mobile Application<\/title>\n<meta name=\"description\" content=\"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Ultimate Guide to Creating a Mobile Application\" \/>\n<meta property=\"og:description\" content=\"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-08T15:43:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-16T08:36:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1142\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/\",\"name\":\"The Ultimate Guide to Creating a Mobile Application\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg\",\"datePublished\":\"2016-11-08T15:43:32+00:00\",\"dateModified\":\"2023-08-16T08:36:01+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg\",\"width\":1600,\"height\":1142,\"caption\":\"toonie app time picker\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Ultimate Guide to Creating a Mobile Application\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Ultimate Guide to Creating a Mobile Application","description":"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.","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:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/","og_locale":"en_US","og_type":"article","og_title":"The Ultimate Guide to Creating a Mobile Application","og_description":"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.","og_url":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-11-08T15:43:32+00:00","article_modified_time":"2023-08-16T08:36:01+00:00","og_image":[{"width":1600,"height":1142,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/","url":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/","name":"The Ultimate Guide to Creating a Mobile Application","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg","datePublished":"2016-11-08T15:43:32+00:00","dateModified":"2023-08-16T08:36:01+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The article by Tubik team unveiling full set of stages included into the process of creating a mobile application: research, design, development and testing.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg","width":1600,"height":1142,"caption":"toonie app time picker"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/the-ultimate-guide-to-creating-a-mobile-application\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Ultimate Guide to Creating a Mobile Application"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=2223"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2223\/revisions"}],"predecessor-version":[{"id":14675,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2223\/revisions\/14675"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/7664"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=2223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=2223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=2223"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}