UX case study - Curate.ly - Simplifying Enrichment

Curate.ly is a social platform that is similar to image based social sites such as Instagram or Pinterest, but the difference lies behind the tag where curated content from users is shown in the form of Products that can be shopped online, videos and articles. The problem we face in this instance - Enrichment is the act of attaching content to a tag in an image. This is incredibly important for Curate.ly as it is what creates the content that is browsed on the platform. Here we start off with the legacy flow carried over to the new product - The goal will be to simplify the flow as much as possible so that the user finds it easier to add content and therefor hopefully WILL add more content.

Original Flow

Below you can see the original flow that has been carried over to the new design. If we assume the SIMPLEST user journey possible for this excersize (ie. no OG tag editing, negating the clicks used for in-app browsing, and running forward through the entire flow) we have 9 screens to get through and 13 taps. Keep in mind the overlays on screens 2, 3 and 9 fall away automatically.

Proposed changes to simplify Enrichment for the user

  • MERGING SCREENS 4 + 5 - Title, description, category and colour are added to the enrichment screen. To simplify this step we are using machine learning to predict the category and colour (we have been getting great results so far in testing). These values are also editable if the machine learning gets the category or colour wrong. We have also made the title and description tab-based inputs to further save space. The product, video and article buttons are moved down to create more real estate to make room for the new information on the screen.
  • OG Data customisation now made optional. - In the existing flow the user is forced through a screen which has been dubbed "Sanitation" to make sure that the information added to the tag is as good as it can be. We feel that this is forcing the user to expend more energy than they need to, So we have made the OG data more visible in the final post screen so the user can choose to edit the data if they so choose, but they dont have to and can post without doing so.
  • Changes made on enrichment and final post screen - Layout of OG information updated to fill more space below buttons and show MORE of the OG information so the user can see more of a preview and edit if they are unhappy. Contextual border added to OG information to make it more obvious for the user which media is being added - product, video or article. Contextual headings added to Tag selector, and above the buttons "Add at least one of the following:"

Simplified journey after changes implimented

  • Minimum screens on journey has been reduced from 9 screens to 7 screens eliminating 2 screens from the process.
  • Minimum taps on journey has been reduced from 13 taps to 10 taps eliminating 3 taps from the process.
  • Both of these reductions combined will give the user a considerably simpler experience when adding products, videos or articles to tags in images.