{"id":721,"date":"2019-06-07T17:16:37","date_gmt":"2019-06-07T11:46:37","guid":{"rendered":"https:\/\/www.hestabit.com\/blog\/?p=721"},"modified":"2021-10-14T13:21:48","modified_gmt":"2021-10-14T07:51:48","slug":"redesigning-an-app-what-you-need-to-do","status":"publish","type":"post","link":"https:\/\/www.hestabit.com\/blog\/redesigning-an-app-what-you-need-to-do\/","title":{"rendered":"Redesigning An App? What You Need To Do?"},"content":{"rendered":"<p>\u201cI redesigned my app, but conversions and sales dipped big time\u201d<\/p>\n<p><span style=\"font-weight: 400;\">If you belong to the community of product developers and designers, you may hear the above phrase once in a while. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You may hear the following as well. <\/span><\/p>\n<p><strong>\u201cThe new design was contemporary, minimalistic and highly responsive, yet the retention rate dropped.\u201d \u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">There are some popular instances when redesigning didn\u2019t go well, and businesses were damaged significantly. But people keep on treading the same path without learning from their mistakes. They rely heavily on &#8220;Gut Feel&#8221;, or have a fondness for textbook stuff like &#8220;Best Practices&#8221;, or get carried away by &#8220;Trends&#8221; in the market. <\/span><\/p>\n<blockquote><p>Redesigning should be based on reason and logic, catering to a genuine shift in users\u2019 perception.<\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Change is the only constant. The market changes, and so does users, and so does their perception. That said, you can\u2019t change the DNA of your product. You can\u2019t change the very fundamentals on which it\u2019s based. Though you can play with its <a href=\"https:\/\/www.hestabit.com\/blog\/improve-your-customer-experience-using-analytics\/\">UI to enrich the user experience<\/a>. You can redesign the platform.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you can establish a data-driven process and define KPIs related to your design, then redesigning can fetch you increased conversions and more happy users. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But there is a flip side too. At times redesigns hit the wrong note, leading to a plummeting conversion rate and confused users. This is nothing but a magnet for negative reviews. Even the big players meet redesigning failures, the most recent being Snapchat. We will come to it later. \u00a0<\/span><\/p>\n<h2>So why does redesigning miss the mark at times? <span style=\"font-weight: 400;\">\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When you redesign a product visually or functionally, you disrupt users&#8217; habit of using the product in a certain way. You disrupt the way they remember a product. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, if you change the way users access the settings page on your app, you are disrupting a habit. Users who were seamlessly using the app will now struggle to find that page. This will make them feel challenged. It\u2019s almost like a microaggression, which designers must avoid at all costs.<\/span><\/p>\n<h2>Let\u2019s take the case of Snapchat<\/h2>\n<p><span style=\"font-weight: 400;\">Prior to the redesigning, users would swipe left to view stories and swipe right to chat with friends. They would swipe left from the main camera screen to view stories of their friends. Stories that were promoted appeared alongside their friends\u2019 stories. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Post redesigning, friends\u2019 stories were clubbed with the chat section and promoted stories got an exclusive page. The idea was to make it easier for publishers to promote paid content, by giving them a separate space. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Needless to say, it backfired, as Snapchat\u2019s average rating dropped from<strong> 3.1 stars to 2.4.<\/strong><\/span><\/p>\n<h2>So what went wrong?<\/h2>\n<p><span style=\"font-weight: 400;\">First of all, it hampered the habituation of users, without really adding genuine comfort. More importantly, users didn\u2019t pay much heed to the paid stories, as now they were placed separately. \u00a0<\/span><\/p>\n<p><strong>As a result, the user count dropped by 2% and Ad views went down by 36%. <\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Naturally, Snapchat had to roll back the changes. <\/span><\/p>\n<h2>Smart redesigns can work wonders though<\/h2>\n<p><span style=\"font-weight: 400;\">It\u2019s always a double edge sword when you think about redesigning. You don\u2019t want to redesign a product to an extent that it changes the very DNA of the product. At the same time, you can\u2019t play it safe and stick to the same design, or you will face the risk of phasing out, becoming irrelevant. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The trick is to make subtle changes that are lightweight, and if not progressive then at least bearable for users. For instance, you may bypass flashy animations or gestures, to provide simpler substitutes to users. <\/span><\/p>\n<h2><b>Let\u2019s look at some of the successful cases of redesigning <\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Netflix redesigned its interface in 2011 and named it <strong>\u2018Density\u2019<\/strong>. The idea was to give users a denser and <a href=\"https:\/\/www.hestabit.com\/blog\/audience-personalization-how-netflix-does-it\/\">personalized experience<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Originally there were four titles in a row which users could see. There was a \u2018Play\u2019 button and star rating under each title\u2019s thumbnail. There was a lot of whitespaces, which wasn\u2019t an intelligent use of the screen, as per Netflix\u2019s team. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The UI was redesigned into scrollable rows with title thumbnails. The \u2018Play\u2019 button and the star rating were removed from the default view, and users could hover to thumbnails. A\/B testing was done for both versions, on a small set of new and existing members. <\/span><\/p>\n<p><strong>The retention in the new version jumped from 20 to 55 basis points, and engagement jumped from 30 to 140 basis points.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Another classic case is that of Wacom, that targets two mutually exclusive customer base, namely the creative professionals, and the general public interested in basic tools.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Their challenge was to create a UI that catered to both sets of users. The previous version was very cluttered, so to better distinguish product-content from company-content, they literally divided the site into two sides, for consumers and corporate. <\/span>The new version of the site increased the overall traffic by 300%.<\/p>\n<h2>There are some lessons to be learned<\/h2>\n<h4><strong>1. Effective redesigns are not always about aesthetic appeal. <\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Redesigning just for the sake of spectacular visuals, seldom produces fruitful results. It\u2019s important to keep upgrading and refining the design language of your site, to keep your <a href=\"https:\/\/www.hestabit.com\/blog\/brand-building\/\">brand value<\/a> and customers intact, but blindly implementing design trends without laying due emphasis on relevancy, is bound to invite failures. \u00a0<\/span><\/p>\n<h4>2. The Key Is To Focus On Micro Conversions<\/h4>\n<p><span style=\"font-weight: 400;\">Micro conversions usually take a back seat, as focus majorly remains on the big numbers, like the number of times the <a href=\"https:\/\/www.hestabit.com\/hybrid-app-development\">app<\/a> was installed, the number of users who signed up, or the sales generated. <\/span><\/p>\n<h2><strong>What are Micro conversions?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">They are like checkpoints in the conversion funnel, that eventually lead to the end goal or macro conversion. They are actually the low hanging fruits, and people fail to realize that. The number of users availing the search feature, or changing their profile pictures, or confirming their phone numbers, they all can come under the umbrella of micro conversions. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ideally, micro-conversions should have their own set of goals. Tracking such goals can help you simplify the complexities in your redesigned platform, and of course the user journey. \u00a0<\/span><\/p>\n<p><strong>Pertinent questions can be asked in this regard, like: <\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Is there a dip in one of the micro-conversion metrics? <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Are you having difficulty to find the new search bar?<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Is the new layout or color scheme camouflaging the call-to-action?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Redesigning is a process, not a destination. That\u2019s the bottom line. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You need to tick all the checkboxes, and with changing trends, different checkboxes will keep on adding to the process. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cI redesigned my app, but conversions and sales dipped big time\u201d If you belong to the community of product developers and designers, you may hear the above phrase once in a while. \u00a0 You may hear the following as well. \u201cThe new design was contemporary, minimalistic and highly responsive, yet the retention rate dropped.\u201d \u00a0 There are some popular instances when redesigning didn\u2019t go well, and businesses were damaged significantly. But people keep on treading the same path without learning from their mistakes. They rely heavily on &#8220;Gut Feel&#8221;, or have a fondness for textbook stuff like &#8220;Best Practices&#8221;, or get carried away by &#8220;Trends&#8221; in the market. Redesigning should be based on reason and logic, catering to a genuine shift in users\u2019 perception. Change is the only constant. The market changes, and so does users, and so does their perception. That said, you can\u2019t change the DNA of your product. You can\u2019t change the very fundamentals on which it\u2019s based. Though you can play with its UI to enrich the user experience. You can redesign the platform. If you can establish a data-driven process and define KPIs related to your design, then redesigning can fetch you increased conversions and<a href=\"https:\/\/www.hestabit.com\/blog\/redesigning-an-app-what-you-need-to-do\/\" class=\"more_link more_link_dots\"> &hellip; <\/a><\/p>\n","protected":false},"author":3,"featured_media":1257,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"gallery","meta":{"footnotes":""},"categories":[47,427,16],"tags":[429,431,430,17,428],"yst_prominent_words":[240,228,238,236,234,120,231,223,239,226,230,172,225,491,227,229,235,233,224,232],"class_list":["post-721","post","type-post","status-publish","format-gallery","has-post-thumbnail","hentry","category-startup","category-web-design","category-website-development","tag-apps","tag-redesign","tag-resdesigning","tag-website-development","tag-wen-design","post_format-post-format-gallery"],"_links":{"self":[{"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/posts\/721"}],"collection":[{"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/comments?post=721"}],"version-history":[{"count":15,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/posts\/721\/revisions"}],"predecessor-version":[{"id":2613,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/posts\/721\/revisions\/2613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/media\/1257"}],"wp:attachment":[{"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/media?parent=721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/categories?post=721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/tags?post=721"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.hestabit.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}