User-Experience-Designer Practice Test

Explanation:

A wireframe prototype is a low-fidelity representation of the content and structure of a new feature, without any visual design or branding elements. It is used to test the usability and functionality of the feature with the user, and to gather feedback and iterate on the design. A wireframe prototype can be created using tools like Sketch, Figma, or Adobe XD, and can be interactive or static.

References:

[Salesforce Certified User Experience Designer Exam Guide], Section 2.2: Design and test prototypes
[UX Designer Certification Prep: Prototyping], Unit 2: Wireframes and Prototypes
[Prepare for Your UX Designer Credential], Trailmix: Prototyping

Explanation:

To customize the theme in the external customer support site to match the style guide requirements, the recommended next step is to configure the Experience Builder Theme panel. The Theme panel allows the designer to customize the look and feel of the site by setting the logo, colors, fonts, and other branding elements. The designer can also create custom themes and assign them to different pages or audiences. The Theme panel is the preferred way to apply consistent branding across the site without writing any code or overriding any styles.

References: :

Theme Panel | Salesforce Help : UX Designer Certification Prep: Designing with Experience Builder | Trailhead

Explanation:

The design that the UX Designer at Cloud Kicks should use to make the website size and content adapt to the screen size, platform and orientation is responsive. Responsive web design is a web design approach that uses HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones) 1. Responsive web design is not a program or a JavaScript, but a set of best practices that include using media queries, flexible grids, fluid images, and breakpoints to create a layout that can respond to any device being used to view the content 2. Responsive web design is one of the learning objectives for the Salesforce User Experience Designer certification 3.

References: [Responsive Web Design Introduction], [Responsive design -Learn web development], [Salesforce Certified User Experience Designer Exam Guide]https://www.w3schools.com/html/html_responsive.asp
https://www.w3schools.com/Css/css_rwd_intro.asp

Explanation:

Compact display density is a global user interface setting that allows users to view more content on every screen by reducing the amount of space between page elements and aligning the field labels to the left of the fields. Compact display density is suitable for text information-rich Salesforce orgs, such as Cloud Kicks, that want to maximize the use of limited screen space on laptops. Compact display density can be set as the default for the org by the system admins, or chosen by individual users from their profile menu1.

Comfy display density is another global user interface setting that provides a spacious view with labels on the top of fields and more space between page elements. Comfy display density is suitable for orgs that want to emphasize readability and clarity, or that have more complex or interactive fields. Comfy display density is not the best option for Cloud Kicks, as it would reduce the amount of content that can be displayed on each screen1.

Enable collapsible sections is a feature that allows users to collapse or expand sections on a record page layout. Collapsible sections can help users focus on the most relevant information and reduce scrolling. However, collapsible sections are not a global user interface setting, but a page layout option that can be configured by the admins. Collapsible sections can be used in combination with either comfy or compact display density, but they do not affect the alignment of the field labels or the spacing between the page elements2.

References: 1: Personalize Lightning Experience Display 2: Collapsible Sections in Lightning Experience Record Pages

Explanation:

The Salesforce app allows administrators to customize the brand color and the loading page logo to match the company’s branding. The brand color affects the key user interface elements such as the header, buttons, and search bar. The loading page logo is the image that appears after a mobile user logs in. These elements can be customized from Setup by entering Salesforce Branding in the Quick Find box, then selecting Salesforce Branding. The other elements, such as the search bar layout, the background image, and the focus link color, are not customizable in the Salesforce app.

References:

Customize Salesforce Mobile App Branding
How Salesforce App Branding Works