Service Blueprint by Hyperact
A service blueprint is a diagram that shows the sequence of interactions between customers and service providers, as well as the underlying processes and resources that support those interactions.
A service blueprint is a diagram that shows the sequence of interactions between customers and service providers, as well as the underlying processes and resources that support those interactions.
They can be applied to two use cases:
Documenting how something works today,
Defining how you want something to work in the future
They are equally useful to documenting services as they are to products and platforms, so don’t be fooled by the name.
The following template is a simple, opinionated variation of a traditional service blueprint template.
What it helps you achieve
Service blueprints, and the process of creating them, are great for:
👀 Visualising how existing products, services, platforms, and process work
🤝 Strengthening relationships and creating a shared understanding between stakeholders
💊 Identifying improvements
🌄 Describing a vision for a future version of a product or service
🧀 Identifying steps that will move you towards your vision
👍 Getting stakeholder buy-in
Who would benefit from it most
Service blueprints are most useful to UX/UI designers, service designers, and product managers. But really, it’s a simple enough technique, and anyone who wants to drive improvements to their services, products, and platforms can use it.
How to use it
Arrange a workshop with key stakeholders of the product, service, platform, or process you’re either looking to document or define.
Begin by horizontally plotting out everyone’s understanding of the user’s or customer’s journey, end-to-end, as a set of sequential steps.
Move down to the employee actions, followed by the back-stage actions, and finally, the system or third-party actions.
Identify which parts need more research and understanding, and conduct research and analysis to help you refine the service blueprint.
Once you’re confident in your service blueprint, you can then start analyzing it, layering on additional data and insights, sharing it, and using it as the foundation on which to create a to-be version and, ultimately, create new value for your users.
This template was created by Hyperact.
Get started with this template right now.
Storyboard for Educational Purposes Template
Works best for:
Storyboard
The Storyboard for Educational Purposes template streamlines course creation by organizing content into scripts, screen text, and production notes. This template fosters collaboration among instructional designers and stakeholders, ensuring effective and engaging training modules. Perfect for educators and trainers, it enhances clarity, collects feedback, and improves overall learning outcomes by making content creation systematic and transparent.
HEART Framework Template
Works best for:
Desk Research, Project Management, User Experience
Happiness, Engagement, Adoption, Retention, and Task Success. Those are the pillars of user experience — which is why they serve as the key metrics in the HEART framework. Developed by the research team at Google, this framework gives larger companies an accurate way to measure user experience at scale, which you can then reference throughout the product development lifecycle. While the HEART framework uses five metrics, you might not need all five for every project — choose the ones that will be most useful for your company and project.
Onion Diagram Template
Works best for:
Diagramming, Mapping and Diagramming
The Onion Diagram Template is a distinct tool designed to visually represent layers of a specific concept, system, or process, akin to the layers of an onion. Each concentric layer of the diagram provides insights into a different aspect or phase of the topic at hand, moving from the core foundational element outwards to more peripheral components. One of the prime benefits of this template is its ability to offer hierarchical clarity. Users can immediately discern the importance, sequence, or interrelation of different elements within a system, facilitating enhanced comprehension and efficient decision-making.
Mix-and-Match Template
While unrestricted brainstorming may initially seem ideal, it has been discovered that creativity flourishes when there are limitations. The Mix-and-Match Template is an excellent tool for quickly generating diverse insights. Its structured framework facilitates the generation of new ideas at the intersection of different topics.
Technology Roadmap Template
Works best for:
Agile Methodology, Roadmaps, Agile Workflows
A technology roadmap helps teams document the rationale of when, why, how, and what tech-related solutions can help the company move forward. Also known as IT roadmaps, technology roadmaps show teams what technology is available to them, focusing on to-be-scheduled improvements. They allow you to identify gaps or overlap between phased-out tech tools, as well as software or programs soon to be installed. From a practical point of view, the roadmap should also outline what kinds of tools are best to spend money on, and the most effective way to introduce new systems and processes.
Example Mapping Template
Works best for:
Product Management, Mapping, Diagrams
To update your product in valuable ways—to recognize problem areas, add features, and make needed improvements—you have to walk in your users’ shoes. Example mapping (or user story mapping) can give you that perspective by helping cross-functional teams identify how users behave in different situations. These user stories are ideal for helping organizations form a development plan for Sprint planning or define the minimum amount of features needed to be valuable to customers.