Understanding Moments and Flows

Every interactive experience in Zibit is built from two core building blocks: moments and flows. A moment is a single screen or state in your project — think of a welcome screen that greets visitors when they approach a kiosk, a gallery detail page that reveals artwork information, or a quiz slide in an educational game. A flow is the navigation path that connects one moment to another, defining how a visitor moves through your experience. Together, moments and flows give you full control over the structure of anything you build, whether that's a self-guided museum tour, a multi-room digital signage installation, or an interactive story for a school exhibit.

Starting from the Projects Dashboard

When you log in to Zibit, you land on the My Projects dashboard. This is your home base — you'll see all the projects you own or collaborate on, like museum kiosk experiences, digital signage, or educational interactives.

To get started, find the project you want to open and click its name or thumbnail. You can also kick off a brand-new experience by clicking "Create new project" in the top right. Don't worry — nothing is permanent at this stage, and you can rename or adjust your project at any time.

Connecting Moments with a Flow

Your moments graph now shows two moments — Welcome and Explore the Exhibit — connected by a flow. This flow defines the navigation path a visitor follows, moving from the opening screen to the exhibit content. You can think of it like a map of your experience: moments are the destinations, and flows are the routes between them.

From here, you can keep building out your project by clicking "Add new moment" to introduce more screens — like a detail view, a quiz, or a thank-you screen. Don't worry about getting the structure perfect now; flows can be added, rerouted, or removed at any time.

Add a New Moment to Your Project

Click "Add new moment" to create a new screen in your project. Your new moment appears right away in the Disconnected moments panel — this just means it isn't part of your navigation flow yet, which is completely normal at this stage.

Don't worry, nothing is locked in. You can rename the moment, build out its layout, and connect it to other moments with a flow whenever you're ready.

Opening a Moment's Options Menu

To manage an individual moment, hover over its card in the Moments view — you'll see a "More options" button appear in the corner of the card. Click it to open a menu with actions like renaming, duplicating, or deleting that moment.

This menu is your main way to make changes to a specific moment without affecting the rest of your project. Don't worry — nothing happens until you choose an action, and most changes can be undone.

Explore Moment Options

Clicking the "More options" button on any moment opens a small overflow menu with four actions: "Add View", "Copy Moment", "Rename", and "Delete". These let you manage each moment without leaving the flow canvas.

"Add View" is especially useful when your exhibit runs on multiple screen sizes — it lets you create a layout tailored to a specific display within the same moment. Don't worry about making the wrong choice here; you can add, rename, or remove views at any time.

Reviewing Your Moments in List Mode

The Moments & views panel gives you a scannable overview of every moment in your project, with each moment's views stacked beneath it. This is a great way to get a bird's-eye view of your experience — for example, checking that a museum exhibit has a "Welcome" moment and an "Explore the Exhibit" moment before you start building out content.

From here you can click Add new moment to add another screen to your flow, or click Add new view beneath an existing moment to create a layout tailored to a specific display. Nothing is locked in — you can rename, reorder, or remove moments at any time.

You now have the foundation you need to think in moments and flows — the core of how every Zibit project is structured. From here, you can start shaping your experience in all kinds of directions. Here are some good places to go next:

• Add components to your moments — Drop in text, images, video, and buttons to bring each screen to life with real content.
• Build out your flow logic — Set up conditional flows that respond to visitor choices, creating branching experiences instead of simple linear paths.
• Set up multiple views — Configure each moment for different displays, so your experience looks great on a wall-mounted screen, a tablet kiosk, and a handheld device at the same time.
• Apply a style set — Give your whole project a consistent look by linking a style set that controls typography, colors, and shadows across every moment.
• Explore collections — Connect a reusable data collection to your project to dynamically populate moments with content like artifact records or event listings.