User-Experience-Designer Exam Questions

Explanation:

According to the Salesforce Design System guidelines for button usage, the brand button should be used for the primary action on a page or modal, such as “Save” or “Continue”. The neutral button should be used for secondary or tertiary actions, such as “Cancel” or “Back”. The brand button should have more visual weight and contrast than the neutral button, to indicate its importance and guide the user’s attention. Therefore, the best option for the Cloud Kicks custom component is to use a brand button for “Continue” and neutral buttons for “Cancel” and “Back”. References: Trailhead: Systems Design with SLDS, Salesforce Developers: Buttons, Lightning Design System: Buttons

Explanation:

To make the agent experience more efficient when handling cases submitted from their web form, two possible ways are to use Salesforce Flow and to complete relevant information about the customer using Lightning Record Pages. Salesforce Flow is a tool that allows the designer to automate business processes by creating guided, visual workflows. Flows can help agents to complete fields required for case closure by providing them with screens, logic, and actions that guide them through the process. Lightning Record Pages are customizable layouts that display information about a specific record, such as a case or a customer. Record pages can help agents to access and update relevant information about the customer using components, tabs, and related lists. Record pages can also be personalized for different profiles, roles, and app contexts. References: : Flow Builder | Salesforce Help : UX Designer Certification Prep: Designing with Flow Builder | Trailhead : Lightning Record Pages | Salesforce Help : UX Designer Certification Prep: Designing with Lightning Record Pages | Trailhead

Explanation:

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

Explanation:

Diversity, inclusion, and equality in design are values that aim to create products, services, and environments that are accessible, welcoming, and fair for all people, regardless of their age, gender, ethnicity, disability, sexual orientation, religion, or other characteristics. Diversity, inclusion, and equality in design can also bring positive business outcomes, such as economic growth, greater market share, and less employee turnover12.

Economic growth is a business outcome that represents the increase in the value of goods and services produced by an organization or a country over time. Economic growth can be influenced by various factors, such as innovation, productivity, efficiency, and competitiveness. Diversity, inclusion, andequality in design can contribute to economic growth by fostering creativity, innovation, and problem-solving, as well as by attracting and retaining diverse talent, customers, and partners12.

Greater market share is a business outcome that represents the percentage of sales or customers that an organization has in a particular market or industry. Greater market share can indicate the success and competitiveness of an organization, as well as its potential for growth and profitability. Diversity, inclusion, and equality in design can help achieve greater market share by expanding the reach and appeal of products, services, and environments to diverse and underserved markets, as well as by enhancing customer satisfaction, loyalty, and advocacy12.

Less employee turnover is a business outcome that represents the rate at which employees leave an organization and are replaced by new ones. Less employee turnover can indicate the stability and quality of an organization, as well as its ability to retain and develop its human capital. Diversity, inclusion, and equality in design can help reduce employee turnover by creating a positive and inclusive work culture, where employees feel valued, respected, and engaged, as well as by providing opportunities for learning, development, and career progression12.

References: 1: The business value of design | McKinsey 2: The Business Case for Diversity, Equity, and Inclusion - Salesforce.com

Explanation:

An interactive prototype is a simulation of the final product that allows users to interact with it and test its functionality and usability. An interactive prototype can be created using tools such as Figma or Invision, and can be shared with stakeholders and users for feedback and validation. An interactive prototype can have several benefits for a UX designer, especially when planning to roll out a refreshed version of a mobile app with some new functionality for customers. Two of these benefits are12:

To avoid added long-term cost from oversight-driven rework. An interactive prototype can help the UX designer to identify and fix any errors, bugs, or gaps in the design before the development stage. This can save time and money that would otherwise be spent on reworking the product after it is developed. An interactive prototype can also help the UX designer toensure that the new functionality is aligned with the customer needs and expectations, and that it does not compromise the existing functionality or performance of the app.

To enable iterative feedback from the users. An interactive prototype can provide a realistic and engaging user experience, and allow the users to explore the app and provide their opinions and suggestions. The UX designer can use the user feedback to iterate and improve the design, and to validate the assumptions and hypotheses. An interactive prototype can also help the UX designer to measure the user satisfaction and loyalty, and to test the app’s usability and accessibility.

The following two reasons are not valid for using an interactive prototype in this situation: To increase the speed of design compared to paper prototyping. An interactive prototype is not necessarily faster than a paper prototype, as it requires more time and effort to create and refine. A paper prototype is a low-fidelity prototype that uses sketches or drawings to represent the app’s layout and functionality. A paper prototype can be useful for generating and testing ideas quickly and cheaply, and for involving the users in the co-design process3.

To eliminate the need for journey mapping during discovery. An interactive prototype is not a substitute for journey mapping, but a complement. Journey mapping is a UX research method that visualizes the user’s journey across the app, and identifies the touchpoints, actions, emotions, and pain points. Journey mapping can help the UX designer to understand the user’s context, goals, and needs, and to discover the opportunities for improvement. An interactive prototype can help the UX designer to test and validate the journey map, and to communicate the design vision to the stakeholders and users4. References: Interactive Prototypes Without Coding - Studio by UXPin, What is Interactive Prototypes? — updated 2023 | IxDF, Paper Prototyping as a Usability Testing Technique, Journey Mapping 101 | Nielsen Norman Group

Explanation:

Personalized Navigation Tabs are a navigational feature that allows the users to customize the navigation bar of the Salesforce mobile app with the items that they use most frequently. Users can add, remove, and reorder the tabs in the navigation bar, and access them with a single tap. Users can also mark their favorite items with a star icon, and access them from the Favorites tab. Personalized Navigation Tabs can help Cloud Kicks (CK) employees to quickly access the apps, objects, and other items that they need in the Salesforce mobile app12 Console Navigation is a navigational feature that allows the users to work with multiple records and objects on a single screen in the Salesforce desktop app. Console Navigation is not available in the Salesforce mobile app, and it is not suitable for providing quick access to apps, objects, and other items3 Utility Bar is a navigational feature that allows the users to access common productivity tools, such as notes, history, or macros, from a fixed footer at the bottom of the Salesforce desktop app. Utility Bar is not available in the Salesforce mobile app, and it is not suitable for providing quick access to apps, objects, and other items4 References: Personalize Your Navigation Bar in the Salesforce Mobile App - Salesforce Help Personalize Your Navigation Bar in the Salesforce Mobile App Unit | Salesforce Trailhead Console Navigation - Salesforce Help Utility Bar - Salesforce Help

Explanation:

Experience Cloud is the best cloud to design an appropriate solution for Cloud Kicks’ users. Experience Cloud allows the business to create an external facing site where users can manage and submit cases via the web, browse and search Knowledge Base articles, and contact Support via live chat. Experience Cloud also provides branding options, personalization features, and collaboration tools to enhance the user experience and engagement. Experience Cloud integrates with Service Cloud, which is the cloud that provides the case management, knowledge base, and live chat functionalities. Therefore, Experience Cloud is the cloud that enables the design of the user interface, while Service Cloud is the cloud that enables the backend service processes. References: [Experience Cloud Overview] (https://www.getapp.com/operations-management-software/a/salesforce-1-service-cloud/compare/salesforce-community-cloud/), [Service Cloud Overview] (https://titandxp.com/salesforce-experience-cloud-vs-service-cloud/)

A UX Designer has identified the Case Solver as a key user persona for Cloud Kicks' Service Cloud instance. Which activities should be considered while designing the Case Solver experience?

Explanation:

When designing the experience for a 'Case Solver' user persona, especially in the context of Cloud Kicks' Service Cloud instance, the activities to consider should revolve around the primary responsibilities and tasks of this role. For a Case Solver, these would include:

Troubleshooting customer issues:This involves identifying, analyzing, and solving problems reported by customers. The design should facilitate easy access to relevant information, tools for effective problem-solving, and a seamless workflow for diagnosing issues.

Logging activities:Keeping a detailed record of interactions, solutions provided, and any follow-up actions is crucial. The user interface should support efficient logging and tracking of activities to ensure accountability and facilitate continuous improvement in customer service.

While training other agents and editing knowledge articles (option B) and viewing the status of cases and analyzing campaign metrics (option C) are important in certain contexts, they do not directly align with the core activities of a Case Solver persona focused on direct customer support and problem resolution.

References:Salesforce's own documentation, such as the Salesforce Service Cloud User Guide, provides insights into designing user experiences for specific roles within the platform. It offers best practices and recommendations for optimizing the interface and workflows for various user personas, including those involved in case management and customer support.

Explanation:

The best way to improve the user experience of a multiple-step custom Screen Flow is to create a Progress Indicator component that displays the flow’s stages. A Progress Indicator component provides a visual indication of the progress of a particular process, showing the number of steps, the current step, and the prior steps completed. This helps to reduce the user’s anxiety and uncertainty by letting them know where they are in the flow and how much is left to complete. A Progress Indicator component can be created using the lightning:progressIndicator or lightning-progress-indicator tags in Aura or Lightning Web Components, respectively. The component can be customized to match the branding and styling of Cloud Kicks, and can be integrated with the Screen Flow using attributes and events. References:

: lightning:progressIndicator - documentation - Salesforce Lightning Component Library

: lightning-progress-indicator - documentation - Salesforce Lightning Component Library

: How to Add a Progress Bar to a Screen Flow