{"id":391,"date":"2017-12-26T15:00:37","date_gmt":"2017-12-26T07:00:37","guid":{"rendered":"http:\/\/everestonlinemarketing.com\/blog\/?p=391"},"modified":"2019-11-25T21:48:58","modified_gmt":"2019-11-25T13:48:58","slug":"long-scrolling-website-mobile-friendly","status":"publish","type":"post","link":"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/","title":{"rendered":"How to Make Long-Scrolling Website Mobile-friendly"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #7ab700;color:#7ab700\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #7ab700;color:#7ab700\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/#Here_are_some_ways_on_how_you_can_make_long-scrolling_in_web_design_up_par_to_mobile_users_liking\" >Here are some ways on how you can make long-scrolling in web design up par to mobile users liking<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/#1_Make_it_simple\" >1. Make it simple<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/#2_Make_call_to_action_CTA_visible\" >2. Make call to action (CTA) visible<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/#3_Avoid_complicated_Scrolling\" >3. Avoid complicated Scrolling<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/everestonlinemarketing.com\/blog\/long-scrolling-website-mobile-friendly\/#4_Consider_popular_mobile_devices_standard_sizing_in_modeling_your_website\" >4. Consider popular mobile devices\u2019 standard sizing in modeling your website<\/a><\/li><\/ul><\/nav><\/div>\n<p><span style=\"font-weight: 400;\">Keeping in mind the overall functionality and accessibility without having to compromise the web design is essential in the digital age. As cliche, as it may sound, keeping your web design simple, will allow more users to engage to your website. However, with the advancement of technology in this day and age, more and more people are making use of their mobile devices to surf the web. This is why making your website mobile-friendly is essential in increasing online engagement. Unfortunately, the common use of long-scrolling in websites is not something a lot of mobile users appreciate. <\/span><\/p>\n<h3 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Here_are_some_ways_on_how_you_can_make_long-scrolling_in_web_design_up_par_to_mobile_users_liking\"><\/span><b>Here are some ways on how you can make long-scrolling in web design up par to mobile users liking<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Make_it_simple\"><\/span><strong>1. Make it simple<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Making a simpler version of your website for mobile devices is a step ahead in ensuring its accessibility. Mobile devices have limited spaces and removing parts for the mobile version from its original web design will allow mobile users to scroll through your website easier.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Make_call_to_action_CTA_visible\"><\/span><strong>2. Make call to action (CTA) visible<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Mobile users\u2019 first impression of your website is crucial in deciding whether they will continue scrolling or not. \u00a0It\u2019s important to provide all the necessary information and CTAs from the moment they open your website. However, putting too much of anything can be overwhelming to users. Make sure that users won&#8217;t see much irrelevant CTAs on their first scroll.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Avoid_complicated_Scrolling\"><\/span><strong>3. Avoid complicated Scrolling<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Having a decorative website with fancy scrolling might get mobile user\u2019 attention but it can also slow down the loading of your website&#8211;especially on mobile devices. This can be annoying for users, thus, should be avoided. <\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Consider_popular_mobile_devices_standard_sizing_in_modeling_your_website\"><\/span><strong>4. Consider popular mobile devices\u2019 standard sizing in modeling your website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There are no actual rules to follow in making your website mobile-friendly. It is, however, important to take note of the pattern by which your visitors browse your website. One good way to make your website accessible to mobile devices is by making it at best, three to five scrolls. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another thing you can consider is the standard sizes used by popular mobile devices. \u00a0For example, you can try including new models of iPhone and Samsung when considering the size appropriate to your website. The use of other Android devices can be a bit tricky since there are many brands to consider. You can try looking into the most popular smartphones available in the market. This will give you an idea of how you can make your website be more accessible to mobile devices users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Outsourcing your<a href=\"https:\/\/everestonlinemarketing.com\/web-and-graphic-design.html\"> web and graphic design<\/a> to <a href=\"https:\/\/everestonlinemarketing.com\/index.php\">Everest Online Marketing<\/a> is a cost-effective way to improve your website. Inquire now.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-402 aligncenter lazyload\" data-src=\"https:\/\/everestonlinemarketing.com\/blog\/wp-content\/uploads\/2017\/12\/mobile-friendly.jpg\" alt=\"\" width=\"546\" height=\"289\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 546px; --smush-placeholder-aspect-ratio: 546\/289;\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Keeping in mind the overall functionality and accessibility without having to compromise the web design is essential in the digital age. As cliche, as it may sound, keeping your web design simple, will allow more users to engage to your website. However, with the advancement of technology in this day and age, more and more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,10],"tags":[52,41],"class_list":["post-391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-web-designing","tag-web-design","tag-web-designing"],"_links":{"self":[{"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/posts\/391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/comments?post=391"}],"version-history":[{"count":9,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/posts\/391\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/posts\/391\/revisions\/553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/media\/401"}],"wp:attachment":[{"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/media?parent=391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/categories?post=391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/everestonlinemarketing.com\/blog\/wp-json\/wp\/v2\/tags?post=391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}