{"id":198,"date":"2012-01-23T12:51:23","date_gmt":"2012-01-23T20:51:23","guid":{"rendered":"http:\/\/corythorpe.com\/site\/?p=198"},"modified":"2023-12-07T15:07:44","modified_gmt":"2023-12-07T23:07:44","slug":"browser-tab-re-design","status":"publish","type":"post","link":"https:\/\/corythorpe.com\/site\/browser-tab-re-design\/","title":{"rendered":"Browser Tab Re-design"},"content":{"rendered":"<p><strong>My Role:\u00a0<\/strong>User Experience Designer<br \/>\n<strong>Technologies Used:<\/strong>\u00a0Photoshop, Powerpoint, Prezi<br \/>\n<strong>Methodologies Used:<\/strong>\u00a0Contextual Interviews, Consolidated Sequence Model, Personas, Affinity Diagram, Prototypes<\/p>\n<p>Our group practiced modern Contextual Design principles to re-design the internet browser tab. For a detailed analysis of our work please download and refer to our Final Paper <a href=\"http:\/\/www.corythorpe.com\/Cory%20Thorpe%20-%20COGS102c%20Final%20Paper.pdf\">here<\/a> (52 pages)<\/p>\n<p><a href=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg.png\"><img decoding=\"async\" class=\"alignnone wp-image-212 size-full lazyload\" data-src=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg.png\" alt=\"\" width=\"3264\" height=\"2448\" data-srcset=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg.png 3264w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg-300x225.png 300w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg-768x576.png 768w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg-1024x768.png 1024w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg-400x300.png 400w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cconseqmodlg-210x158.png 210w\" data-sizes=\"(max-width: 3264px) 100vw, 3264px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 3264px; --smush-placeholder-aspect-ratio: 3264\/2448;\" \/><\/a><\/p>\n<p>We gathered the data which we based our designs off of utilizing Contextual Interviews with internet users. We took the interview data and created Consolidated Sequence Models to conceptualize the goals of the users by mapping their actions and searching for similarities. We analyzed the data looking for what it indicated these users needed and wanted from an internet browser experience. We then took the high-level goals of the users and created an Affinity Diagram. From the Affinity Diagram and Consolidated Sequence Models we were able to create Personas of typical internet users which eventually led to\u00a0three prototypes of ideas we believe would be useful to all of our persona users: Footpath, LightScroll and Toolbelt.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Footpath<\/span><\/strong>\u00a0is a fusion of bookmarking and website breadcrumbs. The URL bar sits above a real-time visual representation of the user&#8217;s recent browser navigation history. As the user navigates their path it updates with titles and screenshots (which appear upon mouseover). The user also has the option to &#8220;Bookmark This Path&#8221;, or &#8220;Start a Bew Path&#8221;.<\/p>\n<p><a href=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-213 lazyload\" data-src=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg.png\" alt=\"\" width=\"1920\" height=\"1080\" data-srcset=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg.png 1920w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg-300x169.png 300w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg-768x432.png 768w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg-1024x576.png 1024w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg-400x225.png 400w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102cfootpathlg-210x118.png 210w\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\" \/><\/a><\/p>\n<p><strong>LightScroll<\/strong> is a tool that helps users categorize results when they are searching for things. The user opens a &#8220;base&#8221; at the bottom of their screen where a mini-screenshot of each link&#8217;s page appears, accompanied by the title of that page.<\/p>\n<p><a href=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-214 lazyload\" data-src=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg.png\" alt=\"\" width=\"1920\" height=\"1080\" data-srcset=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg.png 1920w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg-300x169.png 300w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg-768x432.png 768w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg-1024x576.png 1024w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg-400x225.png 400w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102clightscrolllg-210x118.png 210w\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\" \/><\/a><\/p>\n<p><strong>Toolbelt<\/strong> provides a customizable (both spatially and functionally) interface that allows users easy, simultaneous access to both their browser and desirable utilities.<\/p>\n<p><a href=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-215 lazyload\" data-src=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg.png\" alt=\"\" width=\"1920\" height=\"1080\" data-srcset=\"https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg.png 1920w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg-300x169.png 300w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg-768x432.png 768w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg-1024x576.png 1024w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg-400x225.png 400w, https:\/\/corythorpe.com\/site\/wp-content\/uploads\/2012\/01\/102ctoolbeltlg-210x118.png 210w\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1080;\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My Role:\u00a0User Experience Designer Technologies Used:\u00a0Photoshop, Powerpoint, Prezi Methodologies Used:\u00a0Contextual Interviews, Consolidated Sequence Model, Personas, Affinity Diagram, Prototypes Our group practiced modern Contextual Design principles to re-design the internet browser tab. For a detailed analysis of our work please download and refer to our Final Paper here (52 pages) We gathered the data which we &hellip; <\/p>\n","protected":false},"author":1,"featured_media":209,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,5],"tags":[],"class_list":["post-198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all-work","category-product-design"],"_links":{"self":[{"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/posts\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":0,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/posts\/198\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/media\/209"}],"wp:attachment":[{"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/media?parent=198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/categories?post=198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/corythorpe.com\/site\/wp-json\/wp\/v2\/tags?post=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}