{"id":431,"date":"2017-08-03T22:13:35","date_gmt":"2017-08-03T22:13:35","guid":{"rendered":"http:\/\/kathleenstinson.com\/work\/?p=431"},"modified":"2022-09-07T23:50:42","modified_gmt":"2022-09-07T23:50:42","slug":"image-viewer-design-update","status":"publish","type":"post","link":"https:\/\/kathleenstinson.com\/work\/ux-web-design\/image-viewer-design-update\/","title":{"rendered":"Image Viewer Design Update"},"content":{"rendered":"\n<p>An update of the <a href=\"https:\/\/kathleenstinson.com\/work\/web-ui-design\/image-viewer-design\/\">original Image Viewer design<\/a> to tie in with the new visual design updates to Search Results.<\/p>\n\n\n<div class=\"wp-block-image wp-image-434 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1265\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents.png\" alt=\"Image Viewer Design Update \u2014 Issue Contents\" class=\"wp-image-434\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents.png 1440w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents-300x264.png 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents-768x675.png 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents-1024x900.png 1024w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents-973x855.png 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-3-Issue_Contents-508x446.png 508w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><figcaption>Issue Contents<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-432 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1265\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind.png\" alt=\"Image Viewer Design Update \u2014 Newspaper Display Full Page View\" class=\"wp-image-432\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind.png 1440w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind-300x264.png 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind-768x675.png 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind-1024x900.png 1024w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind-973x855.png 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-1-Minimized-EmptyFind-508x446.png 508w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><figcaption>Newspaper minimized \u2014 full page view<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-433 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1265\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized.png\" alt=\"Image Viewer Design Update \u2014 Newspaper Display Zoomed with Dynamic Highlighting of Search Term\" class=\"wp-image-433\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized.png 1440w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized-300x264.png 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized-768x675.png 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized-1024x900.png 1024w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized-973x855.png 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-2-Maximized-508x446.png 508w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><figcaption>Zoomed in article view with dynamic highlighting of the search term<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-435 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1265\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States.png\" alt=\"Image Viewer Design Update \u2014 Tooltip Hover\" class=\"wp-image-435\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States.png 1440w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States-300x264.png 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States-768x675.png 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States-1024x900.png 1024w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States-973x855.png 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2018\/12\/ImageViewer-4-Toolbar_States-508x446.png 508w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><figcaption>Tooltip hover state<\/figcaption><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>An update of the original Image Viewer design to tie in with the new visual design updates to Search Results.<\/p>\n","protected":false},"author":1,"featured_media":433,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-web-design"],"_links":{"self":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":5,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/431\/revisions\/543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media\/433"}],"wp:attachment":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}