User-Experience-Designer Practice Test

Explanation:

Accordions are collapsible sections that can be used to separate different content areas. By using accordions, users can quickly navigate through the page and easily find thecontent that they need. The use of accordions also ensures that screen readers can access the content within each section, reducing the need for additional navigation. Additionally, a Lightning Console layout can be used to organize components, but this layout is optimized for customer service agents and not necessarily for screen reader users. Placing components in adjacent tabs or stacking them on the same page can make the page difficult to navigate and can make it difficult for screen readers to understand the page. For more information, see the Salesforce Accessibility Guide (https://help.salesforce.com/articleView?id=accessibility_overview.htm &type=5).

According to the Salesforce Lightning Design System, accordions are a good way to organize components on a page for screen reader-assisted accessibility. Accordions allow users to expand and collapse sections of content, which can help reduce cognitive load and scrolling. Accordions also provide a clear heading structure and keyboard navigation for each section1. The other options are not recommended for screen reader-assisted accessibility, as they can create confusion, clutter, or inefficiency for users who rely on auditory feedback. For example, switching to a Lightning Console layout can make it harder for users to navigate between tabs and subtabs2. Placing components in adjacent tabs can also increase the number of keystrokes and commands needed to access the information3. Stacking components on the same page can create a long and overwhelming page that requires excessive scrolling and reading4.

References: Accordions - Lightning Design System, Lightning Console Apps - Salesforce Help, Tabs - Lightning Design System, Accessibility Standards - Salesforce Help

Explanation:

Accordion elements are UI components that allow users to expand and collapse sections of content. They are useful for organizing information in a limited space, such as on mobile devices. However, they also have some usability challenges, such as discoverability, accessibility, and navigation. To improve the usability of accordion elements in a mobile environment, two possible ways are:

Include persistent headings. Persistent headings are the labels that indicate the content of each section and allow users to tap on them to expand or collapse the content. Persistent headings should be visible at all times, even when the content is expanded, so that users can easily see the context and switch between sections. Persistent headings should also be clear, concise, and descriptive, so that users can understand what each section contains and decide whether to explore it or not. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Mobile Design]

Only allow users to open one selection at a time. This means that when a user taps on a heading to expand a section, any other previously expanded section should automatically collapse. This prevents the content from becoming too long and overwhelming for the user,and also helps to maintain the focus and hierarchy of the information. It also reduces the need for scrolling and the risk of losing the position of the headings. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Mobile Design]

Nesting an accordion inside of another is not a good way to improve the usability of accordion elements in a mobile environment, because it creates a complex and confusing structure that is hard to navigate and understand. It also increases the cognitive load and the number of taps required for the user to access the information. Using the ‘back’ browser button to collapse content is also not a good way to improve the usability of accordion elements in a mobile environment, because it breaks the user’s expectation and the consistency of the UI. The ‘back’ browser button should be used to go back to the previous page or screen, not to collapse the content within the same page or screen. It also makes it difficult for the user to return to the expanded content if they want to. [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Mobile Design] References: [UX Designer Certification Prep: User Interface Design Principles], [UX Designer Certification Prep: Mobile Design]

Explanation:

Updating the homepage with access to commonly used reports is the best way to make sure the user can quickly accessthe reports they need. This could include making the global search bar bigger on every page, adding the daily task component to the homepage, or creating a mind board to communicate the visual style of the UI. Additionally, Salesforce has some great resources on designing for search, such as their Search Design Guide [1] and their Search Best Practices [2].

[1] https://www.salesforce.com/content/dam/web/en_us/www/documents/salesforce-search-design-guide.pdf [2] https://developer.salesforce.com/docs/atlas.en-us.salesforce_search_best_practices.meta/salesforce_search_best_practices/search_best_practices_intro.htm

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.

References:

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

Explanation:

One of the administrative capabilities that can be used for mobile navigation menu setup is to include Visualforce and Lightning pages as menu tabs. Visualforce and Lightning pages are custom pages that can display data, logic, and interface elements in the Salesforce mobile app. To include Visualforce and Lightning pages as menu tabs, the UX Designer needs to create tabs for those items first, and then add them to the navigation menu of the Mobile Only app or the Lightning app12

Menu tabs can be based on different user types: This is not an administrative capability that can be used for mobile navigation menu setup, but rather a feature of the Lightning app navigation method. The Lightning app navigation method allows the UX Designer to create different Lightning apps for different user types, and assign them to different user profiles. Each Lightning app can have its own navigation menu and navigation bar, which can be customized with the items that are relevant for each user type34

Menu tabs visibility is based on user location: This is not an administrative capability that can be used for mobile navigation menu setup, but rather a feature of the geolocation field type. The geolocation field type allows the UX Designer to store the latitude and longitude coordinates of a record, and use them for various purposes, such as displaying maps, calculating distances, or filtering reports. The geolocation field type does not affect the visibility of the menu tabs in the Salesforce mobile app.

References:

Customize the Mobile Only Navigation Menu in the Salesforce Mobile App

Customize a Lightning App Navigation Menu in the Salesforce Mobile App

Create a Lightning App Unit | Salesforce Trailhead

Assign a Lightning App to a User Profile Unit | Salesforce Trailhead

[Geolocation Custom Field Type - Salesforce Help]

[Use Geolocation Fields in Formulas - Salesforce Help]