Salesforce Certified Platform User Experience Designer (Plat-UX-101) Exam Questions

Answer : D

A grid system is a set of columns and rows that help to organize and align the layout and content of a web page. The Salesforce Lightning Design System (SLDS) provides a responsive grid system that adapts to different screen sizes and devices. The SLDS grid system is based on the CSS Flexbox layout module, which allows for flexible and dynamic positioning of elements.The SLDS grid system consists of the following components1:

Containers: These are the outermost elements that wrap the grid. They have a fixed width that changes according to the breakpoints defined by the SLDS. Breakpoints are the points at which the layout changes based on the screen size.The SLDS has four breakpoints: small, medium, large, and x-large2.

Grids: These are the direct children of the containers. They are the main elements that define the grid structure. They have a display property of flex, which enables the flexbox layout.They can also have modifiers that control the alignment, direction, and wrapping of the grid items3.

Grid items: These are the direct children of the grids. They are the elements that contain the actual content of the page. They have a flex property that determines how much space they take up in the grid.They can also have modifiers that control the order, offset, and visibility of the grid items4.

A UX Designer should use the SLDS grid system to design responsively within the SLDS, as it provides a consistent and flexible way to create layouts that work across different devices and screen sizes.The SLDS grid system also follows the SLDS design principles and best practices, such as clarity, efficiency, consistency, and beauty5.

Grid - Lightning Design System, Grid - Lightning Design System Grid HTML/CSS: Dev Ready Responsive Terms of Service Privacy Responsible Disclosure Trust Cookies Settings Your Privacy Choices Copyright 2015-present Salesforce, Inc. All rights reserved. Various trademarks held by their respective owners.

Breakpoints - Lightning Design System, Breakpoints - Lightning Design System Breakpoints HTML/CSS: Dev Ready Responsive Terms of Service Privacy Responsible Disclosure Trust Cookies Settings Your Privacy Choices Copyright 2015-present Salesforce, Inc. All rights reserved. Various trademarks held by their respective owners.

Grid - Lightning Design System, Grid - Lightning Design System Grid HTML/CSS: Dev Ready Responsive Terms of Service Privacy Responsible Disclosure Trust Cookies Settings Your Privacy Choices Copyright 2015-present Salesforce, Inc. All rights reserved. Various trademarks held by their respective owners.

Grid - Lightning Design System, Grid - Lightning Design System Grid HTML/CSS: Dev Ready Responsive Terms of Service Privacy Responsible Disclosure Trust Cookies Settings Your Privacy Choices Copyright 2015-present Salesforce, Inc. All rights reserved. Various trademarks held by their respective owners.

Design Principles - Lightning Design System, Design Principles - Lightning Design System Design Principles HTML/CSS: Dev Ready Responsive Terms of Service Privacy Responsible Disclosure Trust Cookies Settings Your Privacy Choices Copyright 2015-present Salesforce, Inc. All rights reserved. Various trademarks held by their respective owners.

Answer : B

Card sorting is a UX research method used to discover how people understand and categorize information. In a card sort, participants group ideas or information written on cards into different categories in a way that makes sense to them. The designer can use virtual cards, pieces of paper, or an online card sorting tool. Card sorting can help the designer to:

Assess the information architecture (IA) of a website or homepage

Learn how people understand different concepts or ideas, and how they feel about them

Understand where users expect certain content to be found

Get inspiration for labeling and grouping content or ideas

In this case, the designer wants to understand the structure and layout of the navigation menu for the Experience Cloud site. The designer can use card sorting to learn how users would group and label the pages or features of the site, and what categories or subcategories they would expect to see in the navigation menu. This can help the designer to create a user-friendly and intuitive IA that matches the users' mental models and expectations.

To conduct a card sorting activity, the designer should:

Define the goal and scope of the card sort

Choose the type of card sort (open, closed, or hybrid)

Choose the format of the card sort (moderated or unmoderated)

Select the cards and categories to use

Recruit and screen the participants

Run the card sort sessions

Analyze and interpret the results

Apply the findings to the design

The correct answer is B, have users sort the cards based on similar categories or groups. This is the main task of a card sorting activity, where users are asked to group the cards (representing the pages or features of the site) into categories or groups that make sense to them. The designer can then analyze the results to see how users organize and label the information, and use that to inform the design of the navigation menu.

Answer : A, D

These two design considerations should be made when planning for a customer support site in experience builder that will be internationalized across 12 different countries. They are related to the principles of internationalization and localization, which are the processes of designing and adapting a product or service to meet the needs and preferences of users in different cultures, languages, and regions. By taking these considerations into account, a UX designer can create a site that is consistent, usable, and appealing for a global audience.

Country may read text in a different direction (right to left) vs (left to right) and layouts will need to be adjusted: This consideration is related to the principle of bidirectionality, which is the ability of a product or service to support both left-to-right (LTR) and right-to-left (RTL) languages, such as Arabic, Hebrew, Persian, and Urdu. These languages have different writing systems, text alignment, and reading order than LTR languages, such as English, French, Spanish, and German. Therefore, a UX designer needs to adjust the layouts of the site to accommodate both LTR and RTL languages, such as by using flexible grids, mirroring elements, and avoiding fixed positions. This way, the site can provide a natural and intuitive reading experience for users in different countries.

Colors may have different cultural meanings in different countries, changing the intent of UI elements: This consideration is related to the principle of cultural sensitivity, which is the awareness and respect of the cultural differences and preferences of users in different countries. Colors are one of the most important aspects of visual design, as they can convey emotions, moods, messages, and actions. However, colors can also have different cultural meanings and associations in different countries, which can affect how users perceive and interact with the site. For example, red can mean danger, passion, or luck, depending on the country. Therefore, a UX designer needs to choose colors that are appropriate and consistent with the intended meaning and purpose of the UI elements, such as buttons, icons, labels, and alerts. This way, the site can avoid confusion, misunderstanding, or offense for users in different countries.

Preparing a Global Design: Internationalization (i18n) Guide

Internationalization - Globalization | Microsoft Learn

Localization vs. Internationalization - World Wide Web Consortium (W3C)

Answer : A

The Web Content Accessibility Guidelines (WCAG) are a set of standards that aim to make web content more accessible to people with disabilities. The WCAG are organized by four principles, which state that content must be:

Perceivable: Users must be able to perceive the information and user interface components in ways they can sense, such as through sight, hearing, or touch.

Operable: Users must be able to interact with the user interface components and navigate the content using various input methods, such as keyboard, mouse, voice, or gesture.

Understandable: Users must be able to comprehend the information and the operation of the user interface, which means that the content must be clear, consistent, and predictable.

Robust: Users must be able to access the content using a wide range of technologies, including different browsers, devices, and assistive tools, which means that the content must be compatible with current and future web standards.Reference:WCAG 2 Overview,Understanding the Web Content Accessibility Guidelines

Answer : D

The SLDS utility that provides the most flexible system to meet the requirements of designing a responsive page isGrid. 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 devices12Reference: [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

Answer : C

The Salesforce Lightning Design System (SLDS) is a collection of design guidelines, resources, and tools that help create consistent, beautiful, and accessible user experiences across the Salesforce platform1. Component blueprints are one of the key resources that the SLDS provides.They are framework-agnostic, accessible HTML and CSS code snippets that can be used to create UI elements such as buttons, cards, menus, and more2.A UX Designer who is asked to design a new application built on Salesforce should become familiar with the SLDS component blueprints as their first step, because they can help them to3:

Understand the structure, behavior, and appearance of the standard Salesforce components and how they can be customized or extended.

Follow the SLDS design principles and best practices, such as clarity, efficiency, consistency, and beauty.

Ensure that the application is responsive, adaptive, and compatible with different devices and screen sizes.

Leverage the SLDS design tokens, icons, and utilities to create a coherent and scalable visual language.

Reduce the development time and effort by reusing the existing code and avoiding duplication.

The other options are not the best first steps for a UX Designer who is asked to design a new application built on Salesforce.Creating branding sets for each audience using Experience Builder is a later step that involves applying the visual identity and style of the application to different user segments and channels4.Finding and reviewing relevant AppExchange packages is a research step that can help to identify existing solutions or features that can be integrated or adapted to the application5. Designing a series of custom web components for the app is a development step that can be done after defining the requirements, wireframes, and prototypes of the application.

Lightning Design System, Lightning Design System Create the World's Best Enterprise App Experiences Design System Fundamentals Component Blueprints Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development Go to Blueprints Tokens Visual design values and attributes that ensure branding and UI consistency at scale View Tokens Design Guidelines Design principles and best practices that guide beautiful, consistent, user-friendly product experiences Read Guidelines Tools New! Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life Get Tools

Blueprint Overview - Lightning Design System, Blueprint Overview - Lightning Design System What's New Getting Started Platforms Design Guidelines Kinetics Accessibility Component Blueprints Overview Accordion Activity Timeline Alert App Launcher Avatar Avatar Group Badges Brand Band Breadcrumbs Builder Header Button Icons Cards Chat Docked Utility Bar Dueling Picklist Dynamic Icons Dynamic Menu Expandable Section Feeds File Selector Files Form Element Global Header Global Navigation Icons Illustration Input List Builder Lookups Map Menus Notifications Page Headers Panels Path Picklist Pills Progress Indicator Prompt Radio Button Group Rich Text Editor Scoped Notifications Scoped Tabs Select Spinners Tabs Textarea Tiles Timepicker Toast Tooltips Tree Grid Trees Trial Bar Vertical Navigation Vertical Tabs Visual Picker Welcome Mat Utilities Design Tokens Icons Tools Resources Blueprint Overview Component blueprints are framework agnostic, accessible HTML and CSS used to create components in conjunction with our implementation guidelines. For more details, check out the glossary on the FAQ page. Show Filters Showing 85 blueprints, 183 variants. Accordion Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nActivity Timeline Responsive Adaptive Styling Hooks Prototype Base \n \n Alert Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nApp Launcher Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nAvatar Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nInitials Checkmark \nCheckmark \nAvatar Group Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nGrouped Checkmark \n \nBadges Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nBrand Band Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nBreadcrumbs Lightning Component Responsive Adaptive Styling Hooks Prototype Base \n Checkmark \nBuilder Header Responsive Adaptive Styling Hooks Prototype Base \n \n Toolbar \n \n Button Groups Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nList Checkmark \n \nRow Checkmark \n \nButton Icons Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nBordered Filled Container Checkmark \n \nBordered Inverse Checkmark \n \nBordered Transparent Container Checkmark \n \nBrand Checkmark \n \nInverse Checkmark \n \nStateful Checkmark \n \nTransparent Container Checkmark \n \nButtons Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nDual Stateful Checkmark \nCheckmark \nStateful Checkmark \nCheckmark \nWith Icon Checkmark \nCheckmark \nCards Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nEinstein Checkmark \nCheckmark \nWrapper Checkmark \nCheckmark \nCarousel Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nChat Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nPast Checkmark \n \nCheckbox Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nForm Element Checkmark \nCheckmark \nCheckbox Button Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nCheckbox Button Group Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nCheckbox Toggle

UX Designer Certification Prep: Design System Fundamentals, UX Designer Certification Prep: Design System Fundamentals Learn how to use the Salesforce Lightning Design System (SLDS) to create consistent, beautiful, and accessible user experiences across the Salesforce platform. Add to Favorites Add to Trailmix tags ~1 hr 30 mins +500 points Module Design System Fundamentals Learn about the Salesforce Lightning Design System (SLDS) and how it can help you create consistent, beautiful, and accessible user experiences across the Salesforce platform. 4 hrs 15 mins +800 points Project Build a Bear-Tracking App with Lightning Web Components Use Lightning Web Components and the Salesforce Lightning Design System to build a bear-tracking app. 2 hrs 15 mins +500 points Project Build a Conference Management App with Aura Components Use Aura Components and the Salesforce Lightning Design System to build a conference management app. 2 hrs 15 mins +500 points Project Build a Discount Calculator with Visualforce Use Visualforce and the Salesforce Lightning Design System to build a discount calculator. 2 hrs 15 mins +500 points Project Build a Survey App with Experience Builder Use Experience Builder and the Salesforce Lightning Design System to build a survey app. 2 hrs 15 mins +500 points Project Build a Travel Approval App with Lightning Flow Use Lightning Flow and the Salesforce Lightning Design System to build a travel approval app. 2 hrs 15 mins +500 points Project Build a Volunteer Management App with Lightning App Builder Use Lightning App Builder and the Salesforce Lightning Design System to build a volunteer management app. 2 hrs 15 mins +500 points Project Build an Expense Tracker App with Lightning Web Components Use Lightning Web Components and the Salesforce Lightning Design System to build an expense tracker app. 2 hrs 15 mins +500 points Project Build an Inventory Management App with Aura Components Use Aura Components and the Salesforce Lightning Design System to build an inventory management app. 2 hrs 15 mins +500 points Project Build an Order Management App with Visualforce Use Visualforce and the Salesforce Lightning Design System to build an order management app. 2 hrs 15 mins +500 points Project Build an RSVP Management App with Experience Builder Use Experience Builder and the Salesforce Lightning Design System to build an RSVP management app. 2 hrs 15 mins +500 points Project Build an SMS Notification App with Lightning Flow Use Lightning Flow and the Salesforce Lightning Design System to build an SMS notification app. 2 hrs 15 mins +500 points Project Build an

Branding Sets Unit | Salesforce Trailhead, Branding Sets Unit | Salesforce Trailhead Branding Sets Learn how to use branding sets to apply different styles to your digital experiences. Add to Favorites Add to Trailmix tags ~20 mins Incomplete Branding Sets Customize the look and feel of your digital experiences with branding sets. 15 mins +200 points Quiz +200 points Get Started with Branding Sets Learn how to create and apply branding sets to your digital experiences. 5 mins +200 points Quiz +200 points

AppExchange Basics Unit | Salesforce Trailhead, AppExchange Basics Unit | Salesforce Trailhead AppExchange Basics Learn how to find, try, buy, and install AppExchange solutions. Add to Favorites Add to Trailmix tags ~25 mins Incomplete AppExchange Basics Learn how to find, try, buy, and install AppExchange solutions. 20 mins +200 points Quiz +200 points Get Started with AppExchange Learn what AppExchange is and how it can help you extend Salesforce functionality. 5 mins +200 points Quiz +200 points

Answer : C

The designer should consider the traits similar to customer personas when selecting users for testing. Customer personas are fictional representations of the target users of a product or service, based on user research and data. Customer personas help the designer to understand the needs, goals, behaviors, and preferences of the users, as well as their pain points and challenges. Customer personas also help the designer to empathize with the users and design solutions that meet their expectations and requirements. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas]

When selecting users for testing, the designer should aim to recruit users who match the traits of the customer personas as closely as possible. This ensures that the users who participate in the testing are representative of the actual or potential users of the product or service, and that the feedback and insights gathered from the testing are valid and reliable. Selecting users who have traits similar to customer personas also helps the designer to evaluate the usability and user experience of the product or service from the user's perspective, and to identify and prioritize the areas for improvement. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]

Traits dissimilar to customer personas, traits similar to friends and family, and traits of the most common demographic and ability are not criteria that the designer should consider when selecting users for testing. These criteria can lead to biased or inaccurate results, as they do not reflect the diversity and complexity of the user population. Users who have traits dissimilar to customer personas may not have the same needs, goals, or expectations as the target users, and may provide feedback that is irrelevant or misleading. Users who have traits similar to friends and family may not be objective or honest in their feedback, and may have a different level of familiarity or expertise with the product or service than the target users. Users who have traits of the most common demographic and ability may not account for the variations and differences among the target users, and may exclude or marginalize the users who have special needs or preferences. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]Reference:[UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas], [UX Designer Certification Prep: User Testing and Evaluation]