{"id":7891,"date":"2018-05-11T10:59:03","date_gmt":"2018-05-11T09:59:03","guid":{"rendered":"http:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/?p=7891"},"modified":"2021-06-08T10:56:37","modified_gmt":"2021-06-08T08:56:37","slug":"f-pattern","status":"publish","type":"post","link":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/","title":{"rendered":"F-Pattern in UX"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Users want to be efficient, so they almost never read the whole page. We have already written an article about <\/span><span style=\"font-weight: 400;\">banner blindness<\/span><span style=\"font-weight: 400;\">, which means that people are often skipping everything what looks like a banner. In fact, users are said to read the pages in a way, which creates the letter F.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How do we even know? There are many studies using so called eyetracking, where the users\u2019 eyes are monitored to see which parts of the page are the most looked at.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of the studies<\/span><span style=\"font-weight: 400;\"> was concluded on more than 200 real users. Almost every one of them acted the same \u2013 starting from the top, reading the line. They repeat this action a few times and after a few lines they begin to read only a few words on the page. Try to imagine the map of this movement and there you go \u2013 it is an F-Pattern.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The same behaviour occurs when using <\/span><a href=\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/mobile-application-development\/\"><span style=\"font-weight: 400;\">mobile apps<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">web<\/span><span style=\"font-weight: 400;\">, even though the screen is much smaller. These facts do not neccessarily mean that every user is the same a they does the same \u2013 it is just a very common thing, not a rule.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For businesses this behavioural pattern can be crucial. This is where a great <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\"> plays its role. With a good one, this whole F-Pattern thing can be prevented. <\/span><span style=\"font-weight: 400;\">The most significant mistake, which leads to users scanning a page in F-shaped patterns, is the lack of subheadings or bullet points.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For webdesign and app design it is important not to forget to structure the content on the screen. Even a small thing, such as a word in bold can make a big difference, because it attracts a lot of attention. As a result, it makes no sense to put CTA (call to action) buttons on the right side of your <a href=\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/web-development\/\">website<\/a>. These buttons won\u2019t even be seen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Long articles are not the most favourite ones among users as well. People read around 3 \u2013 4 \u00a0lines after each heading and then simply skip the rest and continue below. Also, while the attention is slowly disappearing as the text continues, the most important piece of information should be included within the first two paragraphs of each page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The easiest thing to do is, of course, cutting content, which is not relevant or gives users zero information.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It may seem that building a page can be hard. Well, it is a challenge, but our masterminds in <\/span><a href=\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/\"><span style=\"font-weight: 400;\">WASH & CUT HAIR SALOON LIMITED<\/span><\/a><span style=\"font-weight: 400;\"> are not afraid of anything (except the dark&#8230;and spiders), so feel free to put all the work on our heads.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Users want to be efficient, so they almost never read the whole page. We have already written an article about banner blindness, which means that people are often skipping everything what looks like a banner. In fact, users are said to read the pages in a way, which creates the letter F.<\/p>\n","protected":false},"author":5,"featured_media":7984,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog<\/title>\n<meta name=\"description\" content=\"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog\" \/>\n<meta property=\"og:description\" content=\"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\" \/>\n<meta property=\"og:site_name\" content=\"WASH & CUT HAIR SALOON LIMITED blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-11T09:59:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-08T08:56:37+00:00\" \/>\n<meta name=\"author\" content=\"Dominik Bura\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dominik Bura\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\"},\"author\":{\"name\":\"Dominik Bura\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/98ee4f71ad64dc5b1514e8306d0c8544\"},\"headline\":\"F-Pattern in UX\",\"datePublished\":\"2018-05-11T09:59:03+00:00\",\"dateModified\":\"2021-06-08T08:56:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\"},\"wordCount\":429,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization\"},\"articleSection\":[\"Design\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\",\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\",\"name\":\"F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog\",\"isPartOf\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#website\"},\"datePublished\":\"2018-05-11T09:59:03+00:00\",\"dateModified\":\"2021-06-08T08:56:37+00:00\",\"description\":\"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.\",\"breadcrumb\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"F-Pattern in UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#website\",\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/\",\"name\":\"WASH & CUT HAIR SALOON LIMITED blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization\",\"name\":\"WASH & CUT HAIR SALOON LIMITED\",\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2021\/09\/logo_pixelfield.png\",\"contentUrl\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2021\/09\/logo_pixelfield.png\",\"width\":600,\"height\":600,\"caption\":\"WASH & CUT HAIR SALOON LIMITED\"},\"image\":{\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/98ee4f71ad64dc5b1514e8306d0c8544\",\"name\":\"Dominik Bura\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2019\/06\/dominik-150x150.jpg\",\"contentUrl\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2019\/06\/dominik-150x150.jpg\",\"caption\":\"Dominik Bura\"},\"url\":\"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/author\/dominik\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog","description":"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.","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:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/","og_locale":"en_GB","og_type":"article","og_title":"F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog","og_description":"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.","og_url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/","og_site_name":"WASH & CUT HAIR SALOON LIMITED blog","article_published_time":"2018-05-11T09:59:03+00:00","article_modified_time":"2021-06-08T08:56:37+00:00","author":"Dominik Bura","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dominik Bura","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#article","isPartOf":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/"},"author":{"name":"Dominik Bura","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/98ee4f71ad64dc5b1514e8306d0c8544"},"headline":"F-Pattern in UX","datePublished":"2018-05-11T09:59:03+00:00","dateModified":"2021-06-08T08:56:37+00:00","mainEntityOfPage":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/"},"wordCount":429,"commentCount":0,"publisher":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization"},"articleSection":["Design"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/","url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/","name":"F-Pattern in UX - WASH & CUT HAIR SALOON LIMITED blog","isPartOf":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#website"},"datePublished":"2018-05-11T09:59:03+00:00","dateModified":"2021-06-08T08:56:37+00:00","description":"Users are said to read the pages in a way, which creates the letter F.How do we even know? You can find more in this article.","breadcrumb":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/f-pattern\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"F-Pattern in UX"}]},{"@type":"WebSite","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#website","url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/","name":"WASH & CUT HAIR SALOON LIMITED blog","description":"","publisher":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#organization","name":"WASH & CUT HAIR SALOON LIMITED","url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2021\/09\/logo_pixelfield.png","contentUrl":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2021\/09\/logo_pixelfield.png","width":600,"height":600,"caption":"WASH & CUT HAIR SALOON LIMITED"},"image":{"@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/98ee4f71ad64dc5b1514e8306d0c8544","name":"Dominik Bura","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/#\/schema\/person\/image\/","url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2019\/06\/dominik-150x150.jpg","contentUrl":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-content\/uploads\/2019\/06\/dominik-150x150.jpg","caption":"Dominik Bura"},"url":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/author\/dominik\/"}]}},"_links":{"self":[{"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/posts\/7891"}],"collection":[{"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=7891"}],"version-history":[{"count":6,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/posts\/7891\/revisions"}],"predecessor-version":[{"id":8641,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/posts\/7891\/revisions\/8641"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=7891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=7891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/WASH & CUT HAIR SALOON LIMITED.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=7891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}