Salesforce User-Experience-Designer - Salesforce Certified User Experience Designer (SP25)

Accordions are collapsible sections that can be used to separate different content areas. By using accordions, users can quickly navigate through the page and easily find thecontent that they need. The use of accordions also ensures that screen readers can access the content within each section, reducing the need for additional navigation. Additionally, a Lightning Console layout can be used to organize components, but this layout is optimized for customer service agents and not necessarily for screen reader users. Placing components in adjacent tabs or stacking them on the same page can make the page difficult to navigate and can make it difficult for screen readers to understand the page. For more information, see the Salesforce Accessibility Guide (https://help.salesforce.com/articleView?id=accessibility_overview.htm &type=5).

 According to the Salesforce Lightning Design System, accordions are a good way to organize components on a page for screen reader-assisted accessibility. Accordions allow users to expand and collapse sections of content, which can help reduce cognitive load and scrolling. Accordions also provide a clear heading structure and keyboard navigation for each section1. The other options are not recommended for screen reader-assisted accessibility, as they can create confusion, clutter, or inefficiency for users who rely on auditory feedback. For example, switching to a Lightning Console layout can make it harder for users to navigate between tabs and subtabs2. Placing components in adjacent tabs can also increase the number of keystrokes and commands needed to access the information3. Stacking components on the same page can create a long and overwhelming page that requires excessive scrolling and reading4.

Online surveys are a testing approach that allows a UX Designer to remotely collect feedback from hundreds of users on tasks or activities that do not require much imagination or emotion. Online surveys are useful for gathering quantitative data, such as ratings, rankings, preferences, and satisfaction levels. Online surveys are also relatively easy and inexpensive to administer and analyze. Usability studies and A/B testing are testing approaches that require more interaction and observation from the UX Designer and the users, and are more suitable for tasks or activities that involve more complexity, creativity, or emotion. References: [Online Surveys], [Usability Studies], [A/B Testing]

The SLDS Validator extension for VS Code is a tool that simplifies working with the Salesforce Lightning Design System (SLDS) in Aura and Lightning components. It provides code completion, syntax highlighting, and validation with recommended tokens and utility classes. It also scans the markup and validates it against a database of guidelines, tips, and best practices extracted from the SLDS documentation. It offers suggestions on how to improve the code and avoid conflicts with SLDS12. References: SLDS Validator - Visual Studio Marketplace, SLDS Validator for VS Code - Lightning Design System

A docked prompt is a type of In-App Guidance that can be used to provide contextual help and guidance to the users in the Salesforce app. A docked prompt is a small pop-up window that appears at the bottom of the screen, and can contain text, images, links, or videos. A docked prompt can be triggered by various events, such as opening a page, clicking a button, or completing an action. A docked prompt can also be dismissed by the user, or set to expire after a certain time or date12

A UX Designer can customize the Salesforce Help Menu to meet the request of Cloud Kicks’ Sales team by creating a docked prompt based on new feature rollouts. This way, the UX Designer can:

Inform the users about the new features and how they can benefit from them. For example, the UX Designer can create a docked prompt that introduces the new Einstein Opportunity Scoring feature, and explains how it can help the users prioritize their opportunities and close more deals3

Guide the users through the steps and best practices to use the new features. For example, the UX Designer can create a docked prompt that shows the users how to access and configure the new Einstein Opportunity Scoring feature, and how to interpret and act on the scores3

Engage the users and encourage them to explore and adopt the new features. For example, the UX Designer can create a docked prompt that includes a link to a video tutorial, a Trailhead module, or a feedback survey about the new Einstein Opportunity Scoring feature3

Show a site map of all the content: This is not a way to customize the Salesforce Help Menu to meet the request of Cloud Kicks’ Sales team, because a site map of all the content is not a type of In-App Guidance, and it does not provide specific and timely help and guidance for the users. A site map of all the content is a visual representation of the structure and hierarchy of a website or app, and it can be useful for planning and designing the user interface, but not for providing In-App Guidance4

Provide links to external resources, such as training videos or a company dictionary: This is not a way to customize the Salesforce Help Menu to meet the request of Cloud Kicks’ Sales team, because providing links to external resources is not a type of In-App Guidance, and it does not provide contextual and interactive help and guidance for the users. Providing links to external resources is a way to supplement the Salesforce Help Menu with additional information and resources, but not to create In-App Guidance5

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] References: [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Salesforce Design System]

The Path’s Guidance for Success sections can include the following two elements:

Images and Links: Images and links can be used to provide visual cues and additional resources for the sales representatives. For example, an image of a checklist or a link to a best practice document can help the reps complete the required tasks at each stage. Images and links can be added using the rich text editor in the Path Settings page.

Rich Text: Rich text can be used to provide text-based guidance, such as tips, reminders, instructions, or motivational messages. For example, a rich text guidance can tell the reps what information they need to gather from the customer or what actions they need to take to move the opportunity forward. Rich text can be formatted using the rich text editor in the Path Settings page. References:

: Set Up a Path

: Considerations and Guidelines for Creating Paths

: Optimize Sales Processes with Path in Salesforce

The two elements that can be used in the Path's Guidance for Success section are Images and Links and Rich Text. Images and Links can be used to provide visual elements to the Guidance for Success section, while Rich Text can be used to provide text-based explanations and instructions. In addition, a Progress Indicator can be used to show the user's progress through the Path.

Images and Links can be used to provide visual elements to the Guidance for Success section. For example, if the user needs to read an article, a link to the article can be included, as well as an image of the article cover. Similarly, if the user needs to view a video, a link to the video and an image of the video can be included.

Rich Text can be used to provide text-based explanations and instructions. This can include explanations of what the user should be doing at each stage of the Path, as well as any other helpful information.

Finally, a Progress Indicator can be used to show the user's progress through the Path. This can help the user understand where they are in the Path and how far they have left to go.

 Inviting developers to user testing is a good way to help them see the value of the design changes and understand the user needs and pain points. User testing is a method of evaluating a product or service by observing how real users interact with it and collecting feedback. By witnessing the user testing sessions, developers can see how the design changes improve the user experience, such as increasing usability, satisfaction, engagement, or conversion. User testing can also help developers empathize with the users and collaborate better with the designer. References:

[User Testing]

 The two design considerations that should be made when creating a customer support site in Experience Builder that will be internationalized across 12 different countries are:

Countries may read text in a different direction (right to left vs. left to right) and layouts will need to be adjusted. This is because some languages, such as Arabic and Hebrew, are written from right to left, while others, such as English and French, are written from left to right. This affects not only the text alignment, but also the placement of UI elements, such as buttons, menus, icons, and images. To accommodate different reading directions, the site should use a flexible layout that can be mirrored or flipped based on the language setting. This also follows the principle of designing for accessibility and inclusion, which is one of the learning objectives for the Salesforce User Experience Designer certification12

Colors may have different cultural meanings in different countries, changing the intent of UI elements. This is because colors can convey different emotions, associations, and messages depending on the cultural context. For example, red can mean danger, passion, or luck, depending on the country. Therefore, the site should use colors that are appropriate and respectful for the target audience, and avoid colors that may be offensive or misleading. This also follows the principle of designing for the user’s context and environment, which is another learning objective for the Salesforce User Experience Designer certification34

The SLDS BEM naming convention consists of three parts: block, element, and modifier. A block is a standalone component that can be reused across projects, such as a button, a card, or a modal. An element is a part of a block that has no standalone meaning, such as a label, an icon, or a header. A modifier is a flag that changes the appearance or behavior of a block or an element, such as size, color, or state. The modifier is separated from the block or element by two hyphens (–), and can have a value separated by a single hyphen (-), such as .slds-button–brand or .slds-button–neutral. The class .slds–size-l-of-2 does not follow this convention because it has no block or element name before the modifier. It should be something like .slds-grid–size-l-of-2 or .slds-col–size-l-of-2. References:

[1]: Salesforce Lightning Design System - Introduction

[2]: Salesforce Lightning Design System - Naming Con