Breadboard (UI Flow Diagram)
Drawing out every state of a flow is too time-consuming, so we’ll use words for everything instead of pictures. That's Breadboarding. A lightweight notation for user flows.
Breadboarding is like state diagram. It allows us to play out an idea and judge if the sequence of actions serves the use case we’re trying to solve. Once we get to a place where we play through the use case and the flow seems like a fit, we’ve got the elements we need to move on to start defining the project more clearly.
There are times when text alone isn't enough, and you need to sketch out an idea. A drag and drop interface of some sort comes to mind. They can be complicated enough that breadboarding alone wouldn't be sufficient.
For that, use the Fat Marker Sketching technique. Both techniques are quick and cheap enough to do often. That said, they are ideal for supporting conversations in the earliest stages of an idea for a solution. Visually externalizing representations of our mental models is imperative to continuously maintain a shared understanding of the work.
This template was created by Matt Lane.
Get started with this template right now.
Spaghetti Diagram Template
Works best for:
Operations, Mapping, Diagrams
Spaghetti diagrams are valuable for finding connections between assets, services, and products, as well as identifying dependencies in a visual way. Use this template to get an overview of a process and quickly find areas of improvement.
AWS Architecture Diagram Template
Works best for:
Software Development, Diagrams
The AWS Architecture Diagram is a visual representation of the AWS framework, and it also translates the best practices when using Amazon Web Services architecture. You can now have an overview of your AWS architecture with Miro’s AWS Architecture Diagram Template, track your cloud solutions easily, and optimize processes like never before.
BPMN Template
Works best for:
Mapping, Diagrams, Business Management
The BPMN template helps you track and get an overview of your business processes. It’s a great way to identify any bottlenecks and make your operations more efficient. The BPMN methodology became a universal language when managing business processes, and multiple industries use it as a management tool. Project managers, business analysts, and IT administrators use the BPMN process flow diagram to manage projects, visually communicate the process flows, and keep track of process constraints. Try it for yourself and see improvements in your organization’s agility.
Bubble Map Template
Works best for:
Diagramming, Mapping, Brainstorming
A Bubble Map Template is a visual organization tool that uses bubbles or circles to represent various ideas or data points. These bubbles are linked together, displaying their relationships and creating a network of interconnected thoughts. Use a Bubble Map Template to streamline complex information, enhancing comprehension and promoting efficient decision-making.
Current State vs. Future State Flowchart Template
Works best for:
Diagramming
The Current State vs Future State Flowchart Template is an essential tool for strategic planning, providing teams with a dynamic and visual roadmap for organizational transformation. One of its key benefits is streamlining collaboration by using swimlanes to allocate tasks to specific departments. This feature promotes accountability and transparent communication, ensuring everyone is aligned on their responsibilities. As a result, teams can navigate complex processes with ease, fostering a shared understanding of the current and future states, ultimately leading to efficient and collaborative decision-making.
Algorithm Flowchart Template
Works best for:
Flowcharts
The Algorithm Flowchart Template is a useful tool for simplifying the process of creating and understanding complex algorithms. Its pre-structured format makes it easy to lay out each operation and decision point in a clear and easily understandable visual format. This is particularly helpful for explaining intricate processes to team members who may not be as technically proficient in the subject matter. With each step clearly defined within its designated shape, the flowchart promotes clarity and makes it easy to identify the logical flow at a glance. This clarity is the template's most significant advantage, reducing cognitive load and enabling a more inclusive and straightforward approach to discussing and refining algorithmic solutions.