Contact Us

Guides

Pendo Help CenterGuidesWhy Use the Visual Design Studio

Why Use the Visual Design Studio

Overview

The Visual Design Studio is our next-generation tool for building and editing Guides. It includes:

  • An easier interface for styling Guides, a library of flexible layouts, and the ability to quickly toggle between Guide types.
  • An improved method for tagging pages and features, allowing for more precise heat map metrics and contextual information.
  • Streamlined localization tools, making it easy to speak your users’ native language.
  • Extensive customizability, including the option to edit the underlying code.

The Visual Design Studio was released on February 18th, 2019. This article covers its benefits and answers some Frequently Asked Questions.

What Are the Benefits?

The previous Guide designer, referred to as the “Legacy Designer,” leverages an iframe to deliver your app preview. Customers before February 18th, 2019 most likely used this experience.

In contrast, the Visual Design Studio entirely reimagines how you build guides, replacing the Legacy Designer with a more intuitive, easy-to-use interface. Its benefits include:

Ease of Use

  • Create guides without having to code! Add and style content via a point-and-click experience.
  • Behaviors, such as “advance,” “submit polls,” or “dismiss” buttons, can easily be added or configured via dropdown styled options within the Visual Designer.
  • Polls can be styled via the Designer without using code. Add multiple polls to a single guide step and save them as part of Layouts (formerly called Templates).

Flexibility

  • Transition a lightbox type Guide into a tooltip, a banner, or even a walkthrough without having to start over. You can also retain your content and styles with each change as needed.
  • Create a variety of Layouts for numerous use cases by saving an existing Guide as a Layout.
  • Keep content-writers on the rails by locking down the styles, while still giving them the freedom to customize the content.
  • Retain access to custom Guide code for the ultimate flexibility.

Security

  • Instead of placing your application within an iframe, the Visual Design Studio launches directly over your application, giving you more screen space to create Guides.
  • The new Building Blocks (excluding those containing the “code block”) push packaged and intentional data into your application and then translate that data into your Guide rather than executing HTML/CSS/JS directly on your site.
  • Application administrators can disable all code access (HTML/CSS/JS) for advanced use cases.

Resource Management

  • Review and configure Guide content and settings without the need to launch the designer every time. The optimized Guide Details page will allow components of the Guide to be updated from the settings page.
  • The Resource Center (formerly known as the Guide Center) is manageable outside of the Designer so it can be built via a similar point-and-click experience. This means it can easily house much more than a select list of in-app Guides.

Frequently Asked Questions

What is the minimum agent versions needed to use the new designer?

Any and all access to Visual Design Studio (Guides, pages, features) requires a minimum production agent version of 2.15.0. Additionally, access for the Resource Center by subscription admins will require a minimum production agent version of 2.16.0. Need to update your Agent Version? Use this article to manually update your Agent version.

Can I migrate my Legacy Designer Guide Templates into the newer Guide Layouts?

Due to the fact that the Legacy Designer and the Visual Design Studio are fundamentally different, Legacy Templates cannot be migrated automatically into the Visual Design Studio’s Layouts at this time. However, Layouts are more flexible than Legacy Templates so you may find that you won’t need all of your previous Templates.

Do you need to create a Guide with an existing Legacy Template today?

Feel free to keep creating Guides in the Legacy Designer if you want. The Legacy Designer will remain available for the foreseeable future so you can maintain your existing Guides and Templates as you see fit. While sunsetting the Legacy Designer is on our long-term plan, we will notify you as soon as possible once timelines are established.

When will the legacy designer go away?

No set dates at this time. For customers who have had access to the Legacy Designer in the past, Pendo provides access to both Designer options so users can manage their existing Pages, Features, and Guides as needed. However, we highly recommended using the new Visual Design Studio moving forward since Pendo will eventually sunset the Legacy Designer. This means the Legacy Designer is no longer under development, although we will continue to address any bugs to maintain the feature. We are happy to help you transition to the Visual Design Studio before we retire the Legacy Designer.

If you have any further questions, be sure to reach out to your Pendo Representative.

What if I have questions or feedback?

You can join others in the Pendo Slack channel #visual-designer. We also provide support through typical channels, including our Pendo Customer Success (csm@pendo.io) and Support (help@pendo.io) teams.

Learn More About Visual Design Studio

© 2019 Pendo  |  Terms of Service  |  Privacy Policy