Pass the Salesforce Salesforce Designers User-Experience-Designer Questions and answers with CertsForce

The alternative (alt) text is a short block of text that describes the content and function of an image or other non-text element on a web page. The alt text is read aloud by screen readers and other assistive technologies to provide access to people who cannot see the image. The alt text also helps with search engine optimization and displays on the page if the image fails to load1.

When designing a custom component that includes a clickable icon in a Lookup field, the alt text should be concise, descriptive, and meaningful. The alt text should convey the purpose and action of the icon, rather than its appearance or format. Therefore, the best option for the alt text of the icon is “Search button”, as it describes what the icon does and how the user can interact with it. The other options are not suitable for the alt text, as they either include unnecessary words, such as “image of” or “photo of”, or omit important information, such as “button”. For example, the option “Image of a search button” is redundant, as the screen reader will already announce that the element is an image. The option “Search” is incomplete, as it does not indicate that the element is a button that can be clicked. The option “Image of a magnifying glass” is irrelevant, as it describes the appearance of the icon, rather than its function.

A heuristic evaluation is a method of inspecting the usability of an interface by comparing it to a set of general principles or heuristics. It can help identify potential problems and areas for improvement in the design. A heuristic evaluation is usually done before creating any prototypes, as it can provide insights and guidance for the design process. A low-fidelity prototype is a rough sketch or mockup of an interface that can be used to test and validate design ideas with users. It is usually created after conducting some research and analysis of the user needs and goals. A design template is a pre-made layout or structure that can be used to create an interface. It can help save time and ensure consistency in the design, but it may not suit the specific needs and preferences of the users or the business. A design template is usually applied after defining the content and functionality of the interface. References:

[Heuristic Evaluation]: This is a Trailhead module that explains what a heuristic evaluation is, how to conduct one, and how to use the results to improve the design of an interface.

[Low-Fidelity Prototyping]: This is a Trailhead module that covers the benefits and best practices of creating and testing low-fidelity prototypes with users.

[Design Templates]: This is a Trailhead module that introduces the concept of design templates and how to use them in Experience Cloud.

 The three considerations that should be made to improve the visual hierarchy of the page are:

Grouping proximity and common regions. This principle states that elements that are close together or share a common boundary are perceived as belonging to the same group. This helps to create a sense of order and organization on the page and reduce the visual clutter.

Scale using relative size to signal importance. This principle states that elements that are larger are perceived as more important or prominent than elements that are smaller. This helps to create a contrast and focus on the page and guide the user’s attention to the most relevant information.

Color and contrast, saturation between the elements. This principle states that elements that have different colors or contrast levels are perceived as distinct or separate from each other. This helps to create a variety and interest on the page and highlight the differences or similarities between the elements.

A moderated usability study is a type of user research where the UX Designer interacts with the participants as they perform tasks on the prototype solution. The designer can ask follow-up questions to obtain further information about the issues participants may encounter, such as why they made certain choices, how they felt about the experience, and what they would like to see improved. This can help the designer gain deeper insights into the user needs, preferences, and pain points, as well as validate or invalidate their design assumptions. A moderated study also allows the designer to clarify any confusion or ambiguity that the participants may have during the session, and to adjust the tasks or scenarios as needed. References:

[User Experience Designer Certification Prep: Conduct User Research]

[User Experience Designer Certification Prep: Analyze User Research]

[User Experience Designer Certification Prep: Validate Solutions]

The design should be optimized for color contrast-ratio and screen-reading technology, as these are the best practices for designing for visually impaired people12. Color contrast-ratio is the difference in brightness and color between the foreground and the background of a text or an image3. A high color contrast-ratio makes the text or the image more visible and readable for people with low vision or color blindness4. Screen-reading technology is a software that converts text and images on a screen into speech or braille output for people who are blind or have severe vision loss. A design that is compatible with screen-reading technology ensures that the content and functionality of the product are accessible and understandable for these users. References: Accessibility Standards - Salesforce Help, How to Configure Salesforce for your Blind and Low Vision Users - Salesforce Admins, Color Contrast Ratio - WebAIM, Color Contrast Checker - WebAIM, [Screen Readers - WebAIM], [Screen Reader User Survey #8 Results - WebAIM]

The correct answer is B. When designing for a visually impaired audience, it is important to optimize for color contrast-ratio and screen-reading technology. This will ensure that the design is accessible to those with visual impairments. Color contrast-ratio ensures that the text is easily readable, while screen-reading technology allows people with visual impairments to access the content on the website using a screen reader. Additionally, Salesforce has some great resources on designing for accessibility, such as their Accessibility Design Guide [1] and their Accessibility Best Practices [2].

[1] https://www.salesforce.com/content/dam/web/en_us/www/documents/salesforce-accessibility-design-guide.pdf [2]  https://developer.salesforce.com/docs/atlas.en-us.salesforce_accessibility_best_practices.meta/salesforce_accessibility_best_practices/accessibility_best_practices_intro.htm

Marketing Cloud Personalization is a Salesforce feature that can boost B2C engagement on Cloud Kicks’ website. Marketing Cloud Personalization is a kind of technology solution that ingests customer engagement and profile data, then — using machine learning and AI — determines relevant messages, segmentation, and content for each customer, based on their preferences and affinities1. Marketing Cloud Personalization can help Cloud Kicks to create personalized and relevant experiences for their website visitors, such as showing them products, offers, or recommendations that match their interests, needs, or behaviors. Marketing Cloud Personalization can also help Cloud Kicks to optimize their website performance, such as increasing conversions, retention, loyalty, and revenue1.

Experience Cloud is another Salesforce feature that can help Cloud Kicks to create engaging websites, but it is not the best option for boosting B2C engagement. Experience Cloud is a platform that allows users to build branded digital experiences, such as websites, portals, forums, or mobile apps, that connect customers, partners, and employees with Salesforce data and processes. Experience Cloud can help Cloud Kicks to create interactive and collaborative websites that integrate with their CRM, but it does not provide the same level of personalization and intelligence as Marketing Cloud Personalization2.

Marketing Cloud Account Engagement is a Salesforce feature that is designed for B2B marketing automation, not B2C engagement. Marketing Cloud Account Engagement, formerly known as Pardot, is a solution that helps users to generate more leads, nurture them through email campaigns, and align sales and marketing efforts. Marketing Cloud Account Engagement can help Cloud Kicks to target and engage potential business customers, but it is not suitable for engaging individual consumers on their website34.

A cross-functional flowchart is a type of process map that shows the relationships between process steps and business teams. A cross-functional flowchart uses horizontal or vertical swimlanes to group the process steps by the roles or departments that are responsible for them. A cross-functional flowchart can help Cloud Kicks’ Discovery team to explain how different teams collaborate and communicate in the process, as well as identify any gaps, overlaps, or inefficiencies in the process. A cross-functional flowchart can also show the inputs, outputs, and decisions at each step, and the flow of information and materials across the swimlanes12. References:

Cross-Functional Flowchart

Create a Cross-Functional Flowchart

Usability testing is a method of evaluating how easy and intuitive a product or service is to use by observing real users performing specific tasks. It can help identify usability issues, user needs, and user satisfaction. A goal of usability testing is to learn about the user’s behavior and preferences, such as how they interact with the design, what they expect from the design, what they like or dislike about the design, and what they find confusing or frustrating about the design. By learning about the user’s behavior and preferences, the UX designer can gain insights and feedback that can help improve the design and enhance the user experience. References:

: User Experience Designer Certification Prep: Module 6: Validate User Interfaces

: What is Usability Testing?

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 utility bar is a fixed footer that gives users quick access to productivity tools, such as notes, history, and recent items. It can be customized for each Lightning app to enhance the user experience and efficiency. Some of the standard use cases for using the utility bar are:

Perform common tasks without navigating away from the page: Users can use the utility bar to perform tasks such as creating notes, logging calls, or sending emails without leaving their current context. This reduces the need for switching tabs or opening new windows, and saves time and clicks.

Access to view a list of records favorited for quick access: Users can use the utility bar to access their favorites, which are records, lists, groups, or other items that they have marked with a star icon for easy access. This allows users to quickly navigate to the items they use most frequently, and organize them in a personalized way.

Access at any time to a customized set of items specific to an app: Users can use the utility bar to access items that are relevant and useful for the app they are using. For example, in the Sales app, users can access the Lightning Dialer, the Assistant, or the Today’s Events utility. In the Service app, users can access the Omni-Channel, the Macros, or the Case Timer utility. The utility bar can be configured to show different items for different apps, depending on the user’s needs and preferences.