{"id":176,"date":"2016-03-11T14:00:33","date_gmt":"2016-03-11T14:00:33","guid":{"rendered":"http:\/\/kathleenstinson.com\/work\/?p=176"},"modified":"2022-09-08T00:25:31","modified_gmt":"2022-09-08T00:25:31","slug":"image-viewer-design","status":"publish","type":"post","link":"https:\/\/kathleenstinson.com\/work\/ux-web-design\/image-viewer-design\/","title":{"rendered":"Image Viewer Design"},"content":{"rendered":"\n<p>Competitive research, stakeholder requirements, and personas guided the design of the user interface&nbsp;and the display of newspaper content. Newspaper name, date, and location are displayed at the top of the viewer, above a tool bar showing the subscriber\u2019s search, along with tools for clipping, saving, printing, or sharing a page.&nbsp;Subscribers can use either the issue contents list at the top of the screen or the browse issue filmstrip at the bottom to navigate issues within a title.<\/p>\n\n\n<div class=\"wp-block-image wp-image-281 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"870\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents.jpg\" alt=\"Image Viewer Design \u2014 Issue Contents\" class=\"wp-image-281\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents.jpg 1014w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents-300x257.jpg 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents-768x659.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents-973x835.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-contents-508x436.jpg 508w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><figcaption>Issue Contents<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-283 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"870\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1.jpg\" alt=\"Image Viewer Design \u2014 Browse Filmstrip\" class=\"wp-image-283\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1.jpg 1014w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1-300x257.jpg 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1-768x659.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1-973x835.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-browse-1-508x436.jpg 508w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><figcaption>Browse Issues filmstrip<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-284 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"870\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping.jpg\" alt=\"Image Viewer Design \u2014 Clipping\" class=\"wp-image-284\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping.jpg 1014w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping-300x257.jpg 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping-768x659.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping-973x835.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-clipping-508x436.jpg 508w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><figcaption>Create and save a clipping<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-image-285 size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"870\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription.jpg\" alt=\"Image Viewer Design \u2014 Transcription with Dynamic Highlighting\" class=\"wp-image-285\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription.jpg 1014w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription-300x257.jpg 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription-768x659.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription-973x835.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/03\/imageviewer-transcription-508x436.jpg 508w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><figcaption>Text transcription with dynamic highlighting of search term<\/figcaption><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Competitive research, stakeholder requirements, and personas guided the design of the user interface&nbsp;and the display of newspaper content. Newspaper name, date, and location are displayed at the top&#8230;<\/p>\n","protected":false},"author":1,"featured_media":287,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[17],"class_list":["post-176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-web-design","tag-ui-design"],"_links":{"self":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/176","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=176"}],"version-history":[{"count":5,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":569,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/176\/revisions\/569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}