New Release User-Experience-Designer Salesforce Designers Questions

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.

References:

• Builder Overview
• Create a Site with Builder
• Customize Your Site with the Theme Editor

Visibility of system status is the usability heuristic that is being used in this case. Visibility of system status means that the system should always keep users informed about what is going on, through appropriate feedback within reasonable time1. One way to apply this heuristic is to use visual indicators to let users know which form fields are required, such as asterisks, labels, or colors. This helps users to understand the expectations and requirements of the system, and to avoid errors or confusion. By providing clear and timely feedback, the system enhances the user experience and satisfaction. References: Learn About User Experience Design Unit | Salesforce Trailhead, [10 Usability Heuristics for User Interface Design], Salesforce User Experience (UX) Designer Certification Guide & Tips

These are three of the four core principles of Web Content Accessibility Guidelines (WCAG), which provide a set of standards and best practices for making web content accessible to people with disabilities. The fourth principle is Perceivable, which means that the information and user interface components must be presented in ways that users can perceive. The principles are further divided into 13 guidelines and three levels of conformance (A, AA, and AAA). References:

• [Web Content Accessibility Guidelines (WCAG) Overview]
• [WCAG 2.1 at a Glance]

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