Cloud Kicks (UC) has begun a new project to update its Experience Cloud site. CK know the interface needs improvement and wants its Designer to conduct an independent audit of its current website.
Which activity should the designer perform?
Answer : D
An expert review is an activity that a designer can perform to conduct an independent audit of a current website. An expert review is a method of evaluating the usability and user experience of a website by applying established principles, guidelines, and heuristics. An expert review can help identify the strengths and weaknesses of a website, as well as provide recommendations for improvement. An expert review can be done by one or more experts, who can be internal or external to the organization. An expert review can be done at any stage of the design process, but it is especially useful before launching a new or redesigned website, or when there is a need to assess the current state of a website. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]
Card sorting, task analysis, and prototype testing are not activities that a designer can perform to conduct an independent audit of a current website. Card sorting is a method of organizing and labeling information for a website, based on how users group and name the content. Task analysis is a method of understanding and documenting the goals, tasks, and steps that users perform on a website. Prototype testing is a method of evaluating the functionality and usability of a website by having users interact with a mock-up or a simulation of the website. These methods are useful for creating or improving a website, but they are not suitable for auditing a website without involving the users. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]Reference:[UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]
During our interview, a UX designer discovers that the most common daily task for the user is to view and commonly view reports using the global search bar for:
Answer : B
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
Which elements of visual design should be used to better translate style and branding guidelines?
Answer : A
In visual design, especially within the context of translating style and branding guidelines, certain elements play crucial roles in ensuring that the design effectively communicates the intended brand identity and aesthetic. These elements include:
Typography: The choice of fonts and how text is styled and arranged can significantly impact the brand's voice and how content is perceived by the audience. Typography can convey feelings, create hierarchy, and guide the user's attention through the design.
Color: Color schemes are fundamental in visual design as they can evoke emotions, communicate brand values, and improve the user's experience by creating visual interest and guiding focus.
Imagery: The use of images, icons, illustrations, and other visual media must align with the brand's style and values. Imagery can help tell a brand's story, convey complex information quickly, and connect with users on an emotional level.
Options B and C, such as Wireframes, Personas, Blueprints, Sketching, and Storyboards, are crucial in the early stages of the design process for conceptualization and planning but do not directly translate style and branding guidelines in the same way that typography, color, and imagery do.
A UX Designer is creating a site for delivery within Builder for a customer who has strict requirements is stay focusedon out-of-the-box styling and components only.
Which three methods would deliver a branded experience?
Choose 3 answers
Answer : A, C, D
These three methods would deliver a branded experience for a customer who has strict requirements to stay focused on out-of-the-box styling and components only. They are all features of the Builder tool, which is a drag-and-drop interface that allows users to create and customize websites without coding. By using these methods, a UX Designer can create a consistent and appealing visual identity for the customer's site, as well as showcase their brand values and personality.
Select a footer and configure which social media links to display: The footer is the bottom section of a web page that usually contains information such as contact details, terms and conditions, privacy policy, and social media links. By selecting a footer component from the Builder library, a UX Designer can easily add and configure the social media links that the customer wants to display on their site. This can help the customer connect with their audience, increase their brand awareness, and drive traffic to their social media platforms.
Select a theme and customize content including copy and imagery: A theme is a predefined set of design elements, such as colors, fonts, and layouts, that can be applied to a website to give it a consistent and professional look. By selecting a theme from the Builder library, a UX Designer can quickly create a site that matches the customer's brand identity and preferences. A UX Designer can also customize the content of the site, such as the copy and imagery, to make it more relevant and engaging for the customer's target audience.
Use the theme editor to adjust fonts, text case, colors, and site logo: The theme editor is a feature of the Builder tool that allows users to fine-tune the appearance of their site by adjusting various design elements, such as fonts, text case, colors, and site logo. By using the theme editor, a UX Designer can create a site that reflects the customer's brand personality and style, as well as enhance the readability and usability of the site. A UX Designer can also upload the customer's site logo, which is a graphical representation of their brand name or symbol, to increase their brand recognition and credibility.
Builder Overview
Create a Site with Builder
Customize Your Site with the Theme Editor
Cloud Kicks (CK) is planning to roll out a refreshed version of its mobile app with some new functionality for customers.
What are two reasons why CK's UX Designer would consider using an interactive prototype in this situation?
Choose2 answers.
Answer : C, D
An interactive prototype is a simulation of the final product that allows users to interact with it and test its functionality and usability. An interactive prototype can be created using tools such as Figma or Invision, and can be shared with stakeholders and users for feedback and validation. An interactive prototype can have several benefits for a UX designer, especially when planning to roll out a refreshed version of a mobile app with some new functionality for customers.Two of these benefits are12:
To avoid added long-term cost from oversight-driven rework. An interactive prototype can help the UX designer to identify and fix any errors, bugs, or gaps in the design before the development stage. This can save time and money that would otherwise be spent on reworking the product after it is developed. An interactive prototype can also help the UX designer to ensure that the new functionality is aligned with the customer needs and expectations, and that it does not compromise the existing functionality or performance of the app.
To enable iterative feedback from the users. An interactive prototype can provide a realistic and engaging user experience, and allow the users to explore the app and provide their opinions and suggestions. The UX designer can use the user feedback to iterate and improve the design, and to validate the assumptions and hypotheses. An interactive prototype can also help the UX designer to measure the user satisfaction and loyalty, and to test the app's usability and accessibility.
The following two reasons are not valid for using an interactive prototype in this situation:
To increase the speed of design compared to paper prototyping. An interactive prototype is not necessarily faster than a paper prototype, as it requires more time and effort to create and refine. A paper prototype is a low-fidelity prototype that uses sketches or drawings to represent the app's layout and functionality.A paper prototype can be useful for generating and testing ideas quickly and cheaply, and for involving the users in the co-design process3.
To eliminate the need for journey mapping during discovery. An interactive prototype is not a substitute for journey mapping, but a complement. Journey mapping is a UX research method that visualizes the user's journey across the app, and identifies the touchpoints, actions, emotions, and pain points. Journey mapping can help the UX designer to understand the user's context, goals, and needs, and to discover the opportunities for improvement.An interactive prototype can help the UX designer to test and validate the journey map, and to communicate the design vision to the stakeholders and users4.Reference:Interactive Prototypes Without Coding - Studio by UXPin,What is Interactive Prototypes? --- updated 2023 | IxDF,Paper Prototyping as a Usability Testing Technique,Journey Mapping 101 | Nielsen Norman Group
A UX Designer has been asked to optimize a Lightning app for screen reader-assisted accessibility.
How should the page be optimized?
Answer : D
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.
A UX Designer at Cloud Kicks has the requirements and some user scenarios but wants to test how a new feature will be received by the user.
What should the designer create and show to the user to test the content and structure of the new feature?
Answer : A
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.Reference:
[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