SNOW-CAD Designing interfaces and user experiences Practice Test 4 — 15 Questions

Question 1

A developer writes a widget client controller that uses spUtil.get to fetch data from the server. The data is correctly returned, but the widget does not update the UI. What is the most likely cause?

Accepted Answer

The callback does not assign the result to a $scope variable. In ServiceNow widget client controllers, `spUtil.get` returns data asynchronously via a callback. If the callback receives the result but does not assign it to a `$scope` variable, AngularJS's digest cycle never updates the UI, so the widget appears unchanged even though the data was fetched successfully.

Answer

The widget's HTML template does not reference the correct variable name

Answer

The server script did not set data correctly

Answer

The spUtil.get method is deprecated

Question 2

A Service Portal widget uses an AngularJS controller that directly modifies the DOM using jQuery inside the controller. After a platform upgrade, the widget stops working properly. What is the most likely reason?

Accepted Answer

Direct DOM manipulation conflicts with AngularJS digest cycles. AngularJS relies on its digest cycle to detect model changes and update the DOM; when a controller manipulates the DOM directly with jQuery, AngularJS has no knowledge of those changes, so its internal model and the rendered view drift out of sync. Platform upgrades often change AngularJS versions, digest timing, or the rendering pipeline, which exposes or breaks this fragile coupling. The correct fix is to use AngularJS directives (ng-model, ng-if, custom directives) instead of jQuery DOM manipulation.

Answer

jQuery is no longer allowed

Answer

The widget's controller syntax changed

Answer

AngularJS was completely removed from the platform

Question 3

What is the primary purpose of the 'Theme and Branding' module in Service Portal?

Accepted Answer

To define global visual styles like colors and fonts. The Theme and Branding module allows administrators to define global styles such as colors, fonts, and logos that apply across all portal pages.

Answer

To create custom widgets

Answer

To manage portal page layouts

Answer

To configure portal security settings

Question 4

Which TWO accessibility considerations are essential when designing for Service Portal? (Choose two.)

Accepted Answer

Proper heading structure. Option D, proper heading structure, is essential because screen readers and other assistive technologies rely on semantic heading levels (H1–H6) to build a navigable document outline, letting users jump between sections and understand page hierarchy on the Service Portal. Option E, keyboard navigation support, is essential because many users cannot use a mouse, so all interactive elements—links, buttons, forms, and widgets—must be reachable and operable via Tab, Shift+Tab, Enter, and Space, with a visible focus indicator, in line with WCAG 2.1 success criteria. By contrast, Option A (use of color alone) is wrong because conveying information through color only fails WCAG 1.4.1 and excludes color-blind users; Option B (complex data tables without headers) is wrong because tables need programmatically associated <th> headers and scope/caption attributes for screen-reader comprehension; and Option C (auto-play videos) is wrong because autoplaying media violates WCAG 1.4.2, distracts users, and lacks user control over playback.

Answer

Use of color alone for important information

Answer

Complex data tables without headers

Answer

Auto-play videos

Question 5

A dashboard with multiple indicators is loading slowly. The dashboard contains live data from several tables with complex conditions. Which optimization should be applied first?

Accepted Answer

Convert indicators to use aggregated data sources instead of live queries.. Using aggregate indicators reduces the number of live queries by pre-calculating data, which is the most effective optimization for dashboard performance.

Answer

Use client-side scripts to load data asynchronously.

Answer

Reduce the number of indicators to one.

Answer

Increase the cache timeout for all indicators.

Question 6

A user reports that a field 'Cost Center' is not visible on a form, but the UI Policy condition to show it is met. What is the first step in troubleshooting?

Accepted Answer

Check the form layout to ensure the field is present on the form.. The first troubleshooting step is to verify that the 'Cost Center' field is actually present on the form layout. A UI Policy can only show or hide a field that exists on the form; if the field is not in the form layout, the UI Policy condition being met will have no visible effect. Checking the layout is the most fundamental and quickest check before investigating scripts, ACLs, or roles.

Answer

Check the client script that may be hiding the field.

Answer

Check the ACLs for the 'Cost Center' field.

Answer

Check the role requirements for the field.

Question 7

A service portal developer needs to create a spreadsheet-like view for bulk editing incident records directly in the portal. Which ServiceNow feature is designed for this purpose?

Accepted Answer

Use the 'Data Table' widget with the 'Inline Edit' option enabled.. The 'Data Table' widget in ServiceNow Service Portal is specifically designed to display records in a spreadsheet-like format with inline editing capabilities. Enabling the 'Inline Edit' option allows users to edit multiple records directly within the table, which matches the requirement for bulk editing.

Answer

Use the 'Form' widget with a multi-record template.

Answer

Use the 'Report' widget with a drill-down option.

Answer

Use a custom UI macro to display an HTML table with editable cells.

Question 8

Which TWO factors are most important when designing a dashboard for executives to monitor key performance indicators? (Choose two.)

Accepted Answer

Real-time data accessibility. Option B (Real-time data accessibility) is correct because executives monitoring KPIs need current, up-to-date figures to make timely strategic decisions, so the dashboard must surface live or near-real-time data rather than stale batch reports. Option D (Visual clarity and simple layout) is correct because executive dashboards must communicate status at a glance, so clean visuals, minimal clutter, and intuitive layout ensure KPIs are quickly understood without deep analysis. Option A (Including all available metrics) is wrong because cramming every metric creates clutter and obscures the key indicators executives actually need. Option C (Using complex filter conditions) is wrong because intricate filtering adds cognitive load and is unnecessary for a high-level executive view. Option E (Detailed transactional data) is wrong because executives need aggregated KPI summaries, not granular transaction-level records.

Answer

Including all available metrics

Answer

Using complex filter conditions

Answer

Detailed transactional data

Question 9

Which THREE best practices should a developer follow when designing a service portal widget? (Choose three.)

Accepted Answer

Define widget options for configuration. Option A is correct because defining widget options allows the widget to be configured and reused across different portal pages without modifying its code, which is a core Service Portal best practice. Option C is correct because server-side scripts (the widget's Server Script) should be used to fetch data securely and efficiently, keeping sensitive queries and GlideRecord operations off the client. Option E is correct because the Client Script field should be used sparingly and only for UI interactions such as DOM manipulation or client-side event handling, since heavy logic there hurts performance and maintainability. Option B is incorrect because the server-side script is exactly where data retrieval and business logic belong, so avoiding it entirely is not a best practice. Option D is incorrect because relying exclusively on client-side scripts for data retrieval is insecure and inefficient, as it exposes logic and bypasses server-side controls.

Answer

Avoid using the widget's server-side script for any logic

Answer

Use client-side scripts exclusively for data retrieval

Question 10

A company is redesigning a service catalog item that has multiple variables. Some variables should only appear when a specific value is selected in a previous variable, and some fields must be mandatory based on the selected options. The development team is debating whether to use UI policies or client scripts for this logic. What is the best practice for implementing such dynamic behavior in a ServiceNow catalog item?

Accepted Answer

Use UI policies for visibility and mandatory conditions, and use client scripts only for advanced logic that UI policies cannot handle.. Best practice in ServiceNow is to use UI policies for visibility and mandatory conditions because they are declarative, easier to maintain, and execute on the client side without scripting. Client scripts should be reserved for advanced logic that UI policies cannot handle, such as complex calculations or interactions with other variables. This approach minimizes custom code and improves performance.

Answer

Always use client scripts for visibility and mandatory conditions to handle complex scenarios.

Answer

Configure Access Control Lists (ACLs) to restrict field access based on user roles and variable values.

Answer

Use a workflow to control field visibility and mandatory settings based on variable values.

Question 11

Which TWO are best practices for designing forms in ServiceNow to enhance user experience and maintainability?

Accepted Answer

Leverage related lists to display one-to-many relationships on a form.. Option A is correct because related lists are the standard ServiceNow mechanism for presenting one-to-many relationships (e.g., a user's incidents or an incident's tasks) directly on a form, letting users view and act on child records without leaving the parent record and improving the overall UX. Option D is correct because organizing fields into sections (and columns) groups logically related data, making forms easier to scan, navigate, and maintain as fields are added or reorganized. Option B is not a best practice because 'Use Default Form' is a fallback behavior, not a consistency guarantee; proper form design relies on explicit form layouts, views, and UI policies rather than forcing the default form. Option C is wrong because different record types and roles typically require distinct form views and layouts; a single layout for all record types reduces usability and maintainability. Option E is wrong because reference fields are a core, supported ServiceNow field type and are not inherently a performance problem when used appropriately.

Answer

Always enable the 'Use Default Form' checkbox to ensure consistency.

Answer

Use a single form layout for all record types to reduce complexity.

Answer

Avoid using reference fields on forms as they slow down performance.

Question 12

A company is redesigning its service catalog to improve user experience. One of the catalog items, 'Request New Software', contains 10 variables including software category, license type, and required approvals. The variable fields should dynamically show/hide and become mandatory based on previous selections. Currently, the catalog item uses a single, complex catalog client script that handles all visibility and mandatory conditions. This script has become difficult to maintain, and users experience delays when interacting with the form. The IT team wants a more efficient and maintainable solution. What should the administrator do?

Accepted Answer

Implement UI policies for visibility and mandatory conditions, and keep a streamlined catalog client script only for dynamic field values or complex calculations.. Implementing UI policies for visibility and mandatory conditions offloads the logic to the platform's built-in UI policy engine, which is more efficient and maintainable than a complex client script. Keeping a streamlined catalog client script only for dynamic field values or complex calculations ensures that any remaining script logic is minimal and focused.

Answer

Move the entire logic to a business rule that runs on the server side to reduce client-side processing.

Answer

Convert all conditions to UI policies to replace the catalog client script entirely.

Answer

Refactor the existing catalog client script into a single, more efficient script with optimized conditions.

Question 13

A ServiceNow administrator is building a new custom application to track employee training records. The application includes a custom table 'Training Record' with fields such as employee name, training course, completion date, and score. The administrator wants to create a user-friendly form for data entry. The form should display fields in a logical order: first employee details, then training details, then completion information. Additionally, the form should only show the 'score' field if the training type is 'Exam'. Which configuration approach best addresses these requirements?

Accepted Answer

Define multiple form sections to group related fields and use a UI policy to set the 'score' field visible only when training type is 'Exam'.. Defining multiple form sections groups related fields logically (employee details, training details, completion information), and a UI policy can dynamically set the 'score' field to visible only when the training type is 'Exam'. This approach uses declarative configuration rather than custom scripts, making it easier to maintain and less error-prone.

Answer

Design a single form view with all fields and use two client scripts (onLoad and onChange) to hide the score field when conditions are not met.

Answer

Create separate modules for each combination of fields (e.g., one for Exam training, one for others) to simplify data entry.

Answer

Create a single form view with all fields and instruct users to use the filter function to find the fields they need.

Question 14

Refer to the exhibit. A UI Policy is defined on the Incident table. When will the 'assigned_to' field be hidden?

Accepted Answer

When the incident state is 1.. The UI Policy in the exhibit is configured with a condition that hides the 'assigned_to' field when the 'state' field equals 1 (typically 'New'). UI Policies run client-side and evaluate the condition in real time; when the condition is true, the field is hidden. The exhibit shows the condition 'state = 1' with the 'Hidden' attribute checked, so the field is hidden only when the incident state is 1.

Answer

Never.

Answer

Always.

Answer

When the incident state is not 1.

Question 15

A developer is building a custom UI Page for an internal tool in ServiceNow. The page must display a table of records and allow inline editing without a full page reload. The developer wants to use the platform's built-in client-side data binding and rendering framework to minimize custom JavaScript. Which approach should the developer take?

Accepted Answer

Use the AngularJS-based client scripts and directives provided by the ServiceNow platform within the UI Page.. The ServiceNow platform includes an AngularJS-based client framework that can be leveraged within UI Pages to provide data binding, directives, and asynchronous data loading. This allows developers to build interactive, inline-editable tables without relying on full page reloads or writing a custom rendering engine, directly satisfying the scenario's constraints.

Answer

Use a UI Action that calls GlideAjax to refresh the entire page after each edit.

Answer

Use UI Macros with a custom renderer to generate the table and attach DOM event listeners manually.

Answer

Use Jelly with g:list and g:form tags to render the table and handle edits server-side.