Interface Designer: Simplify collaboration with the record review layout

You already know Interface Designer gives teams the freedom to fully customize the perfect workflow (and if you don’t, that’s okay! Check out our guide to designing interfaces). 

But before you connect a table or drop in elements, you have to choose a layout. Cross-functional team members, rejoice—there’s a layout that’s perfect for collaboration.

The record review layout lets users view and sort through multiple records with ease, making it optimal for those who need to triage customer feedback, approve assets for campaigns, or prioritize resources for key initiatives. With this interface in your team’s workflow, teammates don’t have to sort through all the information in a base to get to the data they need—they can update, edit, and comment directly on records that pertain to them within the interface.

Below we’ll walk you through utilizing the record review layout for content approvals, so stakeholders have a place to make the swiftest of comments and sign-offs. 

Let’s do this.


Getting started in your base

In this guide, we’ll build a content approval workflow—but these steps will work for any approval or triage workflow. To start, you need a base that contains all of your relevant information. Since we’re working on asset approvals, we’ll need the assets to be approved, as well as the collaborators who need to approve them.

As a reminder, all interfaces are built on top of an existing base. Think of an interface as a clean, actionable representation of the information within your base.

Create an interface & select the record review layout

If this is your first interface, you’ll need to give your collection of interfaces a title and description. This is what your collaborators will see when they visit the interface home screen. We’ll name the group of interfaces, “Marketing Ops”. You can choose a color and logo, too. Then, select record review as your layout. 

As opposed to the record summary layout, which gives more of an overview for a few records, record review allows team members to parse through numerous records and take specific actions on each one. This is ideal for content approvals where stakeholders need to go through their list and make suggestions.

⚡ Pro tip

Remember, you’re not limited to just one interface! You can create multiple interfaces, all of which will live on top of the same base. For example, you might want one separate interface for approving visual assets, and another for approving written content.

Select your table

You have a layout! Now, your layout needs information to show off. Select the table that holds all the content and other assets you need feedback or approval on, and add filters and sorting to highlight the most relevant information. Sorts and filters function in the same way as views in a base—they allow you to control how you want information to be displayed.

Use filtering to highlight key information

For this workflow, let’s add the following filters:

  • Current User: If you need approvals from specific stakeholders, we recommend adding user filters. When you apply user filters, each viewer will only see the assets assigned to them—say goodbye to extra time spent creating entire interfaces for each collaborator. To do this, you first need a collaborator field in your base with the assigned stakeholder listed as the person to approve the asset. Then you can apply the filter and select the collaborator field from your base and filter on "current user." This limits the records to only those they're listed as an approver on.

Needs approval: When it comes to approvals, you want to only see content that hasn’t been approved yet in your interface. If you have an “approved?” checkbox field in your base, you can filter for only records that haven’t been checked to show the assets that need approval.

Make sure you add in filtering that displays only the relevant information to your collaborators. After creating your interface, you’ll have the option to add interactive filters to let your team highlight specific information. Give your interface a name and description, for example we will name our interface “Content approvals” and give it the description “Content awaiting stakeholder approval”.

Add elements

Now that you’ve selected which records need review, add in elements so that your team has the information they need to take action.

You can choose any element you’d like, but we recommend selecting the ones that are critical to your workflow—in this example, we’ll select the elements that will support our content approval workflow, including:

  • The specific content that needs approval

  • Name of the content

  • Related campaign information

Move the elements around so they display in a way that makes sense for your team; you can also make the element bigger or smaller by hovering your mouse over the edge of the element.

Make elements editable for collaborators

Since your interface is designed for content approvals, you should include interactive elements that allow individuals to directly approve the asset.

You can do this by making an element editable, as opposed to view-only. If you have a checkbox field, for example, making it editable would allow stakeholders to check the box and mark the asset as “approved.”

Create space for comments

Assets aren’t always ready for approval—sometimes they need to go through revisions before they’re good to go. In these cases, it’s helpful to have a space in an interface for stakeholders to add comments and feedback. You can do this if you have an attachment field in your base.

With attachments, there are two ways to add comments to an interface. The first is by adding a comment element to your interface—adding comments here will add them to the overall asset.

The second way to add comments is by commenting directly on the attachment itself. By clicking the image in an interface, your team can add feedback to specific places on the image, making their notes clear and actionable. 

By letting stakeholders make comments in an interface, you can streamline the approval process and collect the feedback you need.

Use text elements & dividers to create CTAs

Communication is key, which is why we recommend employing text elements in your interface for much-needed context and action items.

Drag-and-drop text elements for headers and descriptions before elements, and add them at the end for calls to action (CTAs) so stakeholders are clear on how to proceed. Consider adding a line of text to encourage stakeholders to add comments directly onto the image. 

Everything in your interface is drag-and-drop, so don’t be afraid to rearrange elements to your liking!

⚡ Pro tip

Have a lot of working elements in your interface? Organize everything into sections with dividers. For example, if you have three action items for your team, add dividers to form three distinct sections.

Preview & publish

Before publishing your interface, take a moment to ensure everything is working as expected. Test your user filters by toggling the “view as” button at the top of the interface and select the collaborator. 

Next, double-check that your editable records are, indeed, editable. (PS: you don’t have to click on an element to check its edit access. Editable elements have a grey box around them!) Elements that you don’t want to be changed should be marked as view only.

You can toggle the preview in the upper left corner to get a last look at your interface (and check those editable elements). Finally, hit publish! 

Easily share your interface by clicking the share button and invite collaborators via email, or copy and send the direct link. The interface will now appear above their bases in their home screens and within the specified base.

Mission accomplished. 🥳  You officially have an interface that stakeholders can use to make speedy approvals or comments on content—or any desired asset, really.

About the author

Katja Nelsonis a Senior Product Marketing Manager at Airtable who leads our Customer Education Programs

Filed Under

3. Collaborate with your team


Next up in Airtable for 3. Collaborate with your team

5 of 11

Join us and change how you work.