Inventory Sale! 75% off most goods in the official Dribbble shop. Pick up your favorites today for a limited time - Discount automatically applied at checkout ✨
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
I've posted a few of these before, but this iterative system-level work is one of my favorite parts of a product design process.
Products are (complex) systems, and it's helpful to map everything at out a high level before anything gets fully 'designed', prototyped or built. This kind of artifact is a hybrid of traditional sitemaps, flowcharts, and wireframes. The benefit is that you can start to make UI-level decisions & establish consistent patterns quickly, while maintaining a relational understanding of how everything fits together. This kind of artifact is also easy shareable and understood by designers, engineers and managers (and for most clients with the right walk-through).
From here, it's easy to break down screens into user stories (or vice versa), plan / prioritize sprints in tools like Trello, and jump into high-fidelity wires and prototypes.
Information can be beautiful too, and wish I saw more of this kind of stuff on Dribbble.