{"id":474,"date":"2015-05-13T11:53:04","date_gmt":"2015-05-13T15:53:04","guid":{"rendered":"http:\/\/hannahatkin.com\/blog\/?p=474"},"modified":"2015-05-13T11:53:04","modified_gmt":"2015-05-13T15:53:04","slug":"gutenberg-diagram","status":"publish","type":"post","link":"https:\/\/hannahatkin.com\/blog\/gutenberg-diagram\/","title":{"rendered":"Gutenberg diagram"},"content":{"rendered":"<p><strong>Word:\u00a0<\/strong>Gutenberg diagram<\/p>\n<p><strong>Definition:\u00a0<\/strong>The path a human\u00a0eye typically takes (in Western cultures) as it skims a page, beginning from the top left and finishing in the bottom right. This focal pattern tends to pay less attention to the other corners of the page, particularly the bottom left corner. This pattern is sometimes referred to as a \"Z-pattern\".<\/p>\n<p><b>Thoughts:\u00a0<\/b>By understanding the Gutenberg diagram you can design better user experiences through effective page layouts. The z-pattern path articulated here is best utilized for eye movement over heavy text, evenly distributed and homogeneous information, and pages with a large amount of white space.<\/p>\n<p>It is important to understand how the human eye tracks information over various layouts in order to purposefully direct the user towards\u00a0specified content.<\/p>\n<p><strong>Question:\u00a0<\/strong>When would you consider the influences of the Gutenberg diagram \"z-pattern\" instead of\u00a0thinking about an \"<a href=\"http:\/\/hannahatkin.com\/blog\/f-pattern\/\" target=\"_blank\">f-pattern<\/a>\"?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Word:\u00a0Gutenberg diagram Definition:\u00a0The path a human\u00a0eye typically takes (in Western cultures) as it skims a page, beginning from the top left and finishing in the bottom right. This focal pattern tends to pay less attention to the other corners of the page, particularly the bottom left corner. This pattern is sometimes referred to as a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":478,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[130,95],"tags":[150,152,151,8,9,153],"class_list":["post-474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-patterns","category-visual-design","tag-gutenberg-diagram","tag-layout","tag-pattern","tag-user-experience","tag-ux","tag-z-pattern"],"_links":{"self":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/comments?post=474"}],"version-history":[{"count":4,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/474\/revisions"}],"predecessor-version":[{"id":479,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/474\/revisions\/479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/media\/478"}],"wp:attachment":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/media?parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/categories?post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/tags?post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}