Dribbble iOS App - Shot Detail Flow

Here's a short look at my idea of how the Dribbble iOS app might take you from home screen feed all the way to the details of an individual shot.

My primary goal for this exploration was to maintain appropriate context through the experience. By using the card UI when initially tapping on a shot it feels like you haven't yet left the main feed, but are able to take a closer look at the shot you're interested in. I don't love that the current feed feels like the Instagram layout where you view one post at a time. I wanted to find a way to show a more populated grid of shots, but allow the shot details to still be easily accessible. The contextual card UI bridges this gap.

I didn't think, however, that the card was the best way to handle all of the information that comes along with a shot. To include comments, tags, and color palette felt like too much, so I designed the card to act like a preview where it shows a larger image, provides the ID of the creator, basic interaction options, and the caption. To see the rest of the shot's details all you have to do is swipe up to scroll! The expected interaction to swipe to see more below the fold will transform the card into its own screen where the rest of the information is viewable and full interaction with the shot is possible. At this point you've left the original context of the main feed and have dug one level deeper into the shot of your choice. To get back, all you have to do is tap the 'back' arrow at the top and you're taken to the feed where you began.

If you've read to this point, thank you! 🙏🏻I'd love your feedback, ideas, or whatever else. And there's more to come! Stay tuned.