Source Coffee Co
Source Coffee Co is a mobile application platform focused on a budding community of coffee lovers. Here they can add Specialty Cafés and Roasters for their own logs in addition to sharing reviews and helpful tidbits for other members of the community. Source also allows users to create a coffee log from the cafés you've visited in order to form a sort coffee diary similar to check-ins on Facebook or Swarm's check-ins function
Source functions on the premise that its users will be going about their day outside and hitting up a café along the way but thanks to the pandemic things aren't really working that way. Due to Covid-19, the various lockdowns, and the prevalence of social distancing; I was tasked with aiding Source in adding new flows that would allow the community to still be active and adding new logs despite the world coming to a near halt.
My client was straight forward in the request of wanting work done on one flow in particular to allow users to add a coffee type to a Roaster's Profile Page. I had a timeline of about 1 week in order to deliver the designs and accompanying files.
I began by conducting research into other mobile applications that allowed users to add destinations to lists and create a logs/lists of liked locations. I wanted to get a sense of the commonly used design patterns present in these platforms and what their user flows are like in order to understand how to proceed with best practice. This speaks to Familiarity Bias in users.
My working hypothesis here was that most well designed digital products utilize Progressive Disclosure or breaking up steps in order to ease the burden on the users.
From examining Yelp, Google Maps, & Apple Maps I saw that chunking out the steps through the process of Progress Disclosure was an industry standard in application flows similar to what I was working on. I also noticed that both products, while different, approached the flow in a similar way which had me considering familiarity bias.
I also noticed that Google Maps in particular used icons in each section which helps recognition of the required information. These icons were conventional and easy to understand which helped to make this process more a bit more enjoyable.
Figuring out the User Flow
User flows are crucial to putting to evaluating the process the user will go through when performing a particular action or navigating to a goal in the product. I created this user flow diagram in order to understand around how many pages would be in the "final" prototype.