Explanation
A deal closer is someone who is responsible for closing sales deals with prospects and customers. They need to update existing prospect and customer records to keep track of their interactions and status. They also need to log activities such as calls, emails, and notes to document their communication and follow-ups. They also need to review and work through their list of leads or opportunities to prioritize their tasks and identify the best prospects to focus on. These activities are essential for a deal closer to manage their pipeline and achieve their sales goals. Creating cases from issues and customizing and administering Salesforce are not activities that a deal closer would do each day. These are more likely to be done by a customer service agent or a Salesforce administrator, respectively. References: [Salesforce Certified User Experience Designer Exam Guide], [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas]

Dynamic Actions are a feature that allows the UX Designer to customize the actions that appear on the Highlights panel of a Lightning record page based on criteria such as record status, user profile, or field value.
This way, the UX Designer can declutter the Highlights panel and show only the relevant actions for each record. Dynamic Actions can be configured in the Lightning App Builder instead of the page layout editor, which gives more flexibility and control to the UX Designer. References:
* Salesforce Dynamic Actions – Overview & Deep Dive Tutorial
* Create Dynamic Actions in Lightning App Builder – Salesforce
* Add Visibility Rules for Dynamic Pages – Trailhead

The designer should consider the traits similar to customer personas when selecting users for testing. Customer personas are fictional representations of the target users of a product or service, based on user research and data. Customer personas help the designer to understand the needs, goals, behaviors, and preferences of the users, as well as their pain points and challenges. Customer personas also help the designer to empathize with the users and design solutions that meet their expectations and requirements. [UX Designer Certification Prep:
User Research], [UX Designer Certification Prep: User Roles and Personas] When selecting users for testing, the designer should aim to recruit users who match the traits of the customer personas as closely as possible. This ensures that the users who participate in the testing are representative of the actual or potential users of the product or service, and that the feedback and insights gathered from the testing are valid and reliable. Selecting users who have traits similar to customer personas also helps the designer to evaluate the usability and user experience of the product or service from the user’s perspective, and to identify and prioritize the areas for improvement. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation] Traits dissimilar to customer personas, traits similar to friends and family, and traits of the most common demographic and ability are not criteria that the designer should consider when selecting users for testing.
These criteria can lead to biased or inaccurate results, as they do not reflect the diversity and complexity of the user population. Users who have traits dissimilar to customer personas may not have the same needs, goals, or expectations as the target users, and may provide feedback that is irrelevant or misleading. Users who have traits similar to friends and family may not be objective or honest in their feedback, and may have a different level of familiarity or expertise with the product or service than the target users. Users who have traits of the most common demographic and ability may not account for the variations and differences among the target users, and may exclude or marginalize the users who have special needs or preferences. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation] References: [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas], [UX Designer Certification Prep: User Testing and Evaluation]

Explanation
The best place on the SLDS website for the designer to find accessible HTML and CSS used to create components along with implementation guidelines is the Component Blueprints1. Component Blueprints are framework-agnostic, accessible HTML and CSS that provide the basic structure and style for Lightning components1. The designer can use the Component Blueprints to create custom Lightning Web Components that are consistent with the Lightning Design System. Design Tokens (B) are not the best place to find HTML and CSS, as they are variables that store design attributes, such as colors, fonts, and spacing2. Development Tools are not the best place to find implementation guidelines, as they are tools and resources that help developers build and test Lightning components, such as VS Code extensions, LWC recipes, and Playground3. References:
Component Blueprints | Salesforce Lightning Design System
Design Tokens | Salesforce Lightning Design System
Development Tools | Salesforce Lightning Design System

Responsive design is a web design approach that aims to make web pages adapt to different screen sizes and resolutions, ensuring good usability and user experience across all devices. Some of the best practices for responsive design are:
* Specify breakpoint sizes: Breakpoints are the points at which the layout of a web page changes based on the width of the viewport. For example, a web page may have a two-column layout on a desktop, a single-column layout on a tablet, and a stacked layout on a mobile phone. Specifying breakpoint sizes helps to create a fluid and flexible layout that responds to the device capabilities and user preferences.
Breakpoints can be specified using media queries in CSS, which allow applying different styles depending on the media features, such as width, height, orientation, resolution, etc. For example:
@media (max-width: 600px) { /* Styles for screens that are 600px or smaller */ }
@media (min-width: 601px) and (max-width: 900px) { /* Styles for screens that are between 601px and
900px */ }
@media (min-width: 901px) { /* Styles for screens that are 901px or larger */ }
* Minimize page weight: Page weight is the amount of data that a web page transfers to load on a browser.
It includes the size of the HTML, CSS, JavaScript, images, fonts, and other resources that make up the web page. Minimizing page weight helps to improve the performance, speed, and user satisfaction of a web page, especially on mobile devices that may have limited bandwidth, battery, and processing power. Some of the ways to minimize page weight are:
* Optimize images: Images are often the largest contributors to page weight, so it is important to optimize them for the web. This means choosing the right format, size, resolution, and compression level for each image, as well as using responsive images techniques, such as the srcset and sizes attributes, to deliver the most appropriate image for each device and screen size.
* Implement caching: Caching is a technique that stores a copy of a web page or its resources on the browser or the server, so that they can be reused without having to be downloadedagain. This reduces the amount of data that needs to be transferred and improves the loading time of a web page. Caching can be implemented using HTTP headers, such as Cache-Control and Expires, or using service workers, which are scripts that run in the background and intercept network requests.
* Minify and concatenate files: Minification is a process that removes unnecessary characters, such as whitespace, comments, and formatting, from the code files, such as HTML, CSS, and JavaScript, to reduce their size. Concatenation is a process that combines multiple code files into one, to reduce the number of HTTP requests that the browser needs to make. Both minification and concatenation can help to reduce the page weight and improve the performance of a web page.
* Use a content delivery network (CDN): A CDN is a network of servers that are distributed across different locations and regions, and that store and deliver copies of a web page or its resources to the users. A CDN can help to reduce the page weight and improve the speed of a web page by serving the content from the nearest server to the user, reducing the latency and bandwidth consumption.
The other two options, using separate URLs per device and utilizing pop-up windows, are not considered responsive design best practices, as they can create usability and accessibility issues for the users. Using separate URLs per device means creating different versions of a web page for different devices, such as example.com for desktop, m.example.com for mobile, and t.example.com for tablet. This approach can lead to inconsistent and fragmented user experiences, as well as duplicate content and SEO problems. Utilizing pop-up windows means creating new browser windows that open on top of the current web page, usually to display advertisements, notifications, or forms. This approach can be annoying and intrusive for the users, as well as difficult to close or navigate on small screens.
References: Responsive Design: Best Practices and Considerations | Toptal, Responsive design – Learn web development | MDN, The Beginner’s Guide to Responsive Web Design in 2023 – Kinsta, Responsive Design Best Practices. by Nick Babich – UX Planet

The best Salesforce solutions for Cloud Kicks to deliver consistently branded content at every touchpoint are Distributed Marketing and Journey Builder. Distributed Marketing allows individual agents to send personalized and compliant messages to their customers, using pre-approved templates and content created by the corporate marketing team1. Journey Builder enables the marketing team to design and automate customer journeys across channels and devices, using data and analytics to optimize the customer experience2. Email Builder and Customer 360 (B) are not sufficient to ensure consistent branding and communication, as they only cover email marketing and customer data integration, respectively. Service Cloud and Letterhead are also not the best solutions, as they only focus on customer service and email formatting, respectively. References:
* Distributed Marketing | Salesforce
* Journey Builder | Salesforce

Explanation
Two best practices that should be considered when using a custom Lightning component to fulfill a specific business requirement are:
Find the closest Salesforce Lightning Design System (SLDS) Blueprint to help inform the custom Lightning component. The SLDS is a collection of design guidelines, UI components, and code samples that help you create consistent and beautiful user interfaces for Lightning applications. The SLDS Blueprints are examples of common UI patterns and components that are built with the SLDS and follow the design principles and best practices. The Blueprints can help you inform the custom Lightning component by providing inspiration, guidance, and code snippets that you can modify and reuse. The Blueprints can also help you ensure that the custom Lightning component is compatible and consistent with the rest of the Lightning application and the Salesforce platform. [UX Designer Certification Prep: Salesforce Design System], Lightning Design System Website Exhaust the list of available base Lightning components in the Component Library. The base Lightning components are a set of pre-built UI components that you can use to create custom Lightning components. The base Lightning components are built with the SLDS and provide the functionality and interactivity that you need for common UI elements, such as buttons, icons, forms, tables, charts, and more. The base Lightning components also handle the accessibility, security, and performance aspects for you, so you don’t have to worry about them. The Component Library is a reference guide that provides documentation and examples for the base Lightning components, as well as other Lightning web components and Aura components. The Component Library can help you explore the list of available base Lightning components and see how they work and how to use them. The Component Library can also help you avoid reinventing the wheel and save time and effort by using the base Lightning components as much as possible, and only creating custom Lightning components when there is no suitable base Lightning component for your requirement. [UX Designer Certification Prep: User Testing and Evaluation], Developer Center’s Lightning Component Library Prioritizing Aura markup even if there is a Lightning Web Component (LWC) available, and creating HTML markup and linking the SLDS stylesheet via static resource are not best practices that should be considered when using a custom Lightning component to fulfill a specific business requirement. These practices can lead to suboptimal performance, maintainability, and compatibility issues for the custom Lightning component.
Aura markup is the older syntax for creating Aura components, which are the predecessor of Lightning web components. Lightning web components are the newer and faster way of creating custom UI components for Lightning applications, using modern web standards and best practices. Lightning web components also have better interoperability and compatibility with Aura components and other web components, as well as with the base Lightning components and the SLDS. Therefore, it is recommended to use Lightning web components over Aura components whenever possible, and to use LWC markup instead of Aura markup for creating custom Lightning components. [UX Designer Certification Prep: User Testing and Evaluation], Lightning Web Components Developer Guide Creating HTML markup and linking the SLDS stylesheet via static resource is also not a recommended practice for creating custom Lightning components, because it can create unnecessary complexity and duplication for the custom Lightning component. A static resource is a file or a collection of files that can be referenced by a Lightning component, such as images, style sheets, JavaScript libraries, or fonts. However, linking the SLDS stylesheet via static resource means that you have to manually download and upload the SLDS files to your org, and update them whenever there is a new version of the SLDS. This can create maintenance and compatibility issues for the custom Lightning component, as

Card sorting is a UX research method where participants group ideas or information into different categories, based on what feels natural to them. Card sorting is ideal for the early stages of a website project, when the UX designer needs to understand how users organize and label content. Card sorting can help the UX designer to suggest a suitable architecture for the internal community, based on the employees’ mental model and expectations. Card sorting can also reveal any gaps or overlaps in the content, and provide insights for naming the categories and subcategories. References: Card Sorting / Tree Testing | Bentley University, Tree Testing vs. Card Sorting: Which is Right for You? | Maze

According to the Web Content Accessibility Guidelines (WCAG) 2.1, the minimum color contrast ratio for normal text is4.5:11. This means that the difference in brightness (luminance) between the text color and the background color should be at least 4.5 times.This ensures that the text is readable by people with moderately low vision, color deficiencies, or contrast sensitivity1. The contrast ratio can be calculated using the formula:
L2+0.05L1+0.05
whereL1is the relative luminance of the lighter color andL2is the relative luminance of the darker color2.The relative luminance is a value between 0 and 1, where 0 is black and 1 is white2.The contrast ratio can range from 1:1 (white on white) to 21:1 (black on white)2.
The contrast ratio requirement for normal text is lower for larger text or bold text, as they are easier to read at lower contrast.For large text (18 point or 14 point bold), the minimum contrast ratio is3:11.For graphics and user interface components, such as form input borders, the minimum contrast ratio is also3:13.For level AAA conformance, the minimum contrast ratio for normal text is7:1and for large text is4.5:11.
To evaluate the color contrast ratio of a site, there are various tools available, such as theContrast Checkeror theContrast Ratiotool. These tools allow users to enter the text color and the background color and see the contrast ratio and whether it meets the WCAG guidelines. They also provide suggestions for improving the contrast ratio if needed.
References:
* Understanding Success Criterion 1.4.3: Contrast (Minimum)
* Contrast Ratio – WCAG Color Contrast Checker
* WebAIM: Contrast Checker
* WCAG: Accessible colour and contrast ratios
* Contrast ratio – WCAG WG

Compact display density is a global user interface setting that allows users to view more content on every screen by reducing the amount of space between page elements and aligning the field labels to the left of the fields. Compact display density is suitable for text information-rich Salesforce orgs, such as Cloud Kicks, that want to maximize the use of limited screen space on laptops. Compact display density can be set as the default for the org by the system admins, or chosen by individual users from their profile menu1.
Comfy display density is another global user interface setting that provides a spacious view with labels on the top of fields and more space between page elements. Comfy display density is suitable for orgs that want to emphasize readability and clarity, or that have more complex or interactive fields. Comfy display density is not the best option for Cloud Kicks, as it would reduce the amount of content that can be displayed on each screen1.
Enable collapsible sections is a feature that allows users to collapse or expand sections on a record page layout. Collapsible sections can help users focus on the most relevant information and reduce scrolling.
However, collapsible sections are not a global user interface setting, but a page layout option that can be configured by the admins. Collapsible sections can be used in combination with either comfy or compact display density, but they do not affect the alignment of the field labels or the spacing between the page elements2.
References: 1: Personalize Lightning Experience Display 2: Collapsible Sections in Lightning Experience Record Pages