The Now Platform® Washington DC release is live. Watch now!
02-01-2022 06:56 AM - edited 11-17-2022 06:40 AM
Center of Excellence / Next Experience / Next Experience UI Overview |
Table of Contents |
In the San Diego release we launched the Next Experience UI provide users with a new modern visual design and a unified experience between the Core UI and applications in the instance. Unified Navigation enables users to access content from various sources in one pane such as UI16 forms, lists, and dashboards in the same pane as a Workspace.
This article introduces users and administrators to the terminology used in Next Experience product documentation, considerations for activating Next Experience UI, and the technology used in Next Experience UI. For more information visit the Next Experience UI product documentation.
The initial launch of the Next Experience UI in San Diego is focused on improving experiences for Service Delivery Teams (Agents, Fulfillers) - the users who spend most of their working day in the Now Platform. Employee Center (built on the Service Portal technology stack) is our recommended solution for portals to keep employees engaged, productive, informed, and to easily request the services and resources they need. Employee Center was launched in Rome and will see ongoing investments and a robust roadmap with quarterly releases for the foreseeable future.
We are still defining the approach and time frame for delivering employee portals on Next Experience. We expect to support hybrid deployments - with a mix of Next Experience and Service Portal features to enable phased transitions of Service Portal based employee portals to Next Experience. We will share more details once the approach and time frames for Next Experience employee portals are defined.
Prerequisites |
The technology and concepts in this guide are based upon the San Diego release of the Now Platform.
There are two intended audiences for the technology in this guide:
Terminology |
Term |
Definition |
Audience | An audience defines who can see your pages. Pages can be created for targeted experiences tailored to audiences and roles such as agents and managers. |
Core UI | Also known as UI16, or Platform/Classic UI. Core UI consists of Jelly based pages that contain content such as lists, forms, and dashboards. |
Landing Page | When using the Next Experience UI, landing pages provide quick visibility and access to user's work. |
Next Experience UI Framework | Formally known as Now Experience UI Framework, a ServiceNow JavaScript framework built on web components standards. Enables developers to build custom web components to create modern user interfaces for users. |
Next Experience UI | The specific user interface launched in the San Diego release that utilizes Landing Pages and Unified Navigation. There may be technical references to Polaris within the instance and this article, which is the previous name for Next Experience UI. |
UI Builder | The web user interface builder for the Next Experience UI Framework. UI Builder is used to build pages for Next Experience UI Landing Pages, Configurable Workspaces, App Engine Studio generated workspaces and portals, or custom web experiences using Next Experience Components and custom web components. |
Unified Navigation | Next Experience Unified Navigation unifies classic UI16 applications and WEP (Web Experience Platform, also known as UI Builder) Workspaces within one navigation header. |
Variant | A version of a page that features targeted content for specific audiences. For example, a variant can be created to assembled targeted content for Managers versus Agents. |
Web Experience Platform | Comprised of multiple technologies used to deliver sharable, extensible, configurable, and consistent experiences such as UI Builder and Next Experience Components. |
Activation and Migration |
Activating the Next Experience UI is not a mandatory requirement for upgrading to San Diego. Existing customers should refer to the information below and the product documentation when deciding to activate Next Experience UI. The San Diego upgrade does not automatically enable Next Experience UI for existing customers. |
The path to activating Next Experience UI may depend on the level of customization in your instance. We recommend receiving guidance and support from those who assisted in customizing your instance, or another certified partner, to ensure your move to the Next Experience UI goes smoothly. For more detailed information on activating Next Experience UI see the Considerations for activating Next Experience product documentation.
New customers launching on San Diego or customers that have performed a zBoot on their instance will have the Next Experience UI automatically enabled on their instance. These customers also have the Default Landing Page that ships with Next Experience UI automatically enabled.
Customers with heavily customized experiences should perform thorough testing before upgrading production instances to use Unified Navigation. |
System Properties |
The Next Experience UI is enabled with a system property, and other properties control whether users have the option to change their theme variant, as well as which landing page the user sees when they log in to an instance with Next Experience enabled. For a more extensive list of system properties see the Next Experience system properties product documentation.
Property |
Description |
Default |
glide.ui.polaris.experience | An audience defines who can see your pages. Pages can be created for targeted experiences tailored to audiences and roles such as agents and managers. |
New customers: true Existing customers: false |
glide.login.home | Path that displays when a user logs in. |
New customers: now/nav/ui/home Existing customers: previous home setting |
glide.ui.polaris.dark_themes_enabled | Enables dark theme, as well as variants. | false |
glide.banner.image.url | URL used when clicking the banner/logo image | Can set this to any value, if you want it to be the same as glide.login.home enter the same value. |
User Preferences |
Preference |
Description |
Default |
System |
glide.ui.polaris.landing_page_header_collapsed |
Determines if the onboarding section in the Default Landing page shows. If set to false, the onboarding section will show. | Created and set to true once a user clicks 'Close' in the Default Landing Page Onboarding. | No |
overview_help.visited.navui |
Determines if the pop-up for Onboarding appears when the user logs into an instance using Next Experience UI for the first time. | Created and set to true once a user logs in to an instance with Next Experience UI enabled for the firs time. | No |
glide.ui.menu.main.pinned.id |
This user preference holds which menu is pinned. If administrators want to set a default pinned menu for all users, they can create a system user preference and place the sys_id of the menu they want pinned in before any users log in and pin a menu. | No default is set, user preference is created with a user pins a menu. | Not by default |
Default Landing Page |
The Default Landing Page enables users to see their work at a glance and identify which work they can start on for the day. Landing pages may include the following items based on your role and task:
New customers launching on San Diego or customers that have performed a zBoot on their instance will have the Next Experience UI automatically enabled on their instance. These customers also have the Default Landing Page that ships with Next Experience UI automatically enabled.
Existing customers upgrading from a previous release will not see the default landing page upon activating the Next Experience UI. Existing customers will continue to see their existing start page (Homepage or Dashboard). By utilizing existing start pages, this provides administrators the ability to turn on the Next Experience UI and allow for users to begin using the new user interface, and provides administrators the time to create organization specific landing pages. Existing customers can use the Default Landing Page by modifying the glide.login.home system property, though it is recommended to perform testing on the Default Landing Page in a sub-product instance to verify it meets current user needs.
The Default Landing Page is broken down into three areas:
The default landing page cannot be modified, but can be used as a template for customers who wish to create their own landing pages. Landing pages can be tailored to different user experiences in UI Builder, for more information on creating pages in UI Builder and creating Landing Pages see the following resources:
Unified Navigation |
Next Experience Unified Navigation unifies Core UI (UI16) applications and WEP (Web Experience Platform, also known as UI Builder) Workspaces within one navigation header. Users can access UI16 menus, view where they currently are, access notifications, use global search across platform lists and workspaces, get help, and access the user menu from the Unified Navigation header. Unified Navigation is broken down into distinct areas.
The default logo shown is the ServiceNow logo, and can be replaced by your company logo bu customizing the theme record associated to the Unified Nav App Config record. Clicking the logo will return the user to the Next Experience landing page, or the URL specified in the following system property glide.banner.image.url. Hovering over the logo will display the Instance Name and Description.
If Unified Navigation is enabled, users will have the All, Favorites, and History overlay menus by default. If users have access to a WEP (Configurable) Workspace they will see the Workspace menu item. Overlay menus allow for users to free up screen real estate while accessing applications. Menus are pin-able to allow for users to choose their navigation preference. When working with smaller window sizes, the menus will collapse into an overflow menu.
The Contextual App Pill provides context for where a user is in the instance. The Favorite star allows the user to favorite the current location they are in the instance. Note: If a Browser tab title has been set in the UI16 System Configuration, it will display in the Contextual App Shell.
The controls that users need to do their job are omni-present on the right side of the header. Consistent search, Help, and Notifications are available to all users.
Users can access user preferences between the Platform UI and WEP (UI Builder) experiences in one location. Some preference categories only appear dynamically depending on permissions or context such as Impersonate user or Elevate role. See the Exploring Next Experience pickers product documentation for administrator features and keyboard shortcuts.
Is it possible to enable this Next Experience for just a single group?
Hi
This is the most useful article I've found for migrating to the Next Experience UI. Thank you for putting it together!
How much data does the History menu hold? Is it limited by date/time or number of rows? Can you search for history that is not visible in the menu?
Hi, great article
I have enabled the next experience and set the properties for the landing page as indicated here. However I can't access the new landing pages, not even by navigating directly to now/nav/ui/home. I am always redirected to the dashboard overview instead. Any idea what might be missing?
Hi Miguel,
I had the same issue. Did you check your user preference?
User Administration > User Preferences and set the preference for your name like below. You will may have to log out to get it to take affect, that's what I had to do.
Take a look at this on Share, works a treat to allow users to swap their UI:
In UI16 we could use Overview Help pages, but I haven't yet found out where the OOTB onboarding panels are stored and whether/how these can be amended for other announcement uses.
I can see the images stored in the images in the images table, but it looks like these cannot be changed. Also where does the text come from e.g. 'Work Your Way Pin or unpin your menus to maximize your working space'.
Bumping for attention of
Hi all,
I am just starting to get familiar with Next Experience and noticed in the docs above
The default logo shown is the ServiceNow logo, and can be replaced by your company logo bu customizing the theme record associated to the Unified Nav App Config record
Can somebody point me in the direction of the 'theme record associated to the Unified Nav App Config' record'
as I need to change it quickly from servicenow
Hi,
The Nxt experience is relevant to UX designer or UI developer.
I am null in coding, its is possible to complete this course by myself?
Thanks
@Paul Curwen , navigate to Adoption Services > All Guidance.
You will find here the guidance dedicated for Next Experience under the name: "Unified Navigation Onboarding".
Documentation is really incomplete...
I've found an article where they explain how to modify the Onboarding Content:
https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1080262
I tried it and it is working.
Hope this will help.