Cloud kicks has identified that its users are having difficulty figuring out where to look on a web page due to the number of design elements. Which threeconsiderations should be made to improve the visual hierarchy of the page? Choose 3 answers
A. Grouping proximity and common regions
B. Scale using relative size to signal importance
C. Continuity keep all typeface the same size
D. Proportion, keep allelement a similar size
E. Color and contract, saturation between the elements
Explanation:
The three considerations that should be made to improve the visual hierarchy of the page are:
Grouping proximity and common regions. This principle states that elements that are close together or share a common boundary are perceived as belonging to the same group. This helps to create a sense of order and organization on the page and reduce the visual clutter.
Scale using relative size to signal importance. This principle states that elements that are larger are perceived as more important or prominent than elements that are smaller. This helps to create a contrast and focus on the page and guide the user’s attention to the most relevant information.
Color and contrast, saturation between the elements. This principle states that elements that have different colors or contrast levels are perceived as distinct or separate from each other. This helps to create a variety and interest on the page and highlight the differences or similarities between the elements.
References:
: Visual Hierarchy
: Gestalt Principles
A UX Designer is creating a customer support site in Experience Builder that will be internationalized across 12 different countries. Which two design considerations should be made when planning for this site?
A. Countries may read text in a different (right to left vs. left to right) and layoutswill be to be adjusted.
B. Country flags used as links to adjust languages provide an ideal way to switch between locales or languages for users.
C. Colors may have different contrast rations in some countries and need adjust contrast for proper visibilityby users.
D. Colors may have different culture meanings in different countries, changing the intent of UI elements.
Explanation:
The two design considerations that should be made when creating a customer support site in Experience Builder that will be internationalized across 12 different countries are:
Countries may read text in a different direction (right to left vs. left to right) and layouts will need to be adjusted. This is because some languages, such as Arabic and Hebrew, are written from right to left, while others, such as English and French, are written from left to right. This affects not only the text alignment, but also the placement of UI elements, such as buttons, menus, icons, and images. To accommodate different reading directions, the site should use a flexible layout that can be mirrored or flipped based on the language setting. This also follows the principle of designing for accessibility and inclusion, which is one of the learning objectives for the Salesforce User Experience Designer certification12
Colors may have different cultural meanings in different countries, changing the intent of UI elements. This is because colors can convey different emotions, associations, and messages depending on the cultural context. For example, red can mean danger, passion, or luck, depending on the country. Therefore, the site should use colors that are appropriate andrespectful for the target audience, and avoid colors that may be offensive or misleading. This also follows the principle of designing for the user’s context and environment, which is another learning objective for the Salesforce User Experience Designer certification34
References: [Design for Accessibility and Inclusion], [Add Languages to Your Aura Sites], [Design for the User’s Context and Environment], [Color Meanings by Culture]
https://trailhead.salesforce.com/en/content/learn/modules/ux-designer-certification-prep/design-for-accessibility-and-inclusion : 1 : https://trailhead.salesforce.com/en/content/learn/modules/ux-designer-certification-prep/design-for-the-users-context-and-environment : 2 : https://www.w3.org/International/questions/qa-scripts : 3 : https://www.shutterstock.com/blog/color-symbolism-and-meanings-around-the-world : 4
What is a goal of usability testing?
A. Showing users how to use the design in the right way
B. A Learning about the user's behavior and preferences
C. Identifying the best variation of a page
Explanation:
Usability testing is a method of evaluating how easy and intuitive a product or service is to use by observing real users performing specific tasks. It can help identify usability issues, user needs, and user satisfaction. A goal of usability testing is to learn about the user’s behavior and preferences, such as how they interact with the design, what they expect from the design, what they like or dislike about the design, and what they find confusing or frustrating about the design. By learning about the user’s behavior and preferences, the UX designer can gain insights and feedback that can help improve the design and enhance the user experience.
References:
: User Experience Designer Certification Prep: Module 6: Validate User Interfaces
: What is Usability Testing?
A UX Designer at Cloud Kicks has been asked to gather insights for a newly released feature at scale from a Specific set of users in the flow of their work. Which approach should be used?
A. In-App Feedback
B. User Interviews
C. A/B Test
D. Survey
Explanation:
In-app feedback is a method of collecting user feedback within the context of the product or service, without interrupting the user’s workflow. It allows the UX designer to gather insightsfrom a specific set of users at scale and measure their satisfaction, preferences, and pain points. In-app feedback can be implemented using various techniques, such as ratings, reviews, comments, suggestions, polls, or pop-ups .
References:
: User Experience Designer Certification Prep: Module 3: Conduct User Research
: User Experience Designer Certification Prep: Module 4: Analyze User Research Data
A UX Designer wants to quickly mock up Salesforce user Interface experiences using a collation of prebuilt components. The designer need sales lightning resources for their design and prototypesuch as based components, tokens, design patterns. Which tool to install should need?
A. Lightning Design system Zip
B. Sketch plugin
C. Lightning Design system Unmagaged Package
D. SLDS Validator
Explanation:
The tool to install that the UX Designer needs is the Sketch plugin. This plugin allows the designer to quickly mock up Salesforce user interface experiences using a collection of prebuilt components, such as base components, tokens, design patterns, and more. The plugin also provides access to the Salesforce Lightning resources for their design and prototype, such as icons, fonts, colors, and images. The plugin is compatible with Sketch, a popular design tool for creating user interfaces.
References:
: Salesforce Lightning Design System
: Sketch Plugin
Universal Containers (UC) has implemented Service Cloud. There is a flag field on the case object that marks a case as(Sensitive). UC requested that this flag can be viewed by all users who have access to the case but only be edited by the assigned case assessor. The case assessor is a lookup field on the case object. How can an architect achieve this requirement?
A. Permission Set.
B. Object Permissions.
C. Custom Lightning Component.
D. Field-level security
Explanation:
The best way to achieve the requirement of having a flag field on the case object that marks a case as sensitive and can be viewed by all users who have access to the case but only be edited by the assigned case assessor is to create a custom Lightning component. A custom Lightning component can use the Lightning Data Service to access the case record and its fields, and apply conditional rendering and editing logic based on the user’s role and the case assessor field. This way, the flag field can be displayed to all users who can view the case, but only be editable by the user who is the case assessor. This solution also follows the principle of designing for performance and scalability, which is one of the learning objectives for the Salesforce User Experience Designer certification. References: [Create Custom, Reusable Lightning Components], [Lightning Data Service Basics], [Design for Performance and Scalability]
https://trailhead.salesforce.com/en/content/learn/modules/lex_dev_lc_basics/lex_dev_lc_basics_intro : https://trailhead.salesforce.com/en/content/learn/modules/lightning_data_service/lightning_data_service_intro : https://trailhead.salesforce.com/en/content/learn/modules/ux-designer-certification-prep/design-for-performance-and-scalability
A UX Designer is asked to design a responsive page. When screen resolution changes, the content of the page should expand across columns or wrap and push it self onto new rows. Which Salesforce Lightning Design System (SLDS) utility provides the most flexible system to meet these requirements?
A. Spacing
B. Layout
C. Alignment
D. Grid
Explanation:
The SLDS utility that provides the most flexible system to meet the requirements of designing a responsive page is Grid. Grid is a utility that allows you to create a layout using a series of rows and columns that house your content. Grid uses a 12-column structure that can be adjusted based on breakpoints, which are predefined screen sizes that trigger a change in the layout. Grid also supports nesting, alignment, ordering, and offsetting of the columns. By using Grid, you can create a responsive page that can adapt to different screen resolutions and devices12 References: [Grid - Lightning Design System], [Mastering Salesforce Lightning Design System Grids and Lightning Layouts]
https://www.lightningdesignsystem.com/utilities/grid/
https://developer.salesforce.com/blogs/developer-relations/2017/04/mastering-salesforce-lightning-design-system-grids-lightning-layouts
Which criteria should the designer consider when selecting users for testing?
A. Traits dissimilar to customer personas
B. Traits similar to friends and family
C. Traits similar to customer personas
D. traits of the most common demographic and ability
Explanation:
The designer should consider the traits similar to customer personas when selecting users for testing. Customer personas are fictional representations of the target users of a product or service, based on user research and data. Customer personas help the designer to understand the needs, goals, behaviors, and preferences of the users, as well as their pain points and challenges. Customer personas also help the designer to empathize with the users and design solutions that meet their expectations and requirements. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas]
When selecting users for testing, the designer should aim to recruit users who match the traits of the customer personas as closely as possible. This ensures that the users who participate in the testing are representative of the actual or potential users of the product or service, and that the feedback and insights gathered from the testing are valid and reliable. Selecting users who have traits similar to customer personas also helps the designer to evaluate the usability and user experience of the product or service from the user’s perspective, and to identify and prioritize the areas for improvement. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation]
Traits dissimilar to customer personas, traits similar to friends and family, and traits of the most common demographic and ability are not criteria that the designer should consider when selecting users for testing. These criteria can lead to biased or inaccurate results, as they do not reflect the diversity and complexity of the user population. Users who have traits dissimilar to customer personas may not have the same needs, goals, or expectations as the target users, and may provide feedback that is irrelevant or misleading. Users who have traits similar to friends and family may not be objective or honest in their feedback, and may have a different level of familiarity or expertise with the product or service than the target users. Users who have traits of the most common demographic and ability may not account for the variations and differences among the target users, and may exclude or marginalize the users who have special needs or preferences. [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Testing and Evaluation] References: [UX Designer Certification Prep: User Research], [UX Designer Certification Prep: User Roles and Personas], [UX Designer Certification Prep: User Testing and Evaluation]
Cloud Kicks needs functional components thatwill be used on many pages. The components need to be consistent with the look and feel of Lightning Experience. What does the Salesforce Lightning Design System (SLDS) provide that will ensure consistency?
A. Experience Lightning Components
B. ComponentBlueprints
C. JavaScript Frameworks
D. Custom Lightning components
Explanation:
The Salesforce Lightning Design System (SLDS) provides component blueprints that will ensure consistency for Cloud Kicks’ functional components. Component blueprints are ready-to-use HTML and CSS UI elements that provide the foundation for Salesforce experience development. They follow the design guidelines, accessibility standards, and best practices of Lightning Experience. They also include variants, states, and modifiers to handle different use cases and scenarios. By using component blueprints, Cloud Kicks can create functional components that are consistent with the look and feel of Lightning Experience without writing custom code or CSS.
References:
Component Blueprints
Introduction to the Salesforce Lightning Design System
A UX designer wants to quickly mock up salesforce user interface experiences using a collection of prebuilt components. The designers neededsalesforce lighting design systems(SLDS) resources for their designs and prototypes such as base components tokens and designs patterns Which tool or installation should best support their needs?
A. Lighting design systems zip
B. sketch plugin
C. lightingdesign systems unmanaged package
D. SLDS validator
Explanation:
A sketch plugin is a tool that allows the UX designer to quickly mock up Salesforce user interface experiences using the Lightning Design System (SLDS) resources, such as base components, tokens, and design patterns. The sketch plugin is a free plugin for Sketch, a design toolkit that helps create wireframes, mockups, sample screens, and more. With the sketch plugin, the designer can search and drag the prebuilt components from the plugin into the canvas, and export the mockups as pdf, jpeg, or png files. The sketch plugin also supports synonyms and variants for the components, making it easier to find and use the desired elements. The sketch plugin can be downloaded from the SLDS website1 or from the AppExchange2.
References:
[Create Quick Salesforce UI Mockups: Lightning Design System Plugin for Sketch]1
[Lightning Design System Sketch Plugin]2
Page 8 out of 21 Pages |
Previous |