{"id":604,"date":"2016-02-01T17:25:09","date_gmt":"2016-02-01T22:25:09","guid":{"rendered":"http:\/\/hannahatkin.com\/blog\/?p=604"},"modified":"2016-02-01T17:25:09","modified_gmt":"2016-02-01T22:25:09","slug":"skeleton-screens","status":"publish","type":"post","link":"https:\/\/hannahatkin.com\/blog\/skeleton-screens\/","title":{"rendered":"Skeleton Screens"},"content":{"rendered":"<p><strong>Word:\u00a0<\/strong>Skeleton Screens<\/p>\n<p><strong>Definition:\u00a0<\/strong>A blank version of the page currently loading. Users generally see gray boxes where images will soon appear alongside gray lines denoting areas where text will load.<\/p>\n<p><strong>Thoughts:\u00a0<\/strong>This is a common user experience technique is used as a page load distraction device. It is a common alternative to the loading spinners, beachballs of death, and agonizing progress bars.<\/p>\n<p>By displaying skeleton content, it gives the user the illusion that things are happening immediately. When the user sees something, anything, appear on screen, she tends to be less impatient knowing\u00a0that her command has been heard and action is taking place.<\/p>\n<p><a data-rel=\"lightbox\" href=\"http:\/\/hannahatkin.com\/blog\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-01-at-4.41.11-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-605\" src=\"http:\/\/hannahatkin.com\/blog\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-01-at-4.41.11-PM.png\" alt=\"Screen Shot 2016-02-01 at 4.41.11 PM\" width=\"229\" height=\"395\" srcset=\"https:\/\/hannahatkin.com\/blog\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-01-at-4.41.11-PM.png 552w, https:\/\/hannahatkin.com\/blog\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-01-at-4.41.11-PM-174x300.png 174w\" sizes=\"auto, (max-width: 229px) 100vw, 229px\" \/><\/a><\/p>\n<p><strong>Reference:\u00a0<\/strong>I first came upon this term reading\u00a0<a href=\"http:\/\/www.lukew.com\/about\/\" target=\"_blank\">Luke Wroblewski<\/a>'s blog in reference to his mobile app <a href=\"https:\/\/itunes.apple.com\/app\/polar\/id563322683?ls=1&amp;mt=8\" target=\"_blank\">Polar<\/a>, which utilizes the technique.<\/p>\n<p>Skeleton screens can be seen all over the web and on mobile. Pay attention next time you're waiting for a Medium article to load or you're opening up your LinkedIn app.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Word:\u00a0Skeleton Screens Definition:\u00a0A blank version of the page currently loading. Users generally see gray boxes where images will soon appear alongside gray lines denoting areas where text will load. Thoughts:\u00a0This is a common user experience technique is used as a page load distraction device. It is a common alternative to the loading spinners, beachballs of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":607,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,11,23,112],"tags":[196,195,8,9],"class_list":["post-604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-psychology","category-terms","category-user-interface","category-users","tag-page-loading","tag-skeleton-screens","tag-user-experience","tag-ux"],"_links":{"self":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/604","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=604"}],"version-history":[{"count":2,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/604\/revisions"}],"predecessor-version":[{"id":608,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/posts\/604\/revisions\/608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/media\/607"}],"wp:attachment":[{"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/media?parent=604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/categories?post=604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hannahatkin.com\/blog\/wp-json\/wp\/v2\/tags?post=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}