User-Experience-Designer - Salesforce Certified User Experience Designer (SP23)

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]

A UX designer who has been asked to improve Salesforce adoption among sales representatives at Cloud Kicks should conduct a workshop with stakeholders to align on the current state and build consensus as the next step after finding out that there is no clear and consistent sales process. This is because:

• A clear and consistent sales process is essential for defining the user needs, goals, and pain points, as well as the business requirements, objectives, and metrics. Without a clear and consistent sales process, the UX designer cannot design a user-centric and value-driven solution that meets the expectations and needs of both the users and the stakeholders.
• A workshop with stakeholders can help the UX designer to understand the existing sales process, identify the gaps, challenges, and opportunities, and facilitate a collaborative and participatory approach to define the desired future state and agree on the best practices and standards for the sales process. A workshop can also help to establish trust, rapport, and buy-in among the stakeholders, and ensure that they are aligned and committed to the project vision and goals.
• A workshop with stakeholders can also help the UX designer to gather feedback, input, and validation from the key decision-makers and influencers, and incorporate them into the design process. A workshop can also help to communicate the value proposition and benefits of Salesforce adoption, and address any concerns, questions, or resistance that the stakeholders may have.

References:

• Salesforce Adoption: Common Issues & 6 Best Practices - Itransition
• What is Salesforce Adoption? 15+ Salesforce Adoption Strategies | Salesforce Ben
• Improving Salesforce User Adoption: Strategies & Best Practices - Cynoteck
• 17 Best Salesforce Adoption Strategies for Success (2023) - Whatfix

 A page header is a component that appears at the top of every page on a Digital Experience site, and usually contains the site logo, the site name, the navigation menu, and other elements that provide a consistent and recognizable look and feel for the site. A UX Designer can code the page header to update the logo for Cloud Kicks by using the Experience Builder or the Developer Console1. The Experience Builder is a point-and-click tool that allows creating and customizing the page header using predefined templates, themes, and components. The Developer Console is a code editor that allows creating and editing the page header using HTML, CSS, JavaScript, and Lightning components2. Both tools provide the option to upload and insert the new logo image file into the page header, and to adjust its size, position, and alignment.

The other two options, Visualforce pages and email templates, are not the places where the UX Designer needs to code to update the logo for Cloud Kicks. Visualforce pages are web pages that can be used to create custom user interfaces for Digital Experience sites, but they do not affect the page header, which is a separate component that can be added to any page3. Email templates are predefined layouts and content that can be used to send emails to the site users, but they do not have any impact on the site appearance or functionality.

References: Create a Custom Header for Your Site | Salesforce Trailhead and Customize Your Site Header and Footer | Salesforce Trailhead