{"id":10107,"date":"2022-08-16T15:08:59","date_gmt":"2022-08-16T14:08:59","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=10107"},"modified":"2023-07-08T15:45:02","modified_gmt":"2023-07-08T14:45:02","slug":"design-options-for-the-down-scroll-arrow","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/","title":{"rendered":"Design options for the down scroll arrow\u00a0"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The down scroll arrow is a functional tool for any website with the purpose of allowing website users or potential customers and clients to scroll the page down to see the rest of the content. But while this is an important functional tool, many companies and businesses often overlook this. So how can you effectively design a down scroll arrow for maximum success?\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What are the effective design options for the down scroll arrow?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">There are a number of different and effective ways to design a down scroll arrow. These include:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Creating a down arrow button with a defined shape<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Using a stylized arrow design\u00a0<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Creating a down scroll arrow button with a defined shape<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">This is one way to draw attention to your down scroll arrow, by positioning the arrow within a shaped button. Whether circular, rectangular, or even square, the button shape can create defined space around the arrow drawing attention to the arrow itself. As a result, it&#8217;s important to create a button shape and style that complements the rest of your design and to make this look like part of the intended website design itself. This is especially true if you opt to position the down scroll arrow as part of the hero imagery content.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Using a stylized down scroll arrow design<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Aside from creating a button outline you can also create a very stylised arrow. This will stand alone instead of being positioned within a button outline. As a result you will need to consider:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong><em>The colour of the down scroll arrow-<\/em><\/strong> without a button outline you will need to ensure that the shape of the arrow is well defined on top of the background, so that this stands out. One of the factors that can help with this is the colour of the arrow. Using a contrasting colour can help to create visual contrast and allow the arrow to stand out from the page.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong><em>The style and design-<\/em><\/strong> creating a stylised design for the arrow allows this to be a feature of your website, but you may need to consider the style of the design so that this fits with the design of your website in general, and so that this becomes a feature of your website.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">What are the advantages of a well designed down scroll arrow?\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There are a number of benefits to choosing to create a stylish and effective down scroll arrow, which include:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong><em>Improving the micro interactions-<\/em> <\/strong>by improving the style of the down arrow, and positioning this centrally, the arrow can be more appealing for an improved micro interaction for your website users.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong><em>Improving the user experience-<\/em><\/strong> positioning a down scroll arrow clearly and effectively can help to improve the user experience by ensuring that they know that there is more content further down, and that they don&#8217;t miss out on important information.<\/span><\/li>\n<\/ul>\n<p>For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The down scroll arrow is a functional tool for any website with the purpose of allowing website users or potential customers and clients to scroll the page down to see the rest of the content. But while this is an important functional tool, many companies and businesses often overlook this. So how can you effectively [&#8230;]\n","protected":false},"author":2,"featured_media":1949,"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>Design options for the down scroll arrow\u00a0 - 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\/design-options-for-the-down-scroll-arrow\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design options for the down scroll arrow\u00a0 - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"The down scroll arrow is a functional tool for any website with the purpose of allowing website users or potential customers and clients to scroll the page down to see the rest of the content. But while this is an important functional tool, many companies and businesses often overlook this. So how can you effectively [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-16T14:08:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-08T14:45:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/student-849826_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\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\/design-options-for-the-down-scroll-arrow\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/\",\"name\":\"Design options for the down scroll arrow\u00a0 - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2022-08-16T14:08:59+00:00\",\"dateModified\":\"2023-07-08T14:45:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design options for the down scroll arrow\u00a0\"}]},{\"@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":"Design options for the down scroll arrow\u00a0 - 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\/design-options-for-the-down-scroll-arrow\/","og_locale":"en_GB","og_type":"article","og_title":"Design options for the down scroll arrow\u00a0 - Pumpkin Web Design Manchester","og_description":"The down scroll arrow is a functional tool for any website with the purpose of allowing website users or potential customers and clients to scroll the page down to see the rest of the content. But while this is an important functional tool, many companies and businesses often overlook this. So how can you effectively [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2022-08-16T14:08:59+00:00","article_modified_time":"2023-07-08T14:45:02+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/student-849826_1920.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\/design-options-for-the-down-scroll-arrow\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/","name":"Design options for the down scroll arrow\u00a0 - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2022-08-16T14:08:59+00:00","dateModified":"2023-07-08T14:45:02+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-options-for-the-down-scroll-arrow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Design options for the down scroll arrow\u00a0"}]},{"@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\/10107"}],"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=10107"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/10107\/revisions"}],"predecessor-version":[{"id":11744,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/10107\/revisions\/11744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/1949"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=10107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=10107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=10107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}