UI Navigation & Interface | ServiceNow CSA Part 1

Section 1

The Three-Frame Layout

Every ServiceNow page is composed of three persistent frames. Understanding this structure is foundational — it directly informs how users navigate, where settings live, and how pages render. Almost every exam navigation question maps back to knowing which frame owns which function.

Application Navigator (left)

⬡ Filter box

⭐ Favorites

◷ History

▶ Applications

└ Modules

Content Frame (center)

All forms, lists, dashboards, and work items render here.
The active record/page always opens in this frame.

Banner Frame (Top)

The banner is always visible and provides instance-wide controls:

Logo — clicks back to the home page / dashboard
Global Search bar — searches all tables in the instance simultaneously
Settings gear (⚙) — opens the System Settings dialog (theme, display density, developer mode)
Help icon (?) — contextual help, links to ServiceNow documentation
User avatar (top-right) — profile, preferences, impersonation, logout
Connect sidebar toggle — opens the collaboration/chat panel on the right
History (clock icon) — quick access to recently visited records and pages

Application Navigator (Left Sidebar)

The navigator is the primary way users find applications and modules. It contains a filter text box at the top for real-time filtering, starred favorites pinned above the full app list, and the hierarchical tree of all applications and their modules.

Content Frame (Center/Main)

All actual work happens here. When you open a list, form, dashboard, or report, it renders in the content frame. It is essentially the "browser window" of the ServiceNow experience — the other two frames are persistent chrome.

💡

Analogy — Like a Web Browser Think of the three frames like a web browser: the Banner is the browser toolbar (address bar, settings, bookmarks), the Application Navigator is the bookmarks sidebar or tab list, and the Content Frame is the main page viewport where websites load. Just as you don't browse in the toolbar, you never "work" in the banner.

Section 2

Application Navigator Deep Dive

The Application Navigator (also called the left-nav) is your primary wayfinding tool. It looks simple but has several layers of functionality tested on the exam.

Filter Navigator

The text box at the very top of the left-hand sidebar is the Filter Navigator. As you type, it filters all application modules in real-time across every application scope simultaneously. It supports partial matching — typing inc immediately narrows the list to items containing that substring (e.g., Incident, Incidents, Major Incident Management).

Press Enter after filtering to open the first matching module directly
The filter is cleared when you click away or navigate to a page
You can also type a table name (e.g., incident.list) to jump directly to that table's list view
Typing incident.do opens a new blank Incident form

⚠

Exam Trap The Filter Navigator filters ALL applications simultaneously, not just the currently expanded application. Many candidates assume it only searches within the open app — it does not. It searches the entire navigation tree regardless of scope or application.

Module Hierarchy

Applications in ServiceNow follow a three-level hierarchy in the navigator:

Application

›

Module

›

Sub-module

For example: Incident (application) → Create New (module) is a common navigation path. Some applications have additional sub-groupings, but the three-level model is the canonical structure.

Starred Favorites (⭐)

Any module can be starred by hovering over it in the navigator and clicking the star icon that appears. Starred items appear in a dedicated Favorites section pinned above the full application list, giving instant access without needing to scroll or type.

Favorites are per-user and stored in user preferences
You can reorder favorites by dragging them
Clicking the star again removes the item from favorites

History

The clock icon in the banner (or the History section in the navigator, depending on UI version) shows recently visited records and pages. This is useful for returning to an item you navigated away from without searching again.

Application Picker (Scope Switcher)

At the top of the Application Navigator there is an application picker dropdown (also called the scope switcher). This controls which application scope you are currently working in. Switching scope affects which tables, scripts, and configuration items are visible when using development tools. For standard navigation and ITSM use, this is typically set to Global.

💡

Pro Tip — Direct URL navigation Power users navigate using the URL bar of the content frame. Appending .list to a table name (e.g., incident.list) in the Filter Navigator jumps directly to the list. Appending .do opens a new blank record. This is faster than drilling through menus.

Section 3

Next Experience UI (Polaris)

ServiceNow has two distinct UI paradigms. Understanding which is current and what changed is a guaranteed exam area.

📘

Core Concept Next Experience (codenamed Polaris) is the current, modern UI as of the San Diego release onward. All CSA exam questions assume you are operating in Next Experience. The older interface is referred to as UI16 or Classic UI. If you see screenshots of a lighter, less integrated interface in study materials, they may depict Classic UI — always interpret questions in the context of Next Experience.

Classic UI vs. Next Experience — Comparison

Feature / Aspect	Classic UI (UI16)	Next Experience (Polaris)
Navigation sidebar	Separate left-frame, lighter background	Unified dark sidebar, collapsible
App launcher	Not present as a distinct element	Grid icon (⊞) — access to all workspace apps
Workspaces	Not available; all work in classic forms	Role-based workspaces (e.g., Agent Workspace)
Dark / light mode	Not supported	Supported via System Settings ⚙
Compact mode	Not available	Available — reduces padding/whitespace
Font size control	Not available in UI	Adjustable in System Settings
Global search placement	Banner, limited scope	Banner, full unified search across tables
Connect sidebar	Separate tab / panel	Integrated right-side panel, persistent
UI framework	AngularJS-based (Legacy)	Now Platform UI (web components)

Key Next Experience Elements

App Launcher ⊞

Grid icon in the banner; opens a full-screen app launcher for workspaces and applications.

Workspaces

Role-tailored interfaces (e.g., Agent Workspace for ITSM agents) with task-optimized layouts.

System Settings ⚙

Gear icon in banner: theme (dark/light), compact mode, font size, language, notifications.

Unified Navigation

Single sidebar handles all apps. No separate "frame" — sidebar and content are a unified shell.

Now Assist Panel

AI-powered assistant panel (Vancouver+) integrated into the banner for generative AI features.

Contextual Banner

Banner adapts based on context — workspace vs. platform, module vs. homepage.

Section 4

Global Search

The search bar in the banner is Global Search. It queries multiple configured tables simultaneously and returns results grouped by source type. Understanding the distinction between global search and list column filters is a frequent exam question.

🔍 Global Search (Banner)

Searches the entire instance
Queries multiple tables at once
Returns grouped results by type
Results include: Incidents, Users, CIs, KB Articles, Catalog Items
Searches full-text / keywords
Triggered from the banner search bar

⊟ List Filter (Column Header)

Searches only the current list view
Queries a single table
Filters visible rows in real-time
Column-level: searches specific fields
Uses the magnifying glass icon in column headers
Does NOT search other tables

⚠

Exam Trap — Search Scope Distinguish between the two search mechanisms: Global Search (banner search bar) searches the entire instance across configured tables, while the List Filter (magnifying glass icon in a column header on a list view) only filters the current list. The exam often presents a scenario and asks which tool to use.

Search Sources Configuration

Which tables appear in global search results is controlled by Search Sources. Each search source defines:

The table being searched
Which fields are queried
The display fields shown in results
The order of result groups

Admins can add, remove, or reprioritize search sources via System Settings › Global Search › Search Sources. Only tables with a configured search source appear in global search results.

Search Result Grouping

Results are returned in named groups (e.g., Incidents, Users, Knowledge). Users can click "See all results" within a group to expand to a full list view of matching records in that table.

Section 5

User Menu & Preferences

Clicking the user avatar (top-right of the banner) opens the user dropdown menu. This is distinct from the System Settings gear icon — both provide configuration but at different levels.

Profile

Opens the logged-in user's sys_user record — name, email, department, phone, etc.

Preferences

User-level settings: date format, time zone, language/locale, rows per page, theme.

Impersonate User

Admins only: act as another user to troubleshoot their experience. Uses that user's roles.

Log out

Ends the session and returns to the login page.

User Preferences vs System Settings

Setting	Location	Scope
Date & time format	User Menu → Preferences	Per-user only
Time zone	User Menu → Preferences	Per-user only
Rows per page (list view)	User Menu → Preferences	Per-user only
Language / locale	User Menu → Preferences	Per-user only
Dark / light theme	Settings ⚙ → Appearance	Per-user (stored in settings)
Compact display mode	Settings ⚙ → Appearance	Per-user
Font size	Settings ⚙ → Appearance	Per-user
Developer mode	Settings ⚙ → Developer	Per-user (requires admin role)

User Impersonation

Impersonation is an administrative feature accessed via User Menu → Impersonate User. When impersonating:

The admin sees the UI exactly as the impersonated user would see it
All roles, ACLs, and permissions apply as if you are that user
A yellow banner is displayed at the top of the screen indicating active impersonation
Click End Impersonation (in the banner or user menu) to return to your own session
Actions performed during impersonation are still logged under the original admin user

💡

Tip — What impersonation does and does NOT do Impersonation does adopt the impersonated user's roles and data visibility for the current session. It does not permanently change your roles. When you end impersonation, you return to your own role set. Audit logs record impersonation activity under your account, not the impersonated user's.

🚫

Warning — Role-Based Access Users with the itil role cannot see admin modules even if they manually type the admin module URL. ACLs and role checks are enforced server-side — bypassing the UI through direct URL entry does not grant access to restricted data or modules.

Section 6

Keyboard Shortcuts

ServiceNow provides keyboard shortcuts to speed up common navigation and record management actions. A small number of these appear regularly in exam scenarios and practical use — memorize the table below.

Shortcut	Action	Notes
`Alt` + `←`	Navigate back	Go to previous page in content frame history
`Ctrl` + `Alt` + `G`	Go to / focus filter navigator	Places cursor in the Filter Navigator text box
`Ctrl` + `S`	Save current record	Saves without leaving the form (stays on record)
`Ctrl` + `Insert`	Insert / save as new record	Saves current form as a new record (Insert and Stay)
`/` (in filter nav)	Focus filter navigator	When focus is in the navigator, `/` activates the filter box
`Escape`	Close dialog / cancel	Closes modal dialogs and overlay panels
`Alt` + `F`	Toggle form layout (field controls)	Activates form personalization mode (field show/hide)

⚠

Exam Note — Save vs Insert Ctrl+S saves the record and remains on the same record. Ctrl+Insert creates a new record from the current form. These are distinct actions — exam questions may ask which shortcut preserves the current record vs. which creates a copy/new entry.

Section 7

Connect Sidebar

The Connect Sidebar is ServiceNow's built-in collaboration and messaging panel, accessible via the chat icon in the banner (typically the speech-bubble or ☰ icon on the right side of the banner).

Core Connect Features

Direct Messages — one-to-one chat between ServiceNow users
Team Conversations — group channels for collaborating on topics or incidents
Context Conversations — conversations attached to a specific record (visible from the record's form)
Task creation — tasks and to-dos can be created directly from chat messages
File sharing — attachments can be shared within Connect conversations

Connect vs. Microsoft Teams Integration

From the Zurich release onward, ServiceNow supports native Microsoft Teams integration alongside Connect. Key distinctions:

Aspect	Connect Sidebar	MS Teams Integration
Location	Built into the ServiceNow UI (right panel)	External Teams app + ServiceNow bot
Record context	Directly linked to records — visible in form tabs	Notifications pushed to Teams channels
Task creation	Native; tasks created in ServiceNow	Via bot commands (adaptive cards)
Availability	All releases (legacy Connect available UI16+)	Requires Teams integration plugin & Zurich+

📘

Context-Attached Conversations One powerful Connect feature is record-attached conversations. When working on an Incident, you can open a conversation directly from the form's Connect tab. That thread stays linked to the Incident record — any team member opening the record can read the full conversation history, maintaining context without leaving ServiceNow.

Exam Quick Reference

Common Exam Traps — UI Navigation

The Filter Navigator filters ALL applications, not just the current one
Global Search (banner) ≠ List Filter (column header magnifying glass)
Impersonation uses the impersonated user's roles for that session only; audit logs still record the admin
Users cannot access admin modules by guessing URLs — ACLs are enforced server-side
All CSA exam questions assume Next Experience UI, not Classic UI / UI16
Ctrl+S saves the record; Ctrl+Insert creates a new one
User Preferences (avatar menu) controls date/time/timezone/locale; System Settings (gear) controls display/theme/developer mode
The Application Picker at the top of the Navigator controls scope, not which app is open