Salesforce UX Designer Exam Questions PDF

Salesforce UX Designer Exam - Additional SLDS Scenario-Based Questions ====================================================================== 1. 1\. A customer reports that users are having difficulty distinguishing buttons from background colors in your LWC app. How can you improve button...

Salesforce UX Designer Exam - Additional SLDS Scenario-Based Questions ====================================================================== 1. 1\. A customer reports that users are having difficulty distinguishing buttons from background colors in your LWC app. How can you improve button visibility while keeping SLDS compliance? - A\) Manually increase button opacity using custom CSS - \*\*B) Use SLDS contrast-aware design tokens for buttons (Correct Answer)\*\* - C\) Add a background gradient to all buttons 2. 2\. You need to add an alert notification in your Lightning app to inform users about a successful operation. Which SLDS component should you use? - A\) \`slds-toast\` - \*\*B) \`slds-notify\_alert\` (Correct Answer)\*\* - C\) \`slds-badge\` 3. 3\. A client requests a collapsible sidebar navigation menu in their Lightning page. Which SLDS component should you implement? - A\) \`slds-accordion\` - \*\*B) \`slds-navigation-list\` (Correct Answer)\*\* - C\) \`slds-dropdown\` 4. 4\. A stakeholder wants to ensure that all tables in an LWC application maintain column alignment when resized. Which SLDS class should you use? - A\) \`slds-fixed-layout\` - \*\*B) \`slds-table\_fixed-layout\` (Correct Answer)\*\* - C\) \`slds-table\_scrollable\` 5. 5\. You need to display a numerical progress indicator for a long process in your LWC app. Which SLDS component should you use? - A\) \`slds-progress-bar\` - \*\*B) \`slds-progress\` (Correct Answer)\*\* - C\) \`slds-spinner\` 6. 6\. Your team is implementing a step-by-step user guide inside Salesforce. Which SLDS component would best fit this requirement? - A\) \`slds-path\` - B\) \`slds-progress-bar\` - \*\*C) \`slds-walkthrough\` (Correct Answer)\*\* 7. 7\. A product owner requests that all modals used in a Lightning app follow accessibility standards, including screen reader support. What should you do? - A\) Add \`aria-hidden\` attributes to modal elements - B\) Use JavaScript to dynamically add focus traps - \*\*C) Ensure \`slds-modal\` includes ARIA roles and focus trapping (Correct Answer)\*\* 8. 8\. Your LWC component has a list of links that appear incorrectly spaced on smaller screens. Which SLDS utility class should you apply to maintain proper spacing? - A\) \`slds-wrap\` - \*\*B) \`slds-m-around\_small\` (Correct Answer)\*\* - C\) \`slds-align\_absolute-center\` 9. 9\. A customer asks for a way to display time-sensitive notifications inside Salesforce without requiring user interaction. Which SLDS component is the best choice? - \*\*A) \`slds-toast\` (Correct Answer)\*\* - B\) \`slds-modal\` - C\) \`slds-alert\` 10. 10\. Your company requires a data entry form where fields dynamically resize based on the available screen space. Which SLDS class should be used for proper responsiveness? - A\) \`slds-grid-flex\` - \*\*B) \`slds-size\_1-of-1\` or \`slds-size\_1-of-2\` (Correct Answer)\*\* - C\) \`slds-auto-resize\` 11. 11\. A user reports that a modal window does not close when they press the Escape key. How should you fix this while maintaining SLDS best practices? - A\) Add a close button inside the modal manually - \*\*B) Ensure \`slds-modal\` has keyboard event listeners for Escape (Correct Answer)\*\* - C\) Disable modal animations to improve responsiveness 12. 12\. Your design team wants to implement a flexible card-based UI that automatically adjusts to different screen sizes. Which SLDS class should you use? - A\) \`slds-tile\` - \*\*B) \`slds-card\` (Correct Answer)\*\* - C\) \`slds-panel\` 13. 13\. A stakeholder wants to allow users to filter data in a Lightning table dynamically. Which SLDS component would best support this feature? - A\) \`slds-datatable\` with built-in filtering - B\) \`slds-table\` with manual JavaScript filtering - \*\*C) \`slds-combobox\` combined with a search function (Correct Answer)\*\* 14. 14\. Your company wants to introduce a tabbed interface within a Lightning page to organize content effectively. What is the recommended SLDS component? - A\) \`slds-accordion\` - \*\*B) \`slds-tabs\` (Correct Answer)\*\* - C\) \`slds-list-group\` 15. 15\. A developer wants to add a floating help button to an LWC component, ensuring it remains positioned at the bottom right corner. Which SLDS class should they use? - \*\*A) \`slds-is-fixed\` with \`slds-align-bottom\` (Correct Answer)\*\* - B\) \`slds-position-sticky\` - C\) \`slds-m-vertical\_large\` 16. 16\. Your design team wants a way to visually separate form sections without using borders. What SLDS class should you apply? - A\) \`slds-border\_none\` - \*\*B) \`slds-has-divider\_top-space\` (Correct Answer)\*\* - C\) \`slds-grid-wrap\` 17. 17\. A user reports that a button appears disabled but is still clickable. What SLDS class should you apply to ensure proper behavior? - \*\*A) \`slds-button\_disabled\` (Correct Answer)\*\* - B\) \`slds-is-inactive\` - C\) \`slds-opacity-0\` 18. 18\. Your company wants to highlight urgent notifications in red. Which SLDS utility class should you use? - A\) \`slds-text-title\_caps\` - \*\*B) \`slds-text-color\_error\` (Correct Answer)\*\* - C\) \`slds-badge\_danger\` 19. 19\. Your team is implementing a loading animation for a data-heavy process. Which SLDS component should you use? - A\) \`slds-animation\_spinner\` - \*\*B) \`slds-spinner\` (Correct Answer)\*\* - C\) \`slds-progress-indicator\` 20. 20\. A stakeholder requests that a form should include inline help text next to specific fields. Which SLDS element should you use? - A\) \`slds-tooltip\` - \*\*B) \`slds-form-element\_\_help\` (Correct Answer)\*\* - C\) \`slds-hint\`