{"id":6347,"date":"2015-07-02T21:30:46","date_gmt":"2015-07-03T02:30:46","guid":{"rendered":"https:\/\/ilfusion.org\/dev\/staging\/?p=6347"},"modified":"2023-06-11T23:09:31","modified_gmt":"2023-06-12T04:09:31","slug":"lets-talk-about-the-fold","status":"publish","type":"post","link":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold","title":{"rendered":"Let’s talk about “The Fold”"},"content":{"rendered":"

We hear it a lot; client feedback that is focused on what content is and is not “above the fold”. To be perfectly honest, this old newspaper term can be a cause of frustration when it comes to good user experience (UX) design.<\/p>\n

If you’re reading this, chances are that you’re already familiar with the phrase, but just in case this is a new concept to you, your punishment is a Wikipedia article:<\/p>\n

https:\/\/en.wikipedia.org\/wiki\/Above_the_fold<\/a><\/p>\n

There are a couple of issues to discuss here, so let’s dig in.<\/p>\n

1. “The Fold” is a moving target.<\/h4>\n

Depending on screen resolution, device size and orientation, the amount of vertical space that is displayed in a web browser before any scrolling changes a lot.<\/p>\n

To illustrate this better, let’s look at a website on a laptop:<\/p>\n

\"website
\nThe same site on an iPhone:<\/p>\n

\"same
\nHow about a horizontally oriented iPhone?<\/p>\n

\"horizontally<\/p>\n

As you can see, “The Fold” is the epitome of a moving target.<\/p>\n

So if this ubiquitous term has such a loosey goosey definition, what good is it?<\/p>\n

2. The value of a first impression.<\/h4>\n

Clients often want high-level copy visible above the fold. This can be particularly challenging for a few reasons, not the least of which is putting an unrealistic limitation on a website layout.<\/p>\n

I’ve known many a talented designer that would like to see the “Above The Fold” term die a fiery death, but there is something to it. The problem is, that “something” is not what most people think.<\/p>\n

That \u201csomething\u201d is enticement: the motivation to engage with the site on more than a superficial \u201cAbove The Fold\u201d level. When described in these terms, this concept just makes sense. You can\u2019t fit the sum total of your brand or message on one computer screen, so why would you hobble that first impression by cramming every bit of content possible into it? You shouldn’t.<\/p>\n

Instead, the focus should be on presenting something worth exploring, incentivizing your visitor to discover who you are.<\/p>\n

Case in point: Billy Bob\u2019s Texas
\nwww.billybobstexas.com<\/a><\/p>\n

Billy Bob’s is a Texas institution. Generations of good-time folks have had a lot of fun in these hallowed halls.<\/p>\n

One of the delightful challenges in designing and building a site to suit this legendary honky tonk was that there’s a lot to it. Bull riding, dance lessons, shopping, eating, drinking, an arcade and more can be enjoyed here. How do you get all that across “Above The Fold”?<\/p>\n

The simple answer is that you don’t. As much as Billy Bob’s is a Texas Disney Land, it’s first and foremost a music venue. The vast majority of the returning visitors to the site (which constitute most of the site’s traffic) are interested in seeing which iconic music act is appearing there next. With that in mind, there is no screen size or device that isn’t teased by the next big show without scrolling. No way can users get it all “Above The Fold”, but they’re invited to explore, and they are rewarded for it.<\/p>\n

In summary:<\/h4>\n

Is “Above The Fold” a thing? Sort of, but only if you use it right.<\/p>\n

If you’d like to talk more about offering your website visitor incentive to engage with your brand or any other kind of marketing, give me a call on my cell at 817-586-5820, or email me at blake@ilfusion.com<\/a>. I love talking about this stuff.<\/p>\n","protected":false},"excerpt":{"rendered":"We hear it a lot; client feedback that is focused on what content is and is not “above the fold”. To be perfectly honest, this old newspaper term can be a cause of frustration when it comes to good user experience (UX) design. If you’re reading this, chances are that you’re already familiar with the… view more<\/a>","protected":false},"author":1,"featured_media":6349,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,261],"tags":[1250,1253,1252,188,1251],"class_list":["post-6347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","category-featured","tag-above-the-fold","tag-device-orientation","tag-device-size","tag-screen-resolution","tag-vertical-space"],"yoast_head":"\nLet's talk about "The Fold" - Ilfusion Creative<\/title>\n<meta name=\"description\" content=\"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Let's talk about "The Fold" - Ilfusion Creative\" \/>\n<meta property=\"og:description\" content=\"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold\" \/>\n<meta property=\"og:site_name\" content=\"Ilfusion Creative\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-03T02:30:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-12T04:09:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ilfusion Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ilfusion Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. 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:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold\",\"url\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold\",\"name\":\"Let's talk about \\\"The Fold\\\" - Ilfusion Creative\",\"isPartOf\":{\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg\",\"datePublished\":\"2015-07-03T02:30:46+00:00\",\"dateModified\":\"2023-06-12T04:09:31+00:00\",\"author\":{\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/9176c4ccbdc04e86e5fad2b67eb507dc\"},\"description\":\"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.\",\"breadcrumb\":{\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage\",\"url\":\"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg\",\"contentUrl\":\"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg\",\"width\":640,\"height\":426,\"caption\":\"above the fold\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ilfusion.org\/dev\/staging\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Let’s talk about “The Fold”\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/#website\",\"url\":\"https:\/\/ilfusion.org\/dev\/staging\/\",\"name\":\"Ilfusion Creative\",\"description\":\"Ilfusion Inc. is a full-service creative agency located in Fort Worth, TX with talents in web, design, video, social media and marketing consultation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ilfusion.org\/dev\/staging\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/9176c4ccbdc04e86e5fad2b67eb507dc\",\"name\":\"Ilfusion Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/85b548ae1e4caa7903640ec6fe2df6ac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/85b548ae1e4caa7903640ec6fe2df6ac?s=96&d=mm&r=g\",\"caption\":\"Ilfusion Team\"},\"url\":\"https:\/\/ilfusion.org\/dev\/staging\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Let's talk about \"The Fold\" - Ilfusion Creative","description":"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Let's talk about \"The Fold\" - Ilfusion Creative","og_description":"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.","og_url":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold","og_site_name":"Ilfusion Creative","article_published_time":"2015-07-03T02:30:46+00:00","article_modified_time":"2023-06-12T04:09:31+00:00","og_image":[{"width":640,"height":426,"url":"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg","type":"image\/jpeg"}],"author":"Ilfusion Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ilfusion Team","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold","url":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold","name":"Let's talk about \"The Fold\" - Ilfusion Creative","isPartOf":{"@id":"https:\/\/ilfusion.org\/dev\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage"},"image":{"@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage"},"thumbnailUrl":"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg","datePublished":"2015-07-03T02:30:46+00:00","dateModified":"2023-06-12T04:09:31+00:00","author":{"@id":"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/9176c4ccbdc04e86e5fad2b67eb507dc"},"description":"Is placing a content \u201cAbove The Fold\u201d a thing? Sort of, but only if you use it right. Read this article to know the things t consider.","breadcrumb":{"@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#primaryimage","url":"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg","contentUrl":"https:\/\/ilfusion.org\/dev\/staging\/wp-content\/uploads\/2015\/07\/above-the-fold.jpg","width":640,"height":426,"caption":"above the fold"},{"@type":"BreadcrumbList","@id":"https:\/\/ilfusion.org\/dev\/staging\/lets-talk-about-the-fold#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ilfusion.org\/dev\/staging\/"},{"@type":"ListItem","position":2,"name":"Let’s talk about “The Fold”"}]},{"@type":"WebSite","@id":"https:\/\/ilfusion.org\/dev\/staging\/#website","url":"https:\/\/ilfusion.org\/dev\/staging\/","name":"Ilfusion Creative","description":"Ilfusion Inc. is a full-service creative agency located in Fort Worth, TX with talents in web, design, video, social media and marketing consultation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ilfusion.org\/dev\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/9176c4ccbdc04e86e5fad2b67eb507dc","name":"Ilfusion Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ilfusion.org\/dev\/staging\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/85b548ae1e4caa7903640ec6fe2df6ac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/85b548ae1e4caa7903640ec6fe2df6ac?s=96&d=mm&r=g","caption":"Ilfusion Team"},"url":"https:\/\/ilfusion.org\/dev\/staging\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/posts\/6347"}],"collection":[{"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/comments?post=6347"}],"version-history":[{"count":11,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/posts\/6347\/revisions"}],"predecessor-version":[{"id":8842,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/posts\/6347\/revisions\/8842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/media\/6349"}],"wp:attachment":[{"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/media?parent=6347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/categories?post=6347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ilfusion.org\/dev\/staging\/wp-json\/wp\/v2\/tags?post=6347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}