Free USER-EXPERIENCE-DESIGNER Exam Braindumps (page: 20)

Page 19 of 54

Cloud Kicks's development team is working on the build of anew custom component using VS Code. They often have new CSS dasses and properties conflicting with the Salesforce Lightning Design System (SLDS).
What should simplify working with SLDS in Lightning Components?

  1. Salesforce Developer Console should beused instead
  2. SLDS Validator extension for VS Code
  3. Install SLDS creator from AppExchange
  4. Keep the SLDS Stylesheet open for reference

Answer(s): B

Explanation:

The SLDS Validator extension for VS Code is a tool that simplifies working with the Salesforce Lightning Design System (SLDS) in Aura and Lightning components. It provides code completion, syntax highlighting, and validation with recommended tokens and utility classes. It also scans the markup and validates it against a database of guidelines, tips, and best practices extracted from the SLDS documentation. It offers suggestions on how to improve the code and avoid conflicts with SLDS12.


Reference:

SLDS Validator - Visual Studio Marketplace, SLDS Validator for VS Code - Lightning Design System



A UX Designer wants to communicate the value of diversity, inclusion, and equality in design.
Which three business outcomes represent these values?
Choose 3 answers

  1. Less employee turnover
  2. Greater market share
  3. Economic growth
  4. Critical investing
  5. Fewer workplace debates

Answer(s): A,B,C

Explanation:

Diversity, inclusion, and equality in design are values that can lead to positive business outcomes, such as less employee turnover, greater market share, and economic growth. These values can help create a more inclusive and innovative workplace, where employees feel valued, respected, and engaged, and where customers feel understood, represented, and satisfied. Some of the benefits of these values are:
Less employee turnover: Diversity, inclusion, and equality in design can reduce employee turnover by fostering a culture of belonging, trust, and collaboration, where employees can thrive and grow. According to a Salesforce report1, employees who feel a sense of belonging at work are 5.3

times more likely to feel empowered to perform their best work, and employees who feel their voice is heard at work are 4.6 times more likely to feel empowered to perform their best work. Moreover, employees who feel valued and included are more likely to stay loyal to their employer, reducing the costs and risks of hiring and training new staff.
Greater market share: Diversity, inclusion, and equality in design can increase market share by expanding the customer base, enhancing the customer experience, and improving the brand reputation. According to a McKinsey report2, companies in the top quartile for ethnic and cultural diversity on executive teams were 36% more likely to experience above-average profitability than companies in the fourth quartile. Moreover, companies that design products and services that meet the needs and preferences of diverse customers can gain a competitive edge and increase customer loyalty and retention.
Economic growth: Diversity, inclusion, and equality in design can contribute to economic growth by boosting productivity, innovation, and social impact. According to a World Bank report3, increasing women's labor force participation and earnings could add $172 trillion to global wealth. Moreover, companies that leverage the diverse perspectives and experiences of their employees can generate more creative and effective solutions, and companies that support social causes and environmental sustainability can create positive change and attract more customers and investors.


Reference:

[Our 2023 Annual Equality Update: Where We Are and Where We're Going - Salesforce]1 [Diversity wins: How inclusion matters | McKinsey]2
[Women, Business and the Law 2020 | World Bank]3



A UX Designeris analyzing their Experience Cloud site, enabled for Knowledge articles, and is using the Featured Topic component to display content.
Which UI configuration should be used to further individualize each featured topic?

  1. Add a description displayed onmouse hover further description each topic.
  2. Select and upload SVG Icons that represent each featured topic.
  3. Select and upload images that represent each featured topic.
  4. Add a description under the topic label further describing each topic.

Answer(s): C

Explanation:

The UI configuration that should be used to further individualize each featured topic is to select and upload images that represent each featured topic. This option allows the UX Designer to customize the appearance of the Featured Topic component and make it more visually appealing and engaging for the users. The images can help to convey the meaning and relevance of each topic and attract the users' attention. The images can also create a consistent and branded look for the Experience Cloud site.


Reference:

: Featured Topic Component
: Customize the Featured Topic Component

This allows users to easily distinguish between different topics and quickly scan for relevant topics. Salesforce documentation on the Featured Topics component states that "You can add a description for each featured topic, which appears in the user interface below the topic label" [1]. [1] https://help.salesforce.com/articleView?id=knowledge_articles_sites_featured_topic.htm&type=



A UX Designer is asked to design a responsive page.
When screen resolution changes, the content of the page should expand across columns or wrap and push it self onto new rows.
Which Salesforce Lightning Design System (SLDS) utility provides the most flexible system to meet these requirements?

  1. Spacing
  2. Layout
  3. Alignment
  4. Grid

Answer(s): D

Explanation:

The SLDS utility that provides the most flexible system to meet the requirements of designing a responsive page is Grid. Grid is a utility that allows you to create a layout using a series of rows and columns that house your content. Grid uses a 12-column structure that can be adjusted based on breakpoints, which are predefined screen sizes that trigger a change in the layout. Grid also supports nesting, alignment, ordering, and offsetting of the columns. By using Grid, you can create a responsive page that can adapt to different screen resolutions and devices12


Reference:

[Grid - Lightning Design System], [Mastering Salesforce Lightning Design System Grids and Lightning Layouts]
https://www.lightningdesignsystem.com/utilities/grid/
https://developer.salesforce.com/blogs/developer-relations/2017/04/mastering-salesforce- lightning-design-system-grids-lightning-layouts






Post your Comments and Discuss Salesforce USER-EXPERIENCE-DESIGNER exam with other Community members:

USER-EXPERIENCE-DESIGNER Discussions & Posts