{"id":5211,"date":"2023-12-23T10:21:55","date_gmt":"2023-12-23T10:21:55","guid":{"rendered":"https:\/\/www.ronins.co.uk\/?post_type=content-hub&#038;p=5211"},"modified":"2025-04-25T13:09:20","modified_gmt":"2025-04-25T13:09:20","slug":"how-to-design-an-app","status":"publish","type":"content-hub","link":"https:\/\/www.ronins.co.uk\/hub\/how-to-design-an-app\/","title":{"rendered":"How To Design An App"},"content":{"rendered":"\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2><span class=\"ez-toc-section\" id=\"How_to_design_an_app_%E2%80%93_7_steps_to_success_Table_of_Contents\"><\/span>How to design an app? \u2013 7 steps to success<br><br>Table of Contents<span class=\"ez-toc-section-end\"><\/span><\/h2><nav><ul><li class=\"\"><a href=\"#introduction\">Introduction<\/a><\/li><li class=\"\"><a href=\"#understanding-user-needs-and-defining-app-goals\">Understanding User Needs and Defining App Goals<\/a><\/li><li class=\"\"><a href=\"#crafting-a-user-centric-experience\">Crafting a User-Centric Experience<\/a><\/li><li class=\"\"><a href=\"#designing-visual-elements\">Designing Visual Elements<\/a><\/li><li class=\"\"><a href=\"#enhancing-app-functionality\">Enhancing App Functionality<\/a><\/li><li class=\"\"><a href=\"#optimising-for-multiple-devices-and-platforms\">Optimising for Multiple Devices and Platforms<\/a><\/li><li class=\"\"><a href=\"#conducting-usability-testing-and-gathering-feedback\">Conducting Usability Testing and Gathering Feedback<\/a><\/li><li class=\"\"><a href=\"#embracing-the-iterative-design-process\">Embracing the Iterative Design Process<\/a><\/li><li class=\"\"><a href=\"#conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"tldr\">TLDR<\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">This guide emphasises a holistic, user-centric approach to app design, requiring continuous improvement and collaboration between designers and developers. It outlines key steps: <\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol class=\"wp-block-list\">\n<li><strong>Understand User Needs<\/strong>: Conduct market research to understand the audience and define clear app goals.<\/li>\n\n\n\n<li><strong>UI Design<\/strong>: Focus on creating a user-friendly interface using wireframes and prototypes.<\/li>\n\n\n\n<li><strong>UX Design<\/strong>: Employ user journey mapping to enhance the overall user experience.<\/li>\n\n\n\n<li><strong>Visual Elements<\/strong>: Select appropriate colours, typography, and imagery, ensuring a clear visual hierarchy.<\/li>\n\n\n\n<li><strong>Functionality<\/strong>: Balance aesthetics with functional efficiency in interaction design.<\/li>\n\n\n\n<li><strong>Optimisation for Devices<\/strong>: Ensure <a href=\"https:\/\/www.ronins.co.uk\/hub\/what-is-responsive-web-design\/\">responsive design<\/a> for various devices and platforms.<\/li>\n\n\n\n<li><strong>Usability Testing<\/strong>: Conduct testing and gather feedback for continuous improvement.<\/li>\n\n\n\n<li><strong>Iterative Process<\/strong>: Regularly analyse feedback, iterate design, and stay abreast of industry trends.<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"introduction\"><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"has-medium-font-size wp-block-paragraph\"><a href=\"https:\/\/www.ronins.co.uk\/hub\/does-my-business-need-a-mobile-app\/\">Mobile apps<\/a> have become integral to our daily lives, so knowing how to design an app that stands out from the competition and delivers an exceptional <a href=\"https:\/\/www.ronins.co.uk\/ux-design-agency\/\" data-type=\"page\" data-id=\"89\">user experience<\/a> is paramount.&nbsp;<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">From innovative startups to established enterprises, the success of an app hinges on its design. This comprehensive guide aims to demystify the app design process, providing insights, strategies, and best practices to create a successful mobile application.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Designing an <a href=\"https:\/\/www.ronins.co.uk\/hub\/how-to-build-a-mobile-app-requirements-document\/\">app requires<\/a> a holistic approach that considers functionality and user experience. It involves understanding your target audience, defining app goals, and translating those into visually appealing and intuitive interfaces. Every <a href=\"https:\/\/www.ronins.co.uk\/hub\/user-centric-web-design\/\">design decision should be driven by user-centric<\/a> principles, from crafting seamless navigation to choosing the right colours and typography.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Throughout this article, we delve into the various stages of app design. We explore user research, user interface (UI) design, user experience (UX) design, visual elements, cross-platform considerations, usability testing, and the iterative design process. By following these guidelines, you&#8217;ll be equipped with the knowledge and tools to create an app that not only meets the needs of your users but also engages and delights them.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Designing an app is collaborative, and <a href=\"https:\/\/www.ronins.co.uk\/hub\/an-effective-communication-plan\/\">effective communication<\/a> with your <a href=\"https:\/\/www.ronins.co.uk\/mobile-app-developers\/\" data-type=\"page\" data-id=\"2201\">mobile app developers<\/a> is crucial for translating design concepts into functional code. We&#8217;ll also explore the importance of collaboration between designers and app builders and how it contributes to the seamless integration of design and functionality.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">As with websites, app design is not a one-time endeavour. It&#8217;s an ongoing process that requires continuous improvement and adaptation based on user feedback and industry trends. By embracing an iterative approach, you can refine and enhance your app design to meet evolving user expectations and stay ahead of the competition.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">This <a href=\"https:\/\/www.ronins.co.uk\/hub\/guide-to-web-application-development\/\">guide<\/a> will equip you with the knowledge and practical insights to create a compelling and successful mobile application. So, let&#8217;s unlock the secrets to designing an app that users will love.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"understanding-user-needs-and-defining-app-goals\"><span class=\"ez-toc-section\" id=\"Understanding_User_Needs_and_Defining_App_Goals\"><\/span>Understanding User Needs and Defining App Goals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">In the early stages of app design, gaining a deep understanding of your target audience and their specific needs is crucial. Comprehensive market research will provide valuable insights into their demographics, behaviours, and preferences. With this knowledge, you can tailor your app to meet their expectations and deliver a user-centric experience.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Defining clear app goals is equally important. Consider what you aim to achieve with your application. Are you looking to provide a service, sell products, or engage users with entertaining content? By clarifying your objectives, you can align your design choices and make informed decisions throughout the process.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The success of your app lies in its ability to meet user needs effectively. By prioritising their requirements and aligning your goals accordingly, you will set a solid foundation for creating a compelling and successful mobile application. Let&#8217;s delve deeper into the design process to ensure your app design hits the mark.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"crafting-a-user-centric-experience\"><span class=\"ez-toc-section\" id=\"Crafting_a_User-Centric_Experience\"><\/span>Crafting a User-Centric Experience<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"737\" height=\"468\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/legal-one-app.png\" alt=\"how to design an app \u2013 mobile app ui design\" class=\"wp-image-3198\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/legal-one-app.png 737w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/legal-one-app-300x191.png 300w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"user-interface-ui-design\"><span class=\"ez-toc-section\" id=\"User_Interface_UI_Design\"><\/span>User Interface (UI) Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">When it comes to app design, a user-friendly and intuitive interface is critical to its success. Users must be able to navigate through your app effortlessly, finding what they need without confusion. Pay close attention to UI design principles that promote ease of use and visual appeal.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Utilising wireframing and prototyping tools can be a game-changer. They allow you to create a skeletal app framework, mapping out the various screens and interactions. This way, you can test and refine the user flow before diving into the visual design phase. We use <a href=\"http:\/\/figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a> as our app design tool, allowing us to incorporate a degree of UI animation into our prototypes.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"user-experience-ux-design\"><span class=\"ez-toc-section\" id=\"User_Experience_UX_Design\"><\/span>User Experience (UX) Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">User experience is the backbone of a successful app. To create a positive and engaging experience, you must consider the user&#8217;s journey from start to finish. How can you streamline their navigation? How can you optimise the information architecture to make it logical and intuitive?<\/p>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/journey-map.png\" alt=\"example user journey map\" class=\"wp-image-3197\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/journey-map.png 960w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/journey-map-300x169.png 300w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/journey-map-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption class=\"wp-element-caption\">Example user journey map \u2013 learn more about them at https:\/\/www.nngroup.com\/articles\/customer-journey-mapping\/<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Conducting <a href=\"https:\/\/xd.adobe.com\/ideas\/process\/user-research\/how-to-create-a-customer-journey-map\/\" target=\"_blank\" rel=\"noopener\">user journey mapping<\/a> helps you visualise the entire experience and identify pain points or areas of improvement. By empathising with your users and incorporating their feedback through usability testing, you can fine-tune your app&#8217;s UX and ensure a delightful experience for every user interaction.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Crafting a user-centric experience requires careful consideration of both UI design and UX. Striving for simplicity, clarity, and seamless interactions will provide your users with an intuitive and effortless app. Let&#8217;s explore how to design the visual elements that will make your app shine.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"designing-visual-elements\"><span class=\"ez-toc-section\" id=\"Designing_Visual_Elements\"><\/span>Designing Visual Elements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">In app design, visual elements play a crucial role in creating an appealing and cohesive user experience. The following are key considerations when it comes to designing the visual aspects of your app.<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol class=\"wp-block-list\">\n<li><strong>Colour Palette<\/strong><br>Selecting the right colours can evoke specific emotions and create a visual identity for your app. Be mindful of colour psychology and choose a palette that aligns with your app&#8217;s purpose and target audience. Strive for a harmonious balance that enhances usability and legibility while maintaining a visually pleasing aesthetic.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Typography&nbsp;<\/strong><br>Typography holds the power to convey information effectively and establish a distinct <a href=\"https:\/\/www.ronins.co.uk\/hub\/kapferer-brand-identity-prism\/\">brand identity<\/a>. Choose legible fonts across different devices and sizes while also reflecting the tone and personality of your app. Strike a balance between readability and visual appeal to ensure a comfortable reading experience for your users.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Imagery and Graphics<\/strong><br>Incorporating compelling imagery and graphics can elevate your app&#8217;s visual impact. Use high-quality visuals that are relevant to your app&#8217;s content and purpose. Illustrations, icons, and images should enhance usability, guide users, and create a visually engaging experience. Maintain consistency in style and ensure that graphics align with your overall app design.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>Visual Hierarchy<\/strong><br>Establishing a clear visual hierarchy helps users navigate and understand the content within your app. Use size, contrast, and positioning to prioritise key elements and guide users&#8217; attention. By presenting information in a logical and organised way, you enhance the overall user experience and make your app more intuitive to use.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The visual elements of your app should work in harmony to create a cohesive and visually appealing experience. A well-thought-out colour palette, typography that communicates effectively, carefully selected imagery and graphics, and a clear <a href=\"https:\/\/www.ronins.co.uk\/hub\/visual-hierarchy-principles-in-web-design\/\">visual hierarchy will contribute to a visually stunning app design<\/a>.&nbsp;<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"enhancing-app-functionality\"><span class=\"ez-toc-section\" id=\"Enhancing_App_Functionality\"><\/span>Enhancing App Functionality<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"interaction-design\"><span class=\"ez-toc-section\" id=\"Interaction_Design\"><\/span>Interaction Design<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">When designing an app, you must create intuitive and engaging user interactions. Thoughtful interaction design allows users to navigate your app seamlessly and perform actions effortlessly.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Consider the following:<br><\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol class=\"wp-block-list\">\n<li><strong>Interactive Elements<\/strong><br>Design buttons, gestures, and other interactive elements in a way that feels natural and intuitive for users. Keep them consistent throughout the app to establish familiarity and reduce confusion.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Transitions and Animations<\/strong><br>Smooth transitions and subtle animations can enhance the user experience by providing visual feedback and guiding users&#8217; attention. Use them judiciously to avoid overwhelming users or slowing down the app&#8217;s performance.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Balancing Aesthetics with Functionality<\/strong><br>Strive for a balance between visual appeal and functional efficiency. While aesthetics are crucial, ensure that your design choices don&#8217;t compromise your app&#8217;s usability or speed.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow-1024x339.png\" alt=\"mobile app user flow diagram\" class=\"wp-image-3203\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow-1024x339.png 1024w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow-300x99.png 300w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow-768x254.png 768w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow-1536x508.png 1536w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/App-User-Flow.png 1620w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">mobile app user flow diagram<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"information-design\"><span class=\"ez-toc-section\" id=\"Information_Design\"><\/span>Information Design<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Presenting information clearly and effectively is vital for a successful app. Consider the following principles to enhance information design:<br><\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol class=\"wp-block-list\">\n<li><strong>Organising Content and Data<\/strong><br>Structure your content in a logical and well-organised way, allowing users to access information quickly. Use categories, sections, or tabs to group related content, making it easier for users to find what they need.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Clear and Concise Communication<\/strong><br>Use concise and meaningful language to convey information within your app. Avoid jargon and prioritise clarity to ensure users can understand your app&#8217;s purpose, features, and instructions without confusion.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Visual Hierarchy<\/strong><br>Establish a visual hierarchy that guides users&#8217; attention and highlights important information. Use typography, colour, and layout to emphasise key elements and create a seamless flow of information.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">By enhancing app functionality through thoughtful interaction design and effective information presentation, you can create an app that looks great and offers a seamless and intuitive user experience.&nbsp;<\/p>\n<\/div>\n\n\n<section id=\"image-block_16741970c94a559fa9c042c117ab555e\" class=\"image  block block--image\">\n\t\t\t<div class=\"block__content image__content container \">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-12\">\n\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/app-store.jpg\" class=\" image__image  onview \" alt=\"apple app store\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/app-store.jpg 640w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/app-store-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"optimising-for-multiple-devices-and-platforms\"><span class=\"ez-toc-section\" id=\"Optimising_for_Multiple_Devices_and_Platforms\"><\/span>Optimising for Multiple Devices and Platforms<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">In today&#8217;s digital landscape, users access apps on various devices and platforms. To ensure a consistent and satisfying user experience, optimising your app design across different devices and platforms is essential. Let&#8217;s explore how to achieve this.<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol class=\"wp-block-list\">\n<li><strong>Responsive Design<\/strong><br>Responsive design allows your app to adapt seamlessly to different screen sizes and orientations. By employing flexible layouts, fluid grids, and media queries, you can ensure that your app displays and functions optimally on various devices, including smartphones, tablets, and desktops.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Tailoring for Different Platforms<\/strong><br>iOS and Android have their own design guidelines and user expectations. To provide a native experience, customise your app design to align with the platform&#8217;s specific conventions, navigation patterns, and interface elements. This helps users feel at home and promotes familiarity with your app. Understanding these guidelines is key to avoiding having your <a href=\"https:\/\/www.ronins.co.uk\/hub\/why-apps-get-rejected\/\">app rejected<\/a>.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Consistency and Brand Alignment<\/strong><br>Maintaining consistency throughout your app design is crucial. Ensure your brand identity, including colours, typography, and imagery, remains consistent across different devices and platforms. This creates a cohesive and recognisable experience that strengthens your brand presence.<\/li>\n<\/ol>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Optimising your app for multiple devices and platforms expands your potential user base and improves overall user satisfaction. By employing responsive design techniques, tailoring the experience to specific platforms, and maintaining brand consistency, you can deliver a seamless app experience regardless of the device or platform your users choose.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"conducting-usability-testing-and-gathering-feedback\"><span class=\"ez-toc-section\" id=\"Conducting_Usability_Testing_and_Gathering_Feedback\"><\/span>Conducting Usability Testing and Gathering Feedback<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">No app design process is complete without conducting usability testing and gathering feedback from real users. This step is crucial for identifying areas of improvement and making informed design decisions. Let&#8217;s explore how to conduct effective usability testing and gather valuable feedback.<\/p>\n<\/div>\n\n\n<section id=\"image-block_e6029caaa5c39b25076728860312836e\" class=\"image  block block--image\">\n\t\t\t<div class=\"block__content image__content container \">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-12\">\n\t\t\t\t<img decoding=\"async\" width=\"724\" height=\"482\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/usability-testing.jpg\" class=\" image__image  onview \" alt=\"conducting a usability testing session\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/usability-testing.jpg 724w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/06\/usability-testing-300x200.jpg 300w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"1-usability-testing\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Usability_Testing\"><\/span><strong>1<\/strong> \u2013 Usability Testing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Testing involves observing real users interacting with your app and evaluating its usability. Here are some key steps to follow:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Define Test Objectives:<\/strong> Clearly outline the goals and objectives of your usability test. Identify tasks or scenarios you want users to perform to evaluate your app&#8217;s usability.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Recruit Test Participants:<\/strong> Select a diverse group of participants representing your target audience. Aim for a mix of demographics, backgrounds, and skill levels to gather a well-rounded perspective.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Conduct the Test:<\/strong> Guide participants through the defined tasks while observing their interactions and collecting feedback. Encourage participants to think aloud, sharing their thoughts and experiences as they navigate the app.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Analyse Results:<\/strong> Analyse the data collected during usability testing to identify patterns, recurring issues, and areas of improvement. Use this insight to iterate and refine your app design.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"2-gathering-user-feedback\"><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Gathering_User_Feedback\"><\/span>2 \u2013 Gathering User Feedback<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Besides formal usability testing, actively seek user feedback throughout the <a href=\"https:\/\/www.ronins.co.uk\/mobile-app-developers\/\">app development<\/a> process. Consider the following methods:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Surveys and Questionnaires: <\/strong>Create surveys or questionnaires to gather structured feedback from your app&#8217;s users. Focus on specific aspects such as usability, satisfaction, or feature preferences.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>In-App Feedback:<\/strong> Incorporate an easy-to-use feedback mechanism within your app. Allow users to provide comments and suggestions or report issues directly within the app.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>App Store Reviews:<\/strong> Monitor app store reviews to gather insights from users&#8217; experiences. Please pay attention to common themes or concerns raised in the reviews and use them to guide your design decisions.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">You can gain invaluable insights into how real users interact with your app by conducting usability testing and gathering user feedback. This information empowers you to make data-driven design decisions and continuously improve your app based on their needs and preferences.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"embracing-the-iterative-design-process\"><span class=\"ez-toc-section\" id=\"Embracing_the_Iterative_Design_Process\"><\/span>Embracing the Iterative Design Process<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Designing an app is an iterative process that requires continuous improvement and refinement. By embracing this iterative approach, you can create a successful app that evolves with user needs and industry trends. Let&#8217;s delve into the key aspects of the iterative design process.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"1-analyse-and-evaluate\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Analyse_and_Evaluate\"><\/span>1 \u2013 Analyse and Evaluate<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Regularly analyse user feedback, usability test results, and performance metrics to identify areas of improvement. Evaluate how well your app meets user needs, achieves goals, and aligns with your initial design vision.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"2-iterate-and-refine\"><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Iterate_and_Refine\"><\/span>2 \u2013 Iterate and Refine<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Based on your analysis and evaluation, iterate and refine your app design. Implement changes, enhancements, and optimisations to address usability issues, enhance user experience, and align with emerging trends.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"3-test-and-validate\"><span class=\"ez-toc-section\" id=\"3_%E2%80%93_Test_and_Validate\"><\/span>3 \u2013 Test and Validate<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Conduct additional rounds of usability testing to validate the effectiveness of your design changes. Test new features, interactions, and design elements to ensure they meet user expectations and enhance the overall user experience.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"4-stay-up-to-date\"><span class=\"ez-toc-section\" id=\"4_%E2%80%93_Stay_Up-to-Date\"><\/span>4 \u2013 Stay Up-to-Date<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Stay abreast of industry trends, technological advancements, and user preferences. Regularly researching and exploring new design patterns, emerging technologies, and innovative approaches will ensure your app remains competitive and relevant.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The iterative design process is a continuous cycle of analysing, iterating, testing, and refining. By embracing this process, you can continuously enhance your app&#8217;s design, address user needs, and adapt to evolving market dynamics.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Designing an app requires a meticulous approach that prioritises user needs, aligns with app goals, and incorporates visually appealing and intuitive interfaces. By understanding your target audience, crafting a user-centric experience, designing compelling visual elements, optimising for different devices and platforms, gathering user feedback, and embracing an iterative design process, you can create an exceptional app that captivates and delights your users.<\/p>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2022\/11\/OG_Image_Home-1024x538.jpg\" alt=\"Cross platform app developers Surrey\" class=\"wp-image-1879\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2022\/11\/OG_Image_Home-1024x538.jpg 1024w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2022\/11\/OG_Image_Home-300x158.jpg 300w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2022\/11\/OG_Image_Home-768x403.jpg 768w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2022\/11\/OG_Image_Home.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"article-references\"><span class=\"ez-toc-section\" id=\"Article_references\"><\/span>Article references<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/xd.adobe.com\/ideas\/process\/user-research\/how-to-create-a-customer-journey-map\/\" target=\"_blank\" rel=\"noopener\">How to Create a Customer User Journey Map \u2013 Adobe<\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.nngroup.com\/articles\/customer-journey-mapping\/\" target=\"_blank\" rel=\"noopener\">When and How to Create Customer Journey Maps \u2013 NN Group<\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-research-in-ux-design\/\" target=\"_blank\" rel=\"noopener\">User Research in UX Design \u2013 UX Design Institute<\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/\" target=\"_blank\" rel=\"noopener\">An Introduction to the Design Iteration Process \u2013 UX Pin<\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\r\n<div id=\"author-info-block_af73dfa8fc0024a35011a778859260d0\" class=\"author-info  block block--author-info\">\r\n\t\t\t<div class=\"block__content author-info__content container container--post \">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-12 col-sm-7 author-info__image\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"306\" height=\"457\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel.png\" class=\"attachment-large size-large\" alt=\"jason bodell\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel.png 306w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel-201x300.png 201w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<div class=\"col-12 col-sm-5 author-info__description\">\r\n\t\t\t\t<div class=\"author-info__subtitle h6\">Article by<\/div>\r\n\t\t\t\t<div class=\"author-info__title h4\">Jason Bodell<\/div>\r\n\t\t\t\t<div class=\"author-info__text p-small\">Jason Bodell is Creative Director at Ronins, specialising in branding and digital design. He has over 20 years of experience spearheading projects that help clients communicate or improve processes through the blending of creativity and technology.<\/div>\r\n\t\t\t\t<a class=\"author-info__link btn btn--text btn--text--underline\" href=\"https:\/\/www.ronins.co.uk\/author\/jbodell\/\">\r\n\t\t\t\t\tMore about\t\t\t\t\tJason\t\t\t\t\t<svg class=\"svg_arrow_short\" width=\"7\" height=\"14\"><use xlink:href=\"#svg_arrow_short\" \/><\/svg>\t\t\t\t<\/a>\r\n\t\t\t\t<div class=\"author-info__buttons\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.jasonbodell.co.uk\/\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"Author page\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_home\" width=\"20\" height=\"20\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_home\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/twitter.com\/jason_bodell\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_twitter\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_twitter\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/jasonbodell\/\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_linkedin\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_linkedin\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>We delve into the various stages of how to design an app. A holistic approach that considers functionality and user experience.<\/p>\n","protected":false},"author":6,"featured_media":1695,"parent":0,"template":"","content-hub-category":[124,118],"class_list":["post-5211","content-hub","type-content-hub","status-publish","has-post-thumbnail","hentry","content-hub-category-mobile-app-user-experience","content-hub-category-mobile-apps"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub\/5211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub"}],"about":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/types\/content-hub"}],"author":[{"embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/users\/6"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/media\/1695"}],"wp:attachment":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/media?parent=5211"}],"wp:term":[{"taxonomy":"content-hub-category","embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub-category?post=5211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}