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
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]
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]
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]
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?
Answer : D
[Salesforce Certified User Experience Designer Exam Guide], Section 2.1: Conduct user research
[UX Designer Certification Prep: User Research], Unit 3: User Research Methods
[Prepare for Your UX Designer Credential], Trailmix: User Research
[Card Sorting: A Definitive Guide]1
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
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.
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