{"id":798,"date":"2014-04-14T18:56:00","date_gmt":"2014-04-15T01:56:00","guid":{"rendered":"http:\/\/edwinli.com\/ux-v1-archive\/?page_id=798"},"modified":"2015-03-04T12:26:39","modified_gmt":"2015-03-04T20:26:39","slug":"redbeacon-design-challenge","status":"publish","type":"page","link":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/","title":{"rendered":"RedBeacon Design Challenge"},"content":{"rendered":"<h1 class=\"hidden\">RedBeacon Design Challenge<\/h1>\n<p class=\"summary\"><span class=\"inlineFieldLabel\">Note:<\/span> This is my response to a design challenge from applying for an interaction design position at Redbeacon.com. While ultimately not a fit, discussions with their hiring manager show show me to be a better fit for a &#8220;user experience designer&#8221; role in their organization than an &#8220;interaction designer,&#8221; with the latter closer to screen details and coding for them. I publish my response to showcase my mindset and design process.<\/p>\n<div class=\"lateralLinks\"><a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcee68d89a522132067114\/preview\/53bcf235c2ecede10acf5edc\">Web Prototype: Start Project by Typing<\/a> <span class=\"hidden\">|&nbsp;<a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcf3e5d89a52213206718e\/preview\/53bcf4d7e90017ca22b663aa\">Web Prototype: Start Project by Taking a Picture<\/a>\u00a0<\/span>|&nbsp;<a href=\"http:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/2\/2014\/03\/RedBeacon-Design-Challenge-Write-up-v0-assembled.pdf\">Download the write-up [pdf]<\/a> |&nbsp;<a href=\"http:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/2\/2014\/03\/RedBeacon-Home-Improvement-app-v0-clickable-prototype.pdf\">Download the clickable prototype [pdf]<\/a><\/div>\n<h2>Overview<\/h2>\n<p>In pursuing a job opportunity to help RedBeacon take its services and apps beyond the point solution that it is, I submitted a design in response to the design challenge part of their application process. My design expands the app from a point solution to solicit service professionals for a single project to a home improvement project notebook, helping users keep track of their projects and the things that inspire them.<\/p>\n<h2>The Design Challenge<\/h2>\n<h3>Challenge Requirements<\/h3>\n<ul>\n<li>Cap time to 4-6 hours<\/li>\n<li>Review on web:\u00a0http:\/\/www.redbeacon.com\/my-home<\/li>\n<li>Download either our android or iphone app to get a baseline for our utility UI<\/li>\n<\/ul>\n<h3>Background story<\/h3>\n<p>A new user, unfamiliar with Redbeacon, hears about a new helpful home improvement app and downloads it from the Android or iPhone store. They open the app, go through the welcome tour, and then land on a dashboard page that should be both engaging and delightful.<\/p>\n<h3>Goal<\/h3>\n<p>Create a new user flow starting from this landing on the dashboard that captures users\u2019 home improvement intentions and inspiration.<\/p>\n<h3>Keys<\/h3>\n<ul>\n<li>Include a lightweight interaction allowing for rapid-fire project entry<\/li>\n<li>Project entry can include custom entries or a selection from recommendations<\/li>\n<li>Offer (not require) an option to request a service deliverables<\/li>\n<li>Short presentation or write up of your process<\/li>\n<li>Lo-fi sketches or wireframes<\/li>\n<li>Interactive prototype built with method of your choosing<\/li>\n<\/ul>\n<h2>Current System(s) Summary Description and Evaluation<\/h2>\n<p>The current app seems a very focused application. Users are given the opportunity to describe a project, prompted to provide certain information, then provided with a submit button to submit the project as a request.<\/p>\n\n\t\t<style>\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-1' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb01v01-img_6069\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB01v01-IMG_6069-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-876\" data-attachment-id=\"876\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb01v01-img_6069\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB01v01-IMG_6069.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB01v01 -IMG_6069\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Initial app screen on first load.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB01v01-IMG_6069.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-876'>\n\t\t\t\tInitial app screen on first load.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb02v01-img_6068\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB02v01-IMG_6068-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"877\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb02v01-img_6068\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB02v01-IMG_6068.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB02v01 -IMG_6068\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB02v01-IMG_6068.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb03v01-img_6070\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB03v01-IMG_6070-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"878\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb03v01-img_6070\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB03v01-IMG_6070.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB03v01 -IMG_6070\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB03v01-IMG_6070.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb04v01-img_6071\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB04v01-IMG_6071-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-879\" data-attachment-id=\"879\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb04v01-img_6071\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB04v01-IMG_6071.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB04v01 -IMG_6071\" data-image-description=\"&lt;p&gt;It was about on this screen in the process that I noticed that red rectangle on the bottom. I couldn&amp;#8217;t interact with it, and it was right against the bottom of the screen, where I had assumed it was a footer, but one that had somehow had a drawing glitch so that it didn&amp;#8217;t go across the entire bottom. I checked, and I couldn&amp;#8217;t interact with it, so I ruled out the possibility that it was a scroll bar&amp;#8230;&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;What is that red bar on the bottom? A scroll bar? A graphic glitch?&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB04v01-IMG_6071.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-879'>\n\t\t\t\tWhat is that red bar on the bottom? A scroll bar? A graphic glitch?\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb05v01-img_6072\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB05v01-IMG_6072-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"880\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb05v01-img_6072\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB05v01-IMG_6072.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB05v01 -IMG_6072\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB05v01-IMG_6072.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb06v01-img_6073\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB06v01-IMG_6073-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"881\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb06v01-img_6073\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB06v01-IMG_6073.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB06v01 -IMG_6073\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB06v01-IMG_6073.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb07v01-img_6075\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB07v01-IMG_6075-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"882\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb07v01-img_6075\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB07v01-IMG_6075.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB07v01 -IMG_6075\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB07v01-IMG_6075.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb08v01-img_6076\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB08v01-IMG_6076-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"883\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb08v01-img_6076\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB08v01-IMG_6076.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB08v01 -IMG_6076\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB08v01-IMG_6076.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb09v01-img_6077\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB09v01-IMG_6077-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"884\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb09v01-img_6077\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB09v01-IMG_6077.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB09v01 -IMG_6077\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB09v01-IMG_6077.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb10v01-img_6078\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB10v01-IMG_6078-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"885\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb10v01-img_6078\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB10v01-IMG_6078.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB10v01 -IMG_6078\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB10v01-IMG_6078.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb11v01-img_6125\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB11v01-IMG_6125-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-896\" data-attachment-id=\"896\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb11v01-img_6125\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB11v01-IMG_6125.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB11v01 -IMG_6125\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Users can take pictures to add to the service request.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB11v01-IMG_6125.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-896'>\n\t\t\t\tUsers can take pictures to add to the service request.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb12v01-img_6080\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB12v01-IMG_6080-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-886\" data-attachment-id=\"886\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb12v01-img_6080\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB12v01-IMG_6080.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB12v01 -IMG_6080\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Users can add more than one attachment.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB12v01-IMG_6080.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-886'>\n\t\t\t\tUsers can add more than one attachment.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb13v01-img_6081\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB13v01-IMG_6081-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"872\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb13v01-img_6081\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB13v01-IMG_6081.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB13v01 -IMG_6081\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB13v01-IMG_6081.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb14v01-img_6082\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB14v01-IMG_6082-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-attachment-id=\"873\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb14v01-img_6082\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB14v01-IMG_6082.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB14v01 -IMG_6082\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB14v01-IMG_6082.png\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb15v01-6083\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB15v01-6083-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-888\" data-attachment-id=\"888\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb15v01-6083\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB15v01-6083.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB15v01 &amp;#8211; 6083\" data-image-description=\"&lt;p&gt;As a user myself, I was confused because I thought each question was a separate screen. This question resulted in a massive mental model or frame shift for me in understanding what the app was doing, going from a screen by screen to a single long page with sections that the app had been scrolling or jumping me along.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Scroll up?&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB15v01-6083.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-888'>\n\t\t\t\tScroll up?\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/rb16v01-img_6084\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB16v01-IMG_6084-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-875\" data-attachment-id=\"875\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/rb16v01-img_6084\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB16v01-IMG_6084.png\" data-orig-size=\"640,960\" data-comments-opened=\"0\" data-image-title=\"RB16v01 -IMG_6084\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Scrolling up reveals the different sections of a single long &amp;#8220;page,&amp;#8221; sections that I had thought were separate pages. Maybe a right side scroll bar would have helped orient me as a user, but scroll bars are non-standard in iOS apps.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RB16v01-IMG_6084.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-875'>\n\t\t\t\tScrolling up reveals the different sections of a single long &#8220;page,&#8221; sections that I had thought were separate pages. Maybe a right side scroll bar would have helped orient me as a user, but scroll bars are non-standard in iOS apps.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<h3>Overall<\/h3>\n<p><span class=\"inlineFieldLabel\">Impression:<\/span> The app feels very ballistic. Once you start, you can\u2019t stop, and once you get to the end, the only option you have is to submit the project to RedBeacon and request service professionals. Filling out the app\u2019s information prompts could take less than five minutes\u2026but how often are users five minutes away from a decision to hire a professional?<\/p>\n<p>This is the reason that the app feels like a point solution. The app only serves the function of collecting required information and sending it out. Users\u2019 home improvement lifecycles involve a lot more than that, including lots of procrastination, considering doing it themselves, considering hiring professionals, collecting ideas by, for instance, browsing through a Home Depot.<\/p>\n<p>To grow usefully beyond that point solution, I believe that the app will need to support more of these other activities and timescales.<\/p>\n<h3>Project Screen<\/h3>\n<p>Users fill out the necessary information by following a guided interview about their projects, once it has has been identified as a particular type of project. These questions and answers build a project screen with each question as a section. There is an unlabeled status bar at the bottom reporting the progress of the user through the project definition process.<\/p>\n<p>The problems here are:<\/p>\n<ol>\n<li>Users don\u2019t know that bar on the bottom is a progress bar.<\/li>\n<li>Users don\u2019t know that all their answers info is on one long \u201cpage\u201d.<\/li>\n<li>Users don\u2019t know what information they\u2019ll need.<\/li>\n<li>Users don\u2019t know how to edit prior answers until they get to the bottom and click the X button to close or cancel the project.<\/li>\n<\/ol>\n<h2>Process Steps Represented in This Design Challenge<\/h2>\n<p>This document represents a snapshot of the state of the described RedBeacon design challenge in terms of the process outlined above and how it got there.<\/p>\n<ol>\n<li><span class=\"inlineFieldLabel\">User research.<\/span> While self-observation and introspection can often be suspect as a source of research, as a focused design challenge, I could only go on the information in the challenge and what I felt was likely true of the apps\u2019 users. I was careful to note my own reactions to the app. In addition, observations with regard to social networking phenomena such as Pinterest point to people\u2019s tendency to keep track of things as ideas, suggesting that people may collect ideas and solutions as they wander the world and maybe a Home Depot with their smartphones and other smart devices.<\/li>\n<li><span class=\"inlineFieldLabel\">Market research.<\/span> Knowing from my phone conversation with the RedBeacon hiring manager that one of the directions that RedBeacon is considering is growing their service and app beyond being a point solution.<\/li>\n<li><span class=\"inlineFieldLabel\">Digesting the Data.<\/span> I used the last two steps\u2019 worth of input to create a set of Essential Use Cases to catalog the set of functionality that I felt a new user would be interested in and to understand their relationship with each other. In doing this, I went beyond what the app currently does to try to address how the app could support more of the life cycle of activity around users\u2019 home improvement project needs. <span class=\"inlineFieldLabel\">Artifacts:<\/span> Essential use cases, content model, navigation model<\/li>\n<li><span class=\"inlineFieldLabel\">Design.<\/span> Where the rubber meets the road. <span class=\"inlineFieldLabel\">Artifacts:<\/span> content models, navigation models, sketches, Balsamiq mockups.<\/li>\n<\/ol>\n<h2>Documents and Artifacts From My UX Design Process<\/h2>\n<ul>\n<li><a href=\" http:\/\/edwinli.com\/ux-v1-archive\/essential-use-cases-redbeacon-design-challenge\/\">Essential use cases<\/a><\/li>\n<li>Content model sketch\n\t\t<style>\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-2' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-content-model\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-2-808\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"808\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-content-model\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"0\" data-image-title=\"RedBeacon design v0 &amp;#8211; content model\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Content model, envisioning what information and interactivity should be on which screens. Here, focused on the home screen.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-808'>\n\t\t\t\tContent model, envisioning what information and interactivity should be on which screens. Here, focused on the home screen.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<\/li>\n<li>Navigation Model sketch\n\t\t<style>\n\t\t\t#gallery-3 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-3 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-3' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v-0-navigation-model\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-807\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"807\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v-0-navigation-model\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"0\" data-image-title=\"RedBeacon design v-0 navigation model\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Navigation model, showing workflows and how they might entail and traverse different screens.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-807'>\n\t\t\t\tNavigation model, showing workflows and how they might entail and traverse different screens.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<\/li>\n<li>Design sketches of key screens:\n<ul>\n<li>Home screen and project detail screen\n\t\t<style>\n\t\t\t#gallery-4 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-4 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-4' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-home-screen-and-project-detail-page\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-4-809\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"809\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-home-screen-and-project-detail-page\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"1\" data-image-title=\"RedBeacon design v0 &amp;#8211; home screen and project detail page\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Sketch of the home screen and project detail screen&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-4-809'>\n\t\t\t\tSketch of the home screen and project detail screen\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/redbeacon-home-improvement-app-v0-clickable-prototype\/\" rel=\"attachment wp-att-811\">Clickable prototype (pdf)<\/a>, created with and exported from Balsamiq Mockups<\/li>\n<li>In-browser interactive prototypes, created and hosted via PopApp using images exported from Balsamiq Mockups [Added 7\/9\/2014]:\n<ul>\n<li>A redesigned feature: <a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcee68d89a522132067114\/preview\/53bcf235c2ecede10acf5edc\">Starting a project by typing a name and entering data<\/a><\/li>\n<li>The new feature: <a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcf3e5d89a52213206718e\/preview\/53bcf4d7e90017ca22b663aa\">Start a project by taking a picture<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Digesting the Data, and The Beginnings of Design<\/h2>\n<p>Essential use cases are a way to capture and describe an interaction between a system and a user in a way that is abstracted from any commitment to particular implementation details. They are, in essence, a representation of that interaction that free designers from surface constraints of the current design, allowing room for alternative design and implementation inspirations while keeping the key elements of the interaction in mind. I first came across them in the book, Software For Use, by Larry L. Constantine and Lucy A. D. Lockwood (from Amazon: <a href=\"http:\/\/www.amazon.com\/gp\/product\/0321773721\/ref=as_li_ss_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0321773721&amp;linkCode=as2&amp;tag=edliuxcogl05-20\">paperback version<\/a>, <a href=\"http:\/\/www.amazon.com\/gp\/product\/B001EWOG7Q\/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B001EWOG7Q&amp;linkCode=as2&amp;tag=edliuxcogl05-20\">Kindle version<\/a>).<\/p>\n<p>Moving from introspection, conversations with the RedBeacon hiring manager, exploration and heuristic evaluation of the current-state app, I created an initial set of essential use cases to model the activity that I felt a redesigned and expanded app should support.<\/p>\n<p>For the brevity of the current page, I have included them on a separate page:<\/p>\n<ul>\n<li><a href=\" http:\/\/edwinli.com\/ux-v1-archive\/essential-use-cases-redbeacon-design-challenge\/\">Essential Use Cases<\/a><\/li>\n<\/ul>\n<h2>Design<\/h2>\n<p><span class=\"inlineFieldLabel\">Artifacts for this section:<\/span> content model sketches, navigation model sketches, and screen sketches.<\/p>\n<h3>Design Directions<\/h3>\n<p>To move beyond a point solution, an app will have to grow to support more of the activities that users do in their home improvement processes. Of particular concern with respect to the app are these areas of &#8220;growth&#8221;:<\/p>\n<ul>\n<li>Users are rarely within a five minute form-filling adventure away from calling in a professional. The process of defining a home improvement process and deciding to undertake it probably happens over a much longer timescale. At the least, the app should be flexible enough to support many timescales.\n<ul>\n<li>Therefore, submitting a request should not the sole goal of the app. The app should explicitly support saving projects, allowing users to have many projects in various stages of readiness and allowing them go back to them and add to them at any point.<\/li>\n<\/ul>\n<\/li>\n<li>In support of the vision to grow the RedBeacon service beyond a point solution, I suggest a re-imagining of the app and service to be a Home Improvement Project &#8220;notepad&#8221;, where users can take notes on home improvement projects that they want to do or have done, immediately or in the future, fully formed ideas\/projects in their head or otherwise.\n<ul>\n<li>The idea here is that with a list of such projects maintained, it will lower users&#8217; resistance or activation energy required to hit that &#8220;Submit Request&#8221; button.<\/li>\n<li>Users can record partial projects or whole projects and review them at their leisure without the pressure to submit it.<\/li>\n<li>This means essentially building an app that serves as a To Do list for home improvement projects with the built-in function of &#8220;sending it off to professionals&#8221; to get it done.<\/li>\n<li>An idea for a project can be inspired by thoughts, something users see, or products they run across. Offer users as many ways to start a project definition as is feasible. Let them start with a photo, video, product via bar code scan, or for later integration, a search through a Home Depot Catalog.<\/li>\n<\/ul>\n<\/li>\n<li>The Project Detail page should communicate to users what they have done, what they need to do, and how they can edit the information. Presenting it more at-a-glance is the goal.<\/li>\n<li>&#8220;Soft-engagement&#8221;: Let users use as much of the functionality and explore the app as much as possible without requiring them to create an account. This allows them to come to discover, appreciate the value of your app, allowing them to build their own incentive to sign up for your service. The corollary is that there needs to be a value to that account beyond allowing them to get marketing emails from you. Also, sell the benefits at the point of commitment (i.e., how they benefit from creating an account or logging in or what happens when they submit a request):\n<ul>\n<li>Creating an account<\/li>\n<li>Logging in<\/li>\n<li>Submitting a request<\/li>\n<\/ul>\n<\/li>\n<li>Support partial task completion. Especially as this is a mobile app, interruptions and distractions are the norm rather than the exception. This support should be clear to users.\n<ul>\n<li>Users&#8217; data will never be at risk&#8211;as far as we are able to support that&#8211;whether they have created an account or logged in yet or not. At the least, it will be saved to their phone.\n<ul>\n<li>Branch thought: What about integration with other, complementary services? Storage to or importing pictures or videos or whatever from Dropbox, Evernote, Google Drive, MS Skydrive, etc.?<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Design Phase Artifacts<\/h3>\n\n\t\t<style>\n\t\t\t#gallery-5 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-5 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-5 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-5 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-5' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-content-model\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-5-808\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"808\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-content-model\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"0\" data-image-title=\"RedBeacon design v0 &amp;#8211; content model\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Content model, envisioning what information and interactivity should be on which screens. Here, focused on the home screen.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-content-model-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-5-808'>\n\t\t\t\tContent model, envisioning what information and interactivity should be on which screens. Here, focused on the home screen.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n\n\t\t<style>\n\t\t\t#gallery-6 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-6 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-6 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-6 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-6' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v-0-navigation-model\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-6-807\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"807\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v-0-navigation-model\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"0\" data-image-title=\"RedBeacon design v-0 navigation model\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Navigation model, showing workflows and how they might entail and traverse different screens.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v-0-navigation-model-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-6-807'>\n\t\t\t\tNavigation model, showing workflows and how they might entail and traverse different screens.\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n\n\t\t<style>\n\t\t\t#gallery-7 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-7 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-7 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-7 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-7' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-home-screen-and-project-detail-page\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-7-809\" srcset=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-150x150.jpg 150w, https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-960x960.jpg 960w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" data-attachment-id=\"809\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/redbeacon-design-v0-home-screen-and-project-detail-page\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page.jpg\" data-orig-size=\"1429,1905\" data-comments-opened=\"1\" data-image-title=\"RedBeacon design v0 &amp;#8211; home screen and project detail page\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Sketch of the home screen and project detail screen&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/03\/RedBeacon-design-v0-home-screen-and-project-detail-page-768x1024.jpg\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-7-809'>\n\t\t\t\tSketch of the home screen and project detail screen\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<h4><a name=\"sectionStoryboard\" id=\"sectionStoryboard\">Storyboarding the New Design<\/a><\/h4>\n<dl>\n<dt>A clickthrough set of the proposed new design, matching the current functionality:<\/dt>\n<dd>An interactive prototype of this feature: <a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcee68d89a522132067114\/preview\/53bcf235c2ecede10acf5edc\">Start a project by typing a name and entering data<\/a> [created 7\/8\/2014]<\/dd>\n<dd>\n\t\t<style>\n\t\t\t#gallery-8 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-8 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-8 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-8 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-8' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/30-home-v0-with-projects-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-862\" data-attachment-id=\"862\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/30-home-v0-with-projects-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"30 Home v0 with projects watermarked\" data-image-description=\"&lt;p&gt;Designed with an expanded mission, the app&amp;#8217;s home screen reflects that. Users can start or add to projects by name, taking a picture or video, scanning a UPC code, or browsing\/searching through the Home Depot catalog. Also, reflecting usage of the app as a home improvement project notebook, previously started project notes are also listed and available from the home screen.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Reconceptualizing the app as a home improvement project notebook, the home screen provides more options.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-862'>\n\t\t\t\tReconceptualizing the app as a home improvement project notebook, the home screen provides more options.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/02-text-start-v0-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/02-Text-Start-v0-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-863\" data-attachment-id=\"863\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/02-text-start-v0-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/02-Text-Start-v0-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"02 Text Start v0 watermarked\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Starting a new project by naming it&amp;#8230;(matching existing app functionality)&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/02-Text-Start-v0-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-863'>\n\t\t\t\tStarting a new project by naming it&#8230;(matching existing app functionality)\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/03-text-entry-start-disambiguation-screen-v0-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/03-Text-Entry-Start-Disambiguation-Screen-v0-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-864\" data-attachment-id=\"864\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/03-text-entry-start-disambiguation-screen-v0-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/03-Text-Entry-Start-Disambiguation-Screen-v0-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"03 Text Entry Start Disambiguation Screen v0 watermarked\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Just like the existing app, as users start down the path of specifying project details as text and data (vs pictures, UPC codes, or Home Depot catalog entries).&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/03-Text-Entry-Start-Disambiguation-Screen-v0-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-864'>\n\t\t\t\tJust like the existing app, as users start down the path of specifying project details as text and data (vs pictures, UPC codes, or Home Depot catalog entries).\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/04-project-view-start-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-865\" data-attachment-id=\"865\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/04-project-view-start-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked.png\" data-orig-size=\"674,573\" data-comments-opened=\"0\" data-image-title=\"04 Project View start watermarked\" data-image-description=\"&lt;p&gt;Two possible designs for the project detail page. The design on the left is &amp;#8220;cleaner&amp;#8221;, with the topics shown, but the options under those topics tucked away in expandable sections. While visually cleaner and possibly providing a better overview of a project&amp;#8217;s various parts, users will have to expand each section to enter the data in each section, and it will be harder to get a overall yet still detailed view of the project. The design on the right will present a longer section, as the form is mostly &amp;#8220;flattened&amp;#8221;, showing both topics and choices. It is less visually uniform, and longer, yet provides a better and more direct view of projects&amp;#8217; details and options that requires less work for users to inspect.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Two design ideas for presentation of the form. Left, as expandable\/collapsible sections. Right, hierarchically flattened, except for the Notes section).&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-865'>\n\t\t\t\tTwo design ideas for presentation of the form. Left, as expandable\/collapsible sections. Right, hierarchically flattened, except for the Notes section).\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/05-entering-site-info-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/05-Entering-Site-info-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-866\" data-attachment-id=\"866\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/05-entering-site-info-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/05-Entering-Site-info-watermarked.png\" data-orig-size=\"683,573\" data-comments-opened=\"0\" data-image-title=\"05 Entering Site info watermarked\" data-image-description=\"&lt;p&gt;Continuing the expandable\/collapsible vs hierarchically flattened design options from previous screen (http:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/2\/2014\/04\/04-Project-View-start-watermarked.png): left, the selection widgets are non-standard with respect to iOS to reduce visual noise, and right, with standard widgets.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Two options for data entry widgets, non-standard and standard.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/05-Entering-Site-info-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-866'>\n\t\t\t\tTwo options for data entry widgets, non-standard and standard.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/07-project-view-with-data-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/07-Project-View-with-data-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-8-867\" data-attachment-id=\"867\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/07-project-view-with-data-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/07-Project-View-with-data-watermarked.png\" data-orig-size=\"674,573\" data-comments-opened=\"0\" data-image-title=\"07 Project View with data watermarked\" data-image-description=\"&lt;p&gt;Once data has been entered by users, in part or entirely, the design on the left provides a better, more concise representation of the state of the project. Perhaps, after the initial use of the hierarchically flattened design on the right, and after users have started entering data, the app could show the project details in the format of the design to the left under circumstances to be detailed through further iteration and user testing.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;The two versions of the project detail page, with data entered.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/07-Project-View-with-data-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-8-867'>\n\t\t\t\tThe two versions of the project detail page, with data entered.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n<\/dd>\n<\/dl>\n<dl>\n<dt>A clickthrough set of the new ability to start by taking or adding a picture (paralleling the process of starting by scanning a UPC code, or browsing via Home Depot catalog):<\/dt>\n<dd>An interactive prototype of this feature: <a title=\"PopApp interactive prototype (in browser)\" href=\"https:\/\/popapp.in\/w\/projects\/53bcf3e5d89a52213206718e\/preview\/53bcf4d7e90017ca22b663aa\">Start a project by taking a picture<\/a> [created 7\/8\/2014]<\/dd>\n<dd>\n\t\t<style>\n\t\t\t#gallery-9 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-9 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-9 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-9 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div data-carousel-extra='{&quot;blog_id&quot;:17,&quot;permalink&quot;:&quot;https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/&quot;}' id='gallery-9' class='gallery galleryid-798 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/30-home-v0-with-projects-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-9-862\" data-attachment-id=\"862\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/30-home-v0-with-projects-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"30 Home v0 with projects watermarked\" data-image-description=\"&lt;p&gt;Designed with an expanded mission, the app&amp;#8217;s home screen reflects that. Users can start or add to projects by name, taking a picture or video, scanning a UPC code, or browsing\/searching through the Home Depot catalog. Also, reflecting usage of the app as a home improvement project notebook, previously started project notes are also listed and available from the home screen.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Reconceptualizing the app as a home improvement project notebook, the home screen provides more options.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/30-Home-v0-with-projects-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-9-862'>\n\t\t\t\tReconceptualizing the app as a home improvement project notebook, the home screen provides more options.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/08-start-with-picture-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/08-Start-with-Picture-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-9-868\" data-attachment-id=\"868\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/08-start-with-picture-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/08-Start-with-Picture-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"08 Start with Picture watermarked\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;After tapping the camera button, users choose to add a new picture or video or choose from ones already on the device.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/08-Start-with-Picture-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-9-868'>\n\t\t\t\tAfter tapping the camera button, users choose to add a new picture or video or choose from ones already on the device.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/09-taking-a-picture-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/09-Taking-a-picture-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-9-869\" data-attachment-id=\"869\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/09-taking-a-picture-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/09-Taking-a-picture-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"09 Taking a picture watermarked\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;The camera screen for adding a new picture. Imported into this sequence from the then-current app.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/09-Taking-a-picture-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-9-869'>\n\t\t\t\tThe camera screen for adding a new picture. Imported into this sequence from the then-current app.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/10-attaching-attachments-to-project-v0-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/10-Attaching-Attachments-to-project-v0-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-9-870\" data-attachment-id=\"870\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/10-attaching-attachments-to-project-v0-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/10-Attaching-Attachments-to-project-v0-watermarked.png\" data-orig-size=\"282,573\" data-comments-opened=\"0\" data-image-title=\"10 Attaching Attachments to project v0 watermarked\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Since users can start projects with attachments, users can attach them to and name a new project from here.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/10-Attaching-Attachments-to-project-v0-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-9-870'>\n\t\t\t\tSince users can start projects with attachments, users can attach them to and name a new project from here.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/edwinli.com\/ux-v1-archive\/04-project-view-start-watermarked\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-9-865\" data-attachment-id=\"865\" data-permalink=\"https:\/\/edwinli.com\/ux-v1-archive\/04-project-view-start-watermarked\/\" data-orig-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked.png\" data-orig-size=\"674,573\" data-comments-opened=\"0\" data-image-title=\"04 Project View start watermarked\" data-image-description=\"&lt;p&gt;Two possible designs for the project detail page. The design on the left is &amp;#8220;cleaner&amp;#8221;, with the topics shown, but the options under those topics tucked away in expandable sections. While visually cleaner and possibly providing a better overview of a project&amp;#8217;s various parts, users will have to expand each section to enter the data in each section, and it will be harder to get a overall yet still detailed view of the project. The design on the right will present a longer section, as the form is mostly &amp;#8220;flattened&amp;#8221;, showing both topics and choices. It is less visually uniform, and longer, yet provides a better and more direct view of projects&amp;#8217; details and options that requires less work for users to inspect.&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Two design ideas for presentation of the form. Left, as expandable\/collapsible sections. Right, hierarchically flattened, except for the Notes section).&lt;\/p&gt;\n\" data-large-file=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/04-Project-View-start-watermarked.png\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-9-865'>\n\t\t\t\tTwo design ideas for presentation of the form. Left, as expandable\/collapsible sections. Right, hierarchically flattened, except for the Notes section).\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<\/dd>\n<\/dl>\n<p><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/redbeacon-home-improvement-app-v0-clickable-prototype\/\" rel=\"attachment wp-att-811\">RedBeacon Home Improvement app v0 clickable prototype.pdf<\/a><\/p>\n<nav>\n<h2>More About Edwin<\/h2>\n<ul class=\"navInternal\">\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/about\/\" title=\"About Edwin\">About Edwin<\/a><\/li>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/resume\/\" title=\"Resume\">Resume<\/a><\/li>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/portfolio\/\">Portfolio<\/a>\n<ul>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/portfolio\/process\/\">Design Processes, Work artifacts, and Work Style<\/a><\/li>\n<li><span class=\"here\">Redbeacon Design Challenge<\/span>\n<ul>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/essential-use-cases-redbeacon\/\">Essential Use Cases [Redbeacon]<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/pandora-driving-mode\/\">Pandora Driving Mode<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/quest\/\">Job Quest<\/a>\n<ul>\n<li><a href=\"http:\/\/edwinli.com\/ux-v1-archive\/quest\/ideal\/\">Ideal Job Description<\/a>: What I am looking for in a company, role, and work environment, presented as a job description. Are you what I&#8217;m looking for?<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/www.linkedin.com\/in\/edwinli\">LinkedIn profile<\/a><\/li>\n<\/ul>\n<\/nav>\n","protected":false},"excerpt":{"rendered":"<p>RedBeacon Design Challenge Note: This is my response to a design challenge from applying for an interaction design position at Redbeacon.com. While ultimately not a fit, discussions with their hiring manager show show me to be a better fit for a &#8220;user experience designer&#8221; role in their organization than an &#8220;interaction designer,&#8221; with the latter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":939,"parent":231,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-798","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses\" \/>\n<meta property=\"og:description\" content=\"RedBeacon Design Challenge Note: This is my response to a design challenge from applying for an interaction design position at Redbeacon.com. While ultimately not a fit, discussions with their hiring manager show show me to be a better fit for a &#8220;user experience designer&#8221; role in their organization than an &#8220;interaction designer,&#8221; with the latter [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/\" \/>\n<meta property=\"og:site_name\" content=\"[v1 Archive] UX-Colored Glasses\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-04T20:26:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RedBeacon-Home-before-after-v0-02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"510\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/\",\"url\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/\",\"name\":\"RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2014\\\/04\\\/RedBeacon-Home-before-after-v0-02.png\",\"datePublished\":\"2014-04-15T01:56:00+00:00\",\"dateModified\":\"2015-03-04T20:26:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/#primaryimage\",\"url\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2014\\\/04\\\/RedBeacon-Home-before-after-v0-02.png\",\"contentUrl\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2014\\\/04\\\/RedBeacon-Home-before-after-v0-02.png\",\"width\":510,\"height\":500,\"caption\":\"The new design expands the app from a service request submitter to a home improvement project notebook.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/redbeacon-design-challenge\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"RedBeacon Design Challenge\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/#website\",\"url\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/\",\"name\":\"[v1 Archive] UX-Colored Glasses\",\"description\":\"Edwin Li on User Experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/edwinli.com\\\/ux-v1-archive\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/","og_locale":"en_US","og_type":"article","og_title":"RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses","og_description":"RedBeacon Design Challenge Note: This is my response to a design challenge from applying for an interaction design position at Redbeacon.com. While ultimately not a fit, discussions with their hiring manager show show me to be a better fit for a &#8220;user experience designer&#8221; role in their organization than an &#8220;interaction designer,&#8221; with the latter [&hellip;]","og_url":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/","og_site_name":"[v1 Archive] UX-Colored Glasses","article_modified_time":"2015-03-04T20:26:39+00:00","og_image":[{"width":510,"height":500,"url":"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RedBeacon-Home-before-after-v0-02.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/","url":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/","name":"RedBeacon Design Challenge - [v1 Archive] UX-Colored Glasses","isPartOf":{"@id":"https:\/\/edwinli.com\/ux-v1-archive\/#website"},"primaryImageOfPage":{"@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/#primaryimage"},"image":{"@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/#primaryimage"},"thumbnailUrl":"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RedBeacon-Home-before-after-v0-02.png","datePublished":"2014-04-15T01:56:00+00:00","dateModified":"2015-03-04T20:26:39+00:00","breadcrumb":{"@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/#primaryimage","url":"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RedBeacon-Home-before-after-v0-02.png","contentUrl":"https:\/\/edwinli.com\/ux-v1-archive\/wp-content\/uploads\/sites\/17\/2014\/04\/RedBeacon-Home-before-after-v0-02.png","width":510,"height":500,"caption":"The new design expands the app from a service request submitter to a home improvement project notebook."},{"@type":"BreadcrumbList","@id":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/redbeacon-design-challenge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/edwinli.com\/ux-v1-archive\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/edwinli.com\/ux-v1-archive\/portfolio\/"},{"@type":"ListItem","position":3,"name":"RedBeacon Design Challenge"}]},{"@type":"WebSite","@id":"https:\/\/edwinli.com\/ux-v1-archive\/#website","url":"https:\/\/edwinli.com\/ux-v1-archive\/","name":"[v1 Archive] UX-Colored Glasses","description":"Edwin Li on User Experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/edwinli.com\/ux-v1-archive\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_shortlink":"https:\/\/wp.me\/PcLjz8-cS","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/pages\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/comments?post=798"}],"version-history":[{"count":41,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/pages\/798\/revisions"}],"predecessor-version":[{"id":1083,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/pages\/798\/revisions\/1083"}],"up":[{"embeddable":true,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/pages\/231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/media\/939"}],"wp:attachment":[{"href":"https:\/\/edwinli.com\/ux-v1-archive\/wp-json\/wp\/v2\/media?parent=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}