QUESTION: 33

What should a UX Designer use to design responsively within the Salesforce Lightning Design System (SLDS)?

JavaScript
Material Design
Lattice System
Grid System

Answer(s): D

Explanation:

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- large.
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 items. 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 items. 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 beauty.

Reference:

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.

Reveal Solution Next Question

QUESTION: 34

A UX Designer wants to explore sample code for Lightning components and see how changing to code affects the visual appearance in real time, without deploying any code to a Salesforce org.
Whichtwo resources should help accomplish this?
Choose 2 answers

Lightning Design System Website
Local Development Server
Lightning Web Component Recipes App
Develop Center's Lightning Component Library

Answer(s): A,B

Explanation:

Two resources that can help a UX Designer to explore sample code for Lightning components and see how changing the code affects the visual appearance in real time, without deploying any code to a Salesforce org, are:
Lightning Design System Website. The Lightning Design System website is a resource that provides design guidelines, UI components, and code samples for building Lightning applications. The website also features a live code editor that allows the designer to edit and preview the code for Lightning web components and Aura components, and see the changes reflected in the browser instantly. The live code editor also provides syntax highlighting, auto-completion, and error checking features. The designer can use the Lightning Design System website to experiment with different code snippets and learn how to apply the design principles and best practices for Lightning components. Lightning

Design System Website, [UX Designer Certification Prep: Salesforce Design System] Local Development Server. The Local Development Server is a resource that allows the designer to build, run, and test Lightning web components without deploying them to a Salesforce org. The Local Development Server is a CLI plug-in that creates a local web server that serves the Lightning web components from the local file system. The designer can use the Local Development Server to edit the code for Lightning web components in their preferred code editor, such as Visual Studio Code, and see the changes updated in the browser automatically. The Local Development Server also supports hot reloading, which preserves the component state and the browser session during code changes. The designer can use the Local Development Server to speed up the development and testing process and to debug the code for Lightning web components. Local Development Server, [UX Designer Certification Prep: User Testing and Evaluation] The Lightning Web Component Recipes App and the Developer Center's Lightning Component Library are not resources that can help a UX Designer to explore sample code for Lightning components and see how changing the code affects the visual appearance in real time, without deploying any code to a Salesforce org. The Lightning Web Component Recipes App is a sample application that showcases the functionality and best practices for Lightning web components. The Developer Center's Lightning Component Library is a reference guide that provides documentation and examples for Lightning web components and Aura components. However, neither of these resources allow the designer to edit and preview the code in real time, as they require the code to be deployed to a Salesforce org or a scratch org first. Lightning Web Component Recipes App, Developer Center's Lightning Component Library, [UX Designer Certification Prep: User Testing and Evaluation]

Reference:

Lightning Design System Website, Local Development Server, Lightning Web Component Recipes App, Developer Center's Lightning Component Library, [UX Designer Certification Prep: Salesforce Design System], [UX Designer Certification Prep: User Testing and Evaluation]

Reveal Solution Next Question

QUESTION: 35

A UX Designer needs to create a visual representation of a user's series of steps to achieve a meaningful goal.
Which UX design method should be used?

User Persona
Site Map
Lightning Flow
User Flow

Answer(s): D

Explanation:

A user flow is a UX design method that creates a visual representation of a user's series of steps to achieve a meaningful goal. A user flow shows the path that a user takes from their entry point to their final action, such as signing up, purchasing, or completing a task. A user flow helps designers understand and optimize the user experience, as well as identify pain points, gaps, and opportunities for improvement. A user flow can take various forms, such as diagrams, wireframes, or prototypes, depending on the level of detail and fidelity required.

Reference:

What Are User Flows In UX Design? [Full Beginner's Guide] - CareerFoundry

What is a User Flow in UX Design? -- updated 2023 | IxDF User Flows in UX Design: Definition, Benefits, and Best Practices

Reveal Solution Next Question

QUESTION: 36

Cloud Kicks(CK) is incorporating Relationship Design principle into its business model and customer offerings wherever possible. Choose 3 answers

Prioritizing Innovation over copying the competition
Releasing Salesforce updates in managed packages over unmanaged packages
Reframing products in terms of user value over features and functions
Prioritize engagement number of impressions
Uncovering customer needs over broadcasting product benefits

Answer(s): A,C,E

Explanation:

Relationship Design is a creative practice that drives social and business value by building strong relationships. It is based on four mindsets: compassion, intention, courage, and reciprocity. Cloud Kicks can incorporate Relationship Design principles into its business model and customer offerings by adopting these mindsets and applying them to its products, services, and interactions. Some examples of how Cloud Kicks can do this are:
Prioritizing innovation over copying the competition. This shows that Cloud Kicks is courageous and intentional in creating unique and valuable solutions that meet the needs and expectations of its customers and communities. Cloud Kicks can use design thinking methods, such as empathy mapping, ideation, and prototyping, to generate and test new ideas that solve real problems and create positive impact 1.
Reframing products in terms of user value over features and functions. This shows that Cloud Kicks is compassionate and reciprocal in understanding and communicating the benefits and outcomes that its products and services can deliver to its customers and stakeholders. Cloud Kicks can use value proposition design tools, such as the value proposition canvas, to identify and articulate the jobs, pains, and gains of its customers, and how its products and services can address them 2. Uncovering customer needs over broadcasting product benefits. This shows that Cloud Kicks is intentional and reciprocal in listening and learning from its customers and co-creating solutions with them. Cloud Kicks can use user research methods, such as interviews, surveys, and observations, to discover and validate the needs, preferences, and behaviors of its customers, and to involve them in the design process 3.

Reference:

[Design Thinking] (https://www.salesforce.com/design/relationship-design/), [Value Proposition Design] (https://www.salesforce.com/blog/how-relationship-design-works/), [User Research] (https://trailhead.salesforce.com/content/learn/trails/get-to-know-relationship-design)

Reveal Solution Next Question

Free USER-EXPERIENCE-DESIGNER Exam Braindumps

QUESTION: 33

Explanation:

Reference:

QUESTION: 34

Explanation:

Reference:

QUESTION: 35

Explanation:

Reference:

QUESTION: 36

Explanation:

Reference: