Salesforce User Experience Designer Exam Questions

A responsive user interface is a type of user interface that adapts to different screen sizes, resolutions, orientations, and devices, such as desktops, laptops, tablets, and smartphones. It uses flexible layouts, grids, images, and media queries to optimize the user experience and ensure usability, accessibility, and performance across different devices. A responsive user interface can help Cloud Kicks create a site for its customers to manage events regardless of the device they are using, as it can provide a consistent and seamless experience that meets the user needs and expectations. A responsive user interface can also reduce the development and maintenance costs and efforts, as it can use the same code base and content for different devices, rather than creating separate versions for each device.Reference:

: User Experience Designer Certification Prep: Module 5: Design User Interfaces

: User Experience Designer Certification Prep: Module 7: Implement User Interfaces

: What is Responsive Web Design?

To create a site for its customers to manage events regardless of the device they are using, Cloud Kicks should use the best practice of creating aresponsive user interface. A responsive user interface is one that adapts to the screen size and orientation of the device, providing an optimal viewing and interaction experience for the user. A responsive user interface can use the same code base and content for different devices, reducing the development and maintenance costs and ensuring consistency and accessibility. A responsive user interface can also leverage the features and capabilities of the device, such as touch, gestures, camera, etc., to enhance the user experience.

: Responsive User Interface

Consequence scanning is a practice that helps teams to consider the potential consequences of their product or service on people, communities, and the planet1.It is an agile tool that fits within an iterative development cycle and allows teams to identify and mitigate risks, as well as focus on positive outcomes2. One of the goals of consequence scanning is to reframe the product objectives from multiple, diverse perspectives.This means that the team can explore how different stakeholders, such as users, organisations, or society, might be affected by the product or service, both intentionally and unintentionally2.By doing so, the team can ensure that the product or service aligns with their values and culture, and that they are aware of the trade-offs and implications of their decisions2.Reframing the product objectives from multiple, diverse perspectives can also help the team to discover new opportunities, generate innovative solutions, and increase user satisfaction and trust3.

Encouraging team well-being through collaboration and identifying the best angle for positive launch press coverage are not the primary goals of consequence scanning, although they might be beneficial side effects.Consequence scanning is not a PR exercise, but a way to ensure responsible innovation and ethical design2.While consequence scanning can foster team collaboration and communication, it is not a team-building activity, but a way to share knowledge and expertise and raise concerns in a dedicated format2.Reference:

Consequence scanning: How to mitigate risks in your service

Consequence Scanning -- an agile practice for responsible innovators

What is consequence scanning?

The discovery process is a crucial phase in any UX design project, as it helps to understand the user needs, business goals, and technical constraints of the problem1.The discovery process typically involves various research methods, such as interviews, surveys, observations, and analytics, to gather data and insights about the users and the context of use2. The outputs of the discovery process are artifacts that synthesize and communicate the findings and insights from the research. Some of the common outputs of the discovery process are:

User personas: These are fictional representations of the target users, based on real data and insights, that describe their goals, motivations, pain points, behaviors, and preferences3. User personas help to empathize with the users and design solutions that meet their needs and expectations.

Journey maps: These are visualizations of the user's end-to-end experience with a product or service, from the initial trigger to the final outcome4. Journey maps help to identify the user's actions, thoughts, emotions, pain points, and opportunities for improvement at each stage of the journey.

High-level wireframes: These are low-fidelity sketches or diagrams that show the basic layout, structure, and functionality of the website or app. High-level wireframes help to define the information architecture, navigation, and content hierarchy of the solution, as well as test the usability and feasibility of the design concepts.

These three outputs are essential for planning out the website redesign using Experience Cloud, as they help to define the user requirements, the user flow, and the user interface of the solution. The other two options, interactive prototypes and high-fidelity mock-ups, are not outputs of the discovery process, but rather of the design and testing phases. Interactive prototypes are clickable simulations of the website or app that allow users to interact with the functionality and features of the solution. High-fidelity mock-ups are realistic and detailed representations of the website or app that show the final look and feel of the solution, including the colors, fonts, images, and icons. These two outputs are created after the discovery process, based on the feedback and validation from the user testing sessions.

For the UX Designer at Cloud Kicks, thethree outputs of the discovery process that should be prepared are User Personas, Journey Maps, and High-Level Wireframes. User Personas are fictional characters that represent a target audience for the website, and are used to help guide the website design. Journey Maps are diagrams that illustrate the user's experience as they navigate the website, and provide insights into how the user interacts with the website. High-Level Wireframes are simple sketches of the website layout, and are used to organize the website's content and design elements. Interactive Prototypes and High-Fidelity Mock-ups are not necessary outputs of the discovery process, as they are more detailed representations of the design that come later in the design process. For more information, see the Salesforce Experience Cloud documentation (https://help.salesforce.com/articleView?id=experience_cloud_overview.htm&type=5).

The Path component is a Salesforce Lightning Design System (SLDS) component that can be used to represent stages for opportunities within the sales process. The Path component displays the stages as a horizontal bar with icons and labels, and highlights the current stage with a blue background. The Path component also allows users to move opportunities to different stages, view and edit key fields for each stage, and access guidance and tips for each stage.The Path component can be added to any object that has a picklist field with values that represent stages, such as the Stage field on the Opportunity object12.Reference:

Path Component

Set Up a Path for Your Sales Team

To create visual consistency with regard to alignments, grids, spacing, and typography, the part of the Salesforce Lightning Design System (SLDS) that should be used is utility classes. Utility classes are CSS classes that provide common styling properties, such as margins, paddings, borders, colors, fonts, and text alignments. Utility classes can be applied to any HTML element to quickly and easily adjust its appearance and layout. Utility classes follow the BEM (Block Element Modifier) naming convention, which makes them easy to read and understand. Utility classes can help the designer to create visual consistency across the Lightning components and pages, without writing custom CSS or overriding the component blueprints.Reference: : Utility Classes | Lightning Design System : UX Designer Certification Prep: Designing with Lightning Design System | Trailhead