User Flow - How to visualise that multiple actions result in the same outcome?



  • This is for a Pinterest mobile interface case study. I am looking to redesign the Visual Search feature and, to visualise how unnecessarily complex the feature is, I tried to design a User Flow showing that there are 4 different ways to access the feature - on the same page.

    It feels a bit cluttered and I am not sure it is sending the right information.

    enter image description here

    So I attempted another structure that is a bit more linear? But again, I am not sure if it's effective information.

    enter image description here

    Do you have any suggestions or feedback on how to improve this user flow? The goal is not for me to understand the flow, but for those I would show the flow to.

    EDIT: After reading through the comments I thought I would create a visual flowchart.

    enter image description here



  • Before attempting to answer, what is the meaning of the action "View"? Aren't "View" and being on the Pin Page the same thing? Or are you using "View" to refer to staying on the pin page without performing any action and scrolling into the suggested results?

    As for the flows, you are essentially showing 2 different behaviours. On the first one, as a user I won't be able to either "click on the photo", "zoom in" or "click on Visual Search Button" if I'm on the "View" step but I'm assuming that the user can perform any of those 4 actions (if you cound "View" as an action) at any given time from the Pin Page, right? If that's the case the 2nd flow would be the right one, not only because it's clearer to read but mainly because it's the more accurate.

    That said, I find defining the "View" step a crucial step to clarify the content since, at least for me, it's not clear what that step or action means.

    Hope that was helpful!


Log in to reply
 

Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2