{"id":20341,"date":"2018-10-04T11:22:56","date_gmt":"2018-10-04T08:22:56","guid":{"rendered":"https:\/\/cognitiveseo.com\/blog\/?p=20341"},"modified":"2018-10-04T12:22:45","modified_gmt":"2018-10-04T09:22:45","slug":"mobile-app-vs-website","status":"publish","type":"post","link":"https:\/\/cognitiveseo.com\/blog\/20341\/mobile-app-vs-website\/","title":{"rendered":"Mobile Phone Apps vs Mobile Optimized Websites  &#8211; Who Wins the ROI Battle?"},"content":{"rendered":"<p>Who has the greater armor? Is it the Super Mobile App or the Mobile Spider Site?<\/p>\n<p>&nbsp;<\/p>\n<p>In today&#8217;s market, it is (almost) impossible to hang in there without a mobile-optimized website. It&#8217;s 2018, we are talking mobile. There&#8217;s no need of much research to find out that mobile has become extremely important. Just look around you; everybody&#8217;s looking in their phones.<\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-20383\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile_Apps_vs_Mobile_Websites_-_The_ROI_Battle-1024x512.jpg\" alt=\"Mobile Apps vs Mobile Websites The ROI Battle\" width=\"1024\" height=\"512\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile_Apps_vs_Mobile_Websites_-_The_ROI_Battle.jpg 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile_Apps_vs_Mobile_Websites_-_The_ROI_Battle-300x150.jpg 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile_Apps_vs_Mobile_Websites_-_The_ROI_Battle-768x384.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Considering the big influence mobile is having, Google has taken several actions to support white hat practices and mobile activity (but also to poke the practices that aren\u2019t up to date). Mobile first indexing is the new trending topic. We\u2019ll talk about that too, but what we\u2019re trying to discover is which one has better deliverability in terms of ROI and conversions: mobile phone app vs. mobile-optimized websites.<\/p>\n<p>&nbsp;<\/p>\n<ol class=\"summaryext\">\n<li><strong><a href=\"#1\">Where Does the Revenue Come From: Mobile App or Mobile Site?<\/a><\/strong><\/li>\n<li><strong><a href=\"#2\">Mobile App vs. Mobile Site: Advantages and Disadvantages<\/a><\/strong><\/li>\n<li><strong><a href=\"#3\">Great Examples and Tips for Using Mobile Apps in Your Business<\/a><\/strong><\/li>\n<li><strong><a href=\"#4\">Valuable Insights for Optimizing Your Website on Mobile<\/a><\/strong><\/li>\n<li><strong><a href=\"#5\">Does Mobile First Indexing Influence ROI?<\/a><\/strong><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>To understand the importance of mobile usages whatsoever, we\u2019ll have to take a peek at the studies. The insights you\u2019ll get are juicy! In 2017, a research made by<strong> <a href=\"https:\/\/www.stonetemple.com\/mobile-vs-desktop-usage-study\/\" target=\"_blank\" rel=\"nofollow\">Stone Temple<\/a><\/strong> showed that 63% of all traffic in the US was from mobile devices and only 23% was desktop traffic as you can see in the next screenshot. And that\u2019s not all, <a href=\"https:\/\/www.accenture.com\/us-en\/_acnmedia\/PDF-9\/Accenture-2016-Adaptive-Retail-Consumer-Research-Findings-UK.pdf\" target=\"_blank\" rel=\"nofollow\"><strong>30% of shoppers<\/strong><\/a> used smartphones more frequently to find what they wanted in 2016.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20342\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Total-traffic-on-mobile-vs-desktop.png\" alt=\"Total traffic on mobile vs desktop\" width=\"944\" height=\"763\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Total-traffic-on-mobile-vs-desktop.png 944w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Total-traffic-on-mobile-vs-desktop-300x242.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Total-traffic-on-mobile-vs-desktop-768x621.png 768w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/p>\n<div class='cgn-shortcode-anchor' id='1' style='height:50px'>&nbsp;<\/div>\n<h2><strong>1. Where Does the Revenue Come <\/strong>From:<strong> Mobile App or Mobile Site?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Before getting in the whole battle of who\u2019s better than who, we\u2019ve scooped the internet for some stats to understand the dimension of each side.<\/p>\n<p>&nbsp;<\/p>\n<p>In 2016, the global mobile app revenue was <a href=\"https:\/\/www.statista.com\/statistics\/269025\/worldwide-mobile-app-revenue-forecast\/\" target=\"_blank\" rel=\"nofollow\"><strong>$88 billion<\/strong><\/a> and it is expecting to rise to $189 billion in 2020. On the other hand, the global in-app purchases were 27.8 billion in 2016 compared with 32.9 billion in 2017.<\/p>\n<p>&nbsp;<\/p>\n<p>The tendency is experiencing a rapid growth in the mobile applications industry.<\/p>\n<p>&nbsp;<\/p>\n<p>Compared with mobile websites, we saw that the numbers were a bit smaller. By the end of 2017, over <a href=\"https:\/\/amasty.com\/blog\/global-e-commerce-trends-and-statistics-2017-2018\/\" target=\"_blank\" rel=\"nofollow\"><strong>two billion mobile phone or tablet users<\/strong><\/a> made some form of mobile commerce transaction. In the same year, only in the US, mobile eCommerce revenue accounted for <a href=\"https:\/\/www.sweor.com\/responsivewebdesign\" target=\"_blank\" rel=\"nofollow\"><strong>50% of total eCommerce revenue<\/strong><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>A decisional fact of these results comes from time spent in the app versus site. From 2016 to 2017, the time spent on mobile per day has increased by approximately seven minutes, reaching a total of <a href=\"https:\/\/clearbridgemobile.com\/mobile-app-vs-mobile-website-which-is-the-better-option\/\" target=\"_blank\" rel=\"nofollow\"><strong>3 hours and 15 minutes<\/strong><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>From the chart below, we can see that only in 2017, the time spent by mobile users was two minutes and the time spent by app users was almost 4x higher. An estimation for 2018 shows a slight increase.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-20344\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blog-Photo-MobileAppvsMobileWeb.jpg\" alt=\"Blog-Photo-MobileAppvsMobileWeb\" width=\"768\" height=\"830\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blog-Photo-MobileAppvsMobileWeb.jpg 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blog-Photo-MobileAppvsMobileWeb-278x300.jpg 278w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The online presence is overall higher on mobile-optimized websites than on mobile phone apps. And they are winning also at the purchasing capabilities. <a href=\"https:\/\/www.accenture.com\/us-en\/_acnmedia\/PDF-9\/Accenture-2016-Adaptive-Retail-Consumer-Research-Findings-UK.pdf\" target=\"_blank\" rel=\"nofollow\"><strong>83% of global retailers<\/strong><\/a> have mobile-optimized websites with purchase capabilities compared with 58% for mobile phone apps. The purchase capabilities from the study were the ability to check product availability online prior to going to the store or find information about stock availability, or the ability to order out of stock items via mobile phone.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_20345\" style=\"width: 808px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-20345\" class=\"wp-image-20345 size-full\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-app-vs-mobile-website-purchase-capabilities.png\" alt=\"mobile app vs mobile website purchase capabilities\" width=\"798\" height=\"577\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-app-vs-mobile-website-purchase-capabilities.png 798w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-app-vs-mobile-website-purchase-capabilities-300x217.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-app-vs-mobile-website-purchase-capabilities-768x555.png 768w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/><p id=\"caption-attachment-20345\" class=\"wp-caption-text\">Source: love.shopping.fm<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If we were to say, it appears that there is a strong battle between these two, but mobile phone apps might experience a higher opportunity to bring better ROI.<\/p>\n<div class='cgn-shortcode-anchor' id='2' style='height:50px'>&nbsp;<\/div>\n<h2><strong>2. Mobile App vs. Mobile Site: Advantages and Disadvantages<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>While native mobile apps might not be so relevant for all businesses, mobile-friendly websites are more important. But which is the best option? And what should you choose?<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #008000;\"><strong>Mobile Apps advantages:<\/strong><\/span><\/p>\n<ul>\n<li>Mobile phone apps generate <strong>a lot more revenue<\/strong> than mobile optimized websites;<\/li>\n<li><strong>Better user experience and personalization<\/strong>, which means more flexibility to have a user account and save preferences; they load faster, offer personalized information and have better accountability of their activity to make them accomplish a specific action and convert.<\/li>\n<li><strong>More control over the information<\/strong>, providing more features and maxing the most out of them;<\/li>\n<li><strong>Ease of use and convenience<\/strong>, since native apps are installed and you can access them so fast. Also, the design of mobile apps fits different screen sizes more elegantly than websites and are more fancy looking.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #993300;\"><strong>Mobile Apps disadvantages:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Different programming languages<\/strong>. It is a more complex development process which requires skills to account for different screen sizes across devices for lots of platforms and have a good mobile application in the end.<\/li>\n<li><strong>Different optimization for each operating system<\/strong> (Windows, iOS and Android). It requires great compatibility and it gets even more complicated for Android app development since there are many versions of Android currently out on the market. If it doesn\u2019t function well, the user could easily delete it and you can lose them forever.<\/li>\n<li><strong>Higher costs and higher maintenance<\/strong>: An app design for multiple operating systems and higher programming languages means higher costs and higher time to develop and correct the issues. A mobile app requires a \u201cpolish\u201d every once in a while because there might appear errors more frequently.<\/li>\n<li><strong>Harder to optimize for SEO<\/strong>. Since it&#8217;s created for mobile entirely and promoted through Google Play or Apple store, it&#8217;s harder to optimize it for search engines. This leads to almost no organic traffic.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #008000;\"><strong>Mobile sites advantages:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Simple development at lower costs.<\/strong> In contrast to native applications, mobile websites are cheaper because they don\u2019t require so much programming language to any different implementations due to the different types of the platforms and operating systems.<\/li>\n<li><strong>Broader Audience<\/strong>. Due to the high flexibility on multiple devices and no limitations on different types of screen either, it\u2019s easier to access a website from a broader perspective compared to a native app.<\/li>\n<li><strong>Higher flexibility on updates<\/strong>: Doesn\u2019t demand to the user to accept any changes (upgrades, updates or any of similar actions) like a mobile app requires from the user. The mobile site is more flexible on this matter. After the updates are implemented they appear live and can be very easy to access the info on site.<\/li>\n<li><strong>Mobile sites and responsive websites<\/strong> (they are 2 different things) have the possibility to generate traffic and even boost it.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Studies from iAcquire and SurveyMonkey showed that if your website pops up in a search engine query, and it isn\u2019t mobile friendly, 40% of online users will go back and choose a different result. Not to mention that Google is prioritizing responsive websites higher in query results since 2015 and Mobile first indexing is running. If you don\u2019t like higher results in Google, then I might understand the need to avoid mobile responsiveness.<\/p>\n<p>&nbsp;<\/p>\n<p>Offspring, a U.K.-based sneaker company, has adopted the responsive design and had a <a href=\"https:\/\/moz.com\/ugc\/case-study-heres-how-moving-to-responsive-design-website-helped-our-brand\" target=\"_blank\" rel=\"nofollow\"><strong>15.19% increase in mobile\/tablet conversion rates<\/strong><\/a>, plus a 102.58% increase in mobile\/tablet revenue year on year.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-20349\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Offspring-576x1024.jpg\" alt=\"Offspring\" width=\"450\" height=\"800\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Offspring-576x1024.jpg 576w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Offspring-169x300.jpg 169w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Offspring-768x1365.jpg 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Offspring.jpg 1080w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>On the same topic, Blazing Saddles, a business that offers cycling tours in New York City and San Francisco went responsive. And after their website was live,<a href=\"https:\/\/moz.com\/ugc\/case-study-heres-how-moving-to-responsive-design-website-helped-our-brand\" rel=\"nofollow\"><strong> the mobile and tablet traffic increased by 74%<\/strong><\/a> and all traffic to the site grew by more than 40%. Search engine optimization also helped the site stand out and attract more visitors.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-20350\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blazing-Saddles-576x1024.jpg\" alt=\"\" width=\"450\" height=\"800\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blazing-Saddles-576x1024.jpg 576w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blazing-Saddles-169x300.jpg 169w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blazing-Saddles-768x1365.jpg 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Blazing-Saddles.jpg 1080w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #993300;\"><strong>Mobile sites disadvantages:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Smaller compatibilit<\/strong>y: Even if you create a responsive website, you will still encounter issues on the different screen sizes because it will adapt differently to every screen resolution and you might not be able to find all the information and functionalities that are available.<\/li>\n<li><strong>Offline availabilit<\/strong>y. Comparing to a web app, the mobile sites can\u2019t be accessed without internet. It may work offline though cache, but the pages will have fewer functionalities and it won\u2019t be user-friendly at all.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Based on the whole pros and cons parade for mobile phone apps and mobile sites, it\u2019s up to you what choice you make. It depends on the needs you have and on those of your users. Try and see if a mobile app could help you achieve better ROI or better engagement, higher conversion, and sync them with the goals you\u2019ve established.<\/p>\n<p>&nbsp;<\/p>\n<p>You don\u2019t have to make that decision now, bear with us. There are some more insights to gain. Check the next points \ud83d\ude09 \u00a0<\/p>\n<div class='cgn-shortcode-anchor' id='3' style='height:50px'>&nbsp;<\/div>\n<h2><strong>3. Great Examples and Tips for Using Mobile Apps in Your Business<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>To create great mobile apps you should know when it&#8217;s the best time to do so. A mobile app would be very valuable:<\/p>\n<ul>\n<li>when you need to process complex actions and calculations.<\/li>\n<li>where you can create a user account and want to save credentials so you don\u2019t have to log in and log out everytime you want to check information in your account.<\/li>\n<li>when you want to run banking operations.<\/li>\n<li>for daily usage.<\/li>\n<li>for setting regular reminders.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>All the mobile apps developed require more advanced programming skills, that\u2019s why we thought about some <em><strong>tips for designing better mobile apps<\/strong><\/em>. We want to help you implement and make best performing apps if that\u2019s what you need.<\/p>\n<p>&nbsp;<\/p>\n<p>The first thing you should think about is <strong>placement and navigation<\/strong>. It is very important to have accessible navigation, placed in the same spot, never hide it or change its position because otherwise the visitors will be confused and leave.<\/p>\n<p>&nbsp;<\/p>\n<p>Below you can see an example of good navigation on mobile phones. You can access the menu form the left side, and see all the categories, without leaving the page you are on.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-20363\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile-navigation-.jpg\" alt=\"Mobile navigation\" width=\"406\" height=\"600\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile-navigation-.jpg 640w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Mobile-navigation--203x300.jpg 203w\" sizes=\"(max-width: 406px) 100vw, 406px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The second tip would be to <strong>optimize your application for multiple operating systems<\/strong>: Android, iOS and Windows. If your application does not address a particular segment of users that are affected by the previously mentioned, then you should make your app accessible for everybody. Otherwise, you might risk losing an important part of your future clients.<\/p>\n<p>&nbsp;<\/p>\n<p>If you take a look at the next screenshots from Shazam, both on Android and iOs, you can point out some differences. On the left side is the version for Android and on the right side the version for iOS.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-20364\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Shazam-android-and-ios.png\" alt=\"Shazam android and ios\" width=\"946\" height=\"800\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Shazam-android-and-ios.png 970w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Shazam-android-and-ios-300x254.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Shazam-android-and-ios-768x649.png 768w\" sizes=\"(max-width: 946px) 100vw, 946px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Also, make sure you <strong>optimize for different screen sizes<\/strong>. There are lots of screen sizes even for phones and designers should always try to keep UI elements constant for all the available screen sizes. Start with the smallest screen and then design the bigger spaces. Not to mention that with the new smartphones design these days, there appear other questions that pass the size issues. Take a look at the new phones with a notch.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-20366\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Smartphone-notch--1024x768.png\" alt=\"Smartphone notch\" width=\"1024\" height=\"768\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Smartphone-notch--1024x768.png 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Smartphone-notch--300x225.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Smartphone-notch--768x576.png 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Smartphone-notch-.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Make sure you have<strong> one task and one screen<\/strong>. It is very easy to lose our attention, so making the space on the screen as efficient as possible is a must. Try and design an easy way to follow the workflow. Don\u2019t overwhelm the visitors with lots of actions and buttons on each screen\/step of the application.<\/p>\n<p>&nbsp;<\/p>\n<p>Duolingo is a great example of easy UI. Each step is placed on a screen, you need to finish it to go to another mission. You have interactive cards, simple design, flat buttons without any flashy messages and notification popping on your screen. Everyone who is using the app to learn a new language understands the simplicity of it.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-20367\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Duolingo-1024x455.jpg\" alt=\"Duolingo\" width=\"1024\" height=\"455\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Duolingo-1024x455.jpg 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Duolingo-300x133.jpg 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Duolingo-768x341.jpg 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Duolingo.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Perform tests<\/strong> at different mobile internet speeds. It is better to have a faster and simpler app than a slower and more complex one. Make sure that your app works on slower connections too in order to ensure a good experience. Also, check and see what happens when the app loses the connection. Does any message appear or the does the image freeze?<\/p>\n<p>&nbsp;<\/p>\n<p>Another crucial tip when designing a mobile app is to <strong>use legible fonts<\/strong>. \u00a0A rule of thumb is to create text that is least 11 points so it\u2019s legible at a typical viewing distance without zooming.<\/p>\n<p>&nbsp;<\/p>\n<p>Medium has an amazing phone app that observes the font size and legibility very much, which is highly important especially for a blogging app.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-20368\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Medium-app--1024x606.png\" alt=\"Medium app\" width=\"1024\" height=\"606\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Medium-app--1024x606.png 1024w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Medium-app--300x178.png 300w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Medium-app--768x455.png 768w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/Medium-app-.png 1520w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>It is easy to look through the app, to write, read what you want and find stories that interest you. The size font and line spacing makes the text readable and not exhausting.<\/p>\n<div class='cgn-shortcode-anchor' id='4' style='height:50px'>&nbsp;<\/div>\n<h2><strong>4. Valuable Insights for Optimizing Your Website on Mobile <\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>When you decide to design a mobile website, the commitment to create the best website must be high. You need a plan that could help you along the way. To optimize your website on mobile you need to take into consideration the next insights:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Determine what content is essential to the user. Prioritize and put the most important content first;<\/li>\n<li>Keep only the relevant content. Since it is a small screen, you should keep on site only the information that is relevant.<\/li>\n<li>Make the information reachable with the thumb. Remember the thumb rule. Even if phones have a small screen, not all of it can be reached. Smartphone users use the thumb for scrolling, tapping and searching for information.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20369\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/small-screen-thumb.png\" alt=\"small-screen-thumb\" width=\"450\" height=\"520\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/small-screen-thumb.png 450w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/small-screen-thumb-260x300.png 260w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>For a more complex website let users navigate to additional layers of content. Add menu and a search bar to help them get to the desired information.<\/li>\n<li>Test your website to see if you have any errors and check the loading speed time to get some insights for improvements.<\/li>\n<li>Optimize your images and get rid of any additional space that is irrelevant.<\/li>\n<li>Make the actions on site effortless. Create options for online support, social share links, contact information, shopping cart features, click to call and so on.<\/li>\n<li>Make elements (button, text) on a reasonable size with adequate space between them. \u00a0<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>There are lots of other insights and tips that could help you get smarter decisions when you design a mobile website, but these are the most important ones. After you gathered all the information about smartphone apps and responsive design, what\u2019s your pick? If you haven\u2019t decided yet, don\u2019t take too much to think. Check out what Google did with the mobile first indexing and you\u2019ll understand my rush.<\/p>\n<div class='cgn-shortcode-anchor' id='5' style='height:50px'>&nbsp;<\/div>\n<h2><strong>5. Does Mobile First Indexing Influence ROI?<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Mobile first indexing was enabled in September 2018 when Google sent email notifications to all webmasters.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20375\" src=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-first-indexing-message.png\" alt=\"mobile first indexing message\" width=\"654\" height=\"576\" srcset=\"https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-first-indexing-message.png 654w, https:\/\/cognitiveseo.com\/blog\/wp-content\/uploads\/2018\/10\/mobile-first-indexing-message-300x264.png 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Mobile-first indexing means that Google will use the mobile version of the page for indexing and ranking.\u00a0 If you\u2019re not providing a mobile version, you might lose some ranking positions; no more high rankings, and decreased ROI. So, mobile first indexing can influence the course of ROI if you didn&#8217;t mobile optimized your website.<\/p>\n<p>&nbsp;<\/p>\n<p>We\u2019ve previously <a href=\"https:\/\/cognitiveseo.com\/blog\/18350\/mobile-first-index-mobile-seo\/\"><strong>talked about the mobile first indexing<\/strong><\/a> and even created a guideline to help webmasters in the process and make the shift to a more mobile-focused index less painful and as safe as possible.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>After seeing all the results, we can say with certainty that mobile e-commerce is growing faster than e-commerce in general. We found lots of benefits of mobile website and apps. There are lots of pros and cons for both categories, but if we were to consider the stats, mobile apps have a higher chance to bring ROI.<\/p>\n<p>&nbsp;<\/p>\n<p>In order to make an accurate and valid decision, you should look at your needs and goals. After that, you can see if you have the means to implement any additional design, either an application development or website development.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Who has the greater armor? Is it the Super Mobile App or the Mobile Spider Site? &nbsp; In today&#8217;s market, it is (almost) impossible to hang in there without a mobile-optimized website. It&#8217;s 2018, we are talking mobile. There&#8217;s no need of much research to find out that mobile has become extremely important. Just look [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":20383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-20341","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/20341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/comments?post=20341"}],"version-history":[{"count":0,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/posts\/20341\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media\/20383"}],"wp:attachment":[{"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/media?parent=20341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/categories?post=20341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cognitiveseo.com\/blog\/wp-json\/wp\/v2\/tags?post=20341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}