Salesforce User Experience Designer Salesforce Certified User Experience Designer Exam Practice Test

Page: 1 / 14
Total 210 questions
Question 1

Cloud Kicks' development team is working on the build of a new custom component using VS Code. They often have new CSS classes and properties conflicting with the Salesforce Lightning Design System (SLDS),

What should simplify working with SLDS in Lightning Components?



Answer : B

The best option to simplify working with SLDS in Lightning Components is to install SLDS Validator extension for VS Code.This extension (salesforcedx-vscode-slds) scans the markup of the components, validates it against the SLDS documentation, and provides suggestions on how to improve the code1.It also offers syntax highlighting, code completion, and context awareness for SLDS tokens and utility classes1.By using this extension, the development team can avoid CSS conflicts, follow SLDS best practices, and create consistent and accessible components2.

Installing SLDS creator from AppExchange is not a valid option, as there is no such app available on the AppExchange.The AppExchange is a marketplace for Salesforce apps, components, and consulting services, not for VS Code extensions3.

Installing Lightning Design System Plugin for Sketch is also not a valid option, as it is not related to VS Code or Lightning Components.Sketch is a design tool that allows users to create wireframes, mockups, and prototypes4. The Lightning Design System Plugin for Sketch is a plugin that provides SLDS components, icons, and styles for Sketch users. It can help designers to create consistent and compatible designs, but it cannot help developers to work with SLDS in VS Code.


SLDS Validator - Visual Studio Marketplace

SLDS Validator for VS Code - Lightning Design System

AppExchange: Salesforce's Leading Enterprise Cloud Marketplace

Sketch --- The digital design toolkit

[Lightning Design System Plugin for Sketch]

Question 2

Cloud Kicks wants its Salesforce app to represent company branding and comply with Web Content Accessibility Guidelines (WCAG) 2.1.

What should they consider about themes and branding?



Answer : C

Themes and branding allow Salesforce app developers to customize the look and feel of their apps to match their company's branding and accessibility standards. One of the features of themes and branding is the ability to select a brand color, which is the primary color used for buttons, links, and highlights. Salesforce automatically generates a color palette based on the brand color, which includes accessible colors that meet the WCAG 2.1 contrast ratio guidelines. This ensures that the app is visually appealing and accessible to users with different color vision abilities. Developers can also customize other aspects of the theme, such as the logo, page background, and default font.Reference: [Themes and Branding Basics], [Accessibility in Salesforce]


Question 3

A UX Designer is in the process of designing a new page layout for a custom object in Salesforce.

How should the designer ensure thebest end-user experience?



Answer : D

The best way to ensure the end-user experience when designing a new page layout for a custom object in Salesforce is to group similar fields using sections. Sections are UI components that allow you to organize fields into logical groups and provide headings and descriptions for each group. Sections help to improve the readability, scannability, and usability of the page layout by reducing the visual clutter and providing a clear structure and hierarchy for the information. Sections also help to align the page layout with the user's mental model and expectations, as well as the business processes and workflows. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]

Including all potentially useful fields is not a good way to ensure the end-user experience when designing a new page layout for a custom object in Salesforce, because it can create a crowded and overwhelming interface that is hard to navigate and understand. It can also increase the cognitive load and the scrolling effort for the user, as well as the maintenance cost for the designer. It is better to include only the essential and relevant fields that the user needs to perform their tasks and goals, and use other methods such as related lists, tabs, or modals to display additional information. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]

Making field labels and API names identical is not a good way to ensure the end-user experience when designing a new page layout for a custom object in Salesforce, because it can create confusion and inconsistency for the user and the developer. Field labels are the text that appear on the user interface to identify the fields, while API names are the unique identifiers that are used by the system and the code to reference the fields. Field labels and API names should be different, because they have different purposes and audiences. Field labels should be clear, concise, and descriptive, using natural language and proper capitalization, punctuation, and spacing. API names should be concise, unique, and consistent, using underscores and camel case to separate words. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]

Marking all fields as required is not a good way to ensure the end-user experience when designing a new page layout for a custom object in Salesforce, because it can create frustration and annoyance for the user, as well as increase the error rate and the abandonment rate. Required fields are fields that the user must fill in before they can save or submit the record. Required fields should be used sparingly and only for the fields that are absolutely necessary for the system or the business logic. Marking all fields as required can make the user feel pressured and constrained, and force them to enter irrelevant or inaccurate data. It can also make the user miss the truly important fields, or give up on completing the record altogether. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]Reference:[UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]


Question 4

A UX Designer wants to understand the mental model of employees who have requested a new internal community, The brief specifies what the employees should be able to do on the site, but the designer needs to suggest a suitable architecture.

Which technique should be used?



Question 5

Cloud Kicks hired a UX Designer to help create a form for a wide group of users. After receiving that final requirement, the designer realizes there are too many fields.

What could improve form readability?



Answer : D

Adding section headers to a form can improve its readability by breaking it into logical chunks and providing context for the users. Section headers can also help users scan the form and find the information they need faster. Section headers can also reduce the cognitive load and increase the completion rate of the form .Reference:

: Salesforce Certified User Experience Designer Exam Guide, Section 3.2: Design for readability and clarity

: UX Designer Certification Prep: Design for Readability and Clarity, Unit 2: Design for Readability and Clarity

This allows users to quickly scan the form and identify the relevant fields, reducing the cognitive load and improving the overall user experience. Salesforce documentation statesthat ''by grouping related fields into sections, you can make your forms easier to read and understand'' [1].

[1]https://help.salesforce.com/articleView?id=forms_design_best_practices.htm&type=5


Question 6

A UX Designer is creating a site for delivery within Builder for a customer who has strict requirements is stay focusedon out-of-the-box styling and components only.

Which three methods would deliver a branded experience?

Choose 3 answers



Answer : A, C, D

These three methods would deliver a branded experience for a customer who has strict requirements to stay focused on out-of-the-box styling and components only. They are all features of the Builder tool, which is a drag-and-drop interface that allows users to create and customize websites without coding. By using these methods, a UX Designer can create a consistent and appealing visual identity for the customer's site, as well as showcase their brand values and personality.

Select a footer and configure which social media links to display: The footer is the bottom section of a web page that usually contains information such as contact details, terms and conditions, privacy policy, and social media links. By selecting a footer component from the Builder library, a UX Designer can easily add and configure the social media links that the customer wants to display on their site. This can help the customer connect with their audience, increase their brand awareness, and drive traffic to their social media platforms.

Select a theme and customize content including copy and imagery: A theme is a predefined set of design elements, such as colors, fonts, and layouts, that can be applied to a website to give it a consistent and professional look. By selecting a theme from the Builder library, a UX Designer can quickly create a site that matches the customer's brand identity and preferences. A UX Designer can also customize the content of the site, such as the copy and imagery, to make it more relevant and engaging for the customer's target audience.

Use the theme editor to adjust fonts, text case, colors, and site logo: The theme editor is a feature of the Builder tool that allows users to fine-tune the appearance of their site by adjusting various design elements, such as fonts, text case, colors, and site logo. By using the theme editor, a UX Designer can create a site that reflects the customer's brand personality and style, as well as enhance the readability and usability of the site. A UX Designer can also upload the customer's site logo, which is a graphical representation of their brand name or symbol, to increase their brand recognition and credibility.


Builder Overview

Create a Site with Builder

Customize Your Site with the Theme Editor

Question 7

Cloud Kicks (CK) is building a new community portal using Experience Cloud. CK's Designer is asked to provide examples of out-of-box functionality that will make for great customer enagement.

In which three Ways Could CK's customers engage?

Choose 3 answers



Answer : A, D, E

CK's customers can engage in the following three ways using the out-of-box functionality of Experience Cloud:

Endorsement of skills and expertise: Customers can endorse each other's skills and expertise on their profiles, which helps to build trust and credibility within the community.

Join affinity groups: Customers can join groups based on their interests, preferences, or needs, which allows them to connect with like-minded people and share relevant information.

Recognize peers with badges: Customers can recognize each other's contributions and achievements by awarding badges, which helps to motivate and appreciate the community members.Reference:

: Endorse Skills and Expertise

: Create and Manage Groups

: Award Badges to Recognize Members


Page:    1 / 14   
Total 210 questions