{"id":5194,"date":"2022-05-11T11:37:50","date_gmt":"2022-05-11T10:37:50","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=5194"},"modified":"2023-07-11T12:36:08","modified_gmt":"2023-07-11T11:36:08","slug":"considerations-for-horizontal-scrolling-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/","title":{"rendered":"Effective design options for horizontal scrolling in web design"},"content":{"rendered":"<p>Here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester,<\/a> we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/why-is-font-style-so-important-in-web-design\/\">web design<\/a> professionals. We work with a variety of companies across Manchester, and the North West, including those in <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-chorley\/\">Chorley<\/a>, to provide high quality web design solutions. As a result, we have produced this guide to everything you should know about horizontal scrolling in web design.<\/p>\n<h2>What are the most effective design options for horizontal scrolling in web design?<\/h2>\n<p>Horizontal scrolling might be something that many mobile users are used to, but this is not applied in web design very frequently at all. As a result, it is essential that you get this right, for the best possible results. If your website users become frustrated or bored because of the horizontal scrolling experience, they are more likely to simply leave your website completely. To prevent this, you should consider a number of important and different design options and considerations, including:<\/p>\n<ul>\n<li><strong><em>Using clear visual cues that make it obvious that the user should scroll horizontally-<\/em><\/strong> If your website user reaches your landing page, and scrolls down to see no further content, and no indication that there is more content to see if you swipe sideways, they are highly likely to think that your website is instead unfinished, and simply leave. However, with clear visual cues, the intention will be obvious, and your website users will be able to use the content intuitively. This will improve the user experience significantly, and help prevent a high bounce rate.<\/li>\n<li><strong><em>Using buttons-<\/em><\/strong> adding interactive elements, such as buttons and arrows allows website users to have more control over the flow of the page, and the movement. This can be a great way to ensure a positive user experience, as users always feel more positive when they are not stuck waiting for content to change, and can instead speed this process up themselves.<\/li>\n<li><strong><em>The type of content to show-<\/em><\/strong> choose carefully the type of content that will be shown through horizontal scrolling. Any form of text that requires scrolling is generally a bad idea as this can lead to your potential customers or clients needing to scroll backwards and forwards to complete reading the sentences, which is something they will not be inclined to persevere with. However, image content, with small text chunks, can be a perfect choice, and this can allow you to display more content on screen, without taking up the whole of the page.<\/li>\n<li><strong><em>Responsive web design-<\/em><\/strong> your website will need to be responsive, and have a great quality for mobile users as well as desktop users. In practice, this means that your horizontal scrolling features will need to responsive too. This means not using any hover effects that wont work for mobile users, and ensuring that the sizing of each content type is suitable for the screen size. All buttons will need to be effective, and text will need to be resized appropriately too.<\/li>\n<\/ul>\n<p>For more information or for professional web design support, get in touch with the team today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design professionals. We work with a variety of companies across Manchester, and the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide high quality web design solutions. As a result, we have produced this guide to everything you should know about horizontal scrolling in web [&#8230;]\n","protected":false},"author":2,"featured_media":2014,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design professionals. We work with a variety of companies across Manchester, and the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide high quality web design solutions. As a result, we have produced this guide to everything you should know about horizontal scrolling in web [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-11T10:37:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-11T11:36:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/03\/SEO-Manchster-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/\",\"name\":\"Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2022-05-11T10:37:50+00:00\",\"dateModified\":\"2023-07-11T11:36:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effective design options for horizontal scrolling in web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design professionals. We work with a variety of companies across Manchester, and the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide high quality web design solutions. As a result, we have produced this guide to everything you should know about horizontal scrolling in web [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2022-05-11T10:37:50+00:00","article_modified_time":"2023-07-11T11:36:08+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/03\/SEO-Manchster-4.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/","name":"Effective design options for horizontal scrolling in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2022-05-11T10:37:50+00:00","dateModified":"2023-07-11T11:36:08+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-horizontal-scrolling-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Effective design options for horizontal scrolling in web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5194"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=5194"}],"version-history":[{"count":4,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5194\/revisions"}],"predecessor-version":[{"id":11854,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5194\/revisions\/11854"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2014"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=5194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=5194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=5194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}