UX Design Principles and Salesforce SLDS
48 Questions
1 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

When a UX Designer adds an icon without a visible label to an interface, which attribute should be used to ensure accessibility?

  • href
  • alt
  • class
  • title (correct)

    • After conducting user research and uncovering issues, what process should Cloud Kicks use to collaboratively redesign their services with stakeholders?

  • User Story Mapping
  • Pitch Session
  • Service Usability Testing
  • Service-Blueprinting Workshop (correct)

    • If sellers prefer using the utility bar for easy access and productivity, which standard use case could be recommended?

  • Access to view a list of records favorited for quick access.
  • Better user experience on mobile devices.
  • Perform common tasks without navigating away from the page. (correct)
  • Quickly create new records and objects.

    • After completing discovery, research analysis, and ideation, what should a UX Designer do to prepare for the next phase?

    <p>Prioritize user stories. (B)</p> Signup and view all the answers

    Which three platforms can a UX Designer use Salesforce Lightning Design System (SLDS) resources on?

    <p>Heroku, Visualforce, Android (C)</p> Signup and view all the answers

    To organize content into collapsible sections, which Lightning component should be used?

    <p>Accordion (A)</p> Signup and view all the answers

    To design a responsive page where content expands across columns or wraps onto new rows based on screen resolution, which Salesforce Lightning Design System (SLDS) utility is most flexible?

    <p>Grid (A)</p> Signup and view all the answers

    A UX Designer is creating a custom component with a clickable magnifying glass icon for a Lookup field. What should be used as the alternative (alt) text?

    <p>Search (C)</p> Signup and view all the answers

    Cloud Kicks wants to create a site for its customers to manage events regardless of the device they are using. What is the best practice to achieve this?

    <p>Develop a responsive user interface. (C)</p> Signup and view all the answers

    What part of the Salesforce Lightning Design System (SLDS) should be used to ensure visual consistency in alignments, grids, spacing, and typography?

    <p>Utility Classes (B)</p> Signup and view all the answers

    Which tool would a UX Designer use to quickly plan and communicate intended page layouts of a community portal?

    <p>Wireframes (A)</p> Signup and view all the answers

    A UX Designer conducted usability testing on a newly designed case management system. When presenting the findings, what should the designer prioritize?

    <p>Be specific about the issues testers encountered, providing detailed descriptions and examples. (B)</p> Signup and view all the answers

    A UX Designer wants to create responsible and transparent AI technology. What should they do to ensure clear understanding of AI predictions?

    <p>Provide clear explanations of AI predictions or recommendations. (D)</p> Signup and view all the answers

    Which Salesforce feature can be used to personalize the navigation bar for individual users?

    <p>Personalize the navigation bar. (A)</p> Signup and view all the answers

    A UX Designer is tasked with creating a Salesforce solution to streamline a call center's complaint logging process. What visual tool would best illustrate the existing process, including pain points and opportunities?

    <p>A journey map to visualize the customer's experience and identify pain points (D)</p> Signup and view all the answers

    To ensure new Salesforce users receive a tailored onboarding experience, which In-App Guidance customization can be used by a UX Designer?

    <p>Specify prompt scheduling. (C)</p> Signup and view all the answers

    Cloud Kicks wants to create gamified learning content for its internal users, including a custom product training module. What should be recommended for this purpose?

    <p>An enablement site to build and assign custom learning modules, facilitating a structured training experience (D)</p> Signup and view all the answers

    What is a primary goal of usability testing?

    <p>Analyzing user behavior and preferences to understand how they interact with a design (A)</p> Signup and view all the answers

    A UX Designer wants to use Paths to provide guidance on sales representative actions at each stage of the opportunity lifecycle. Which element can be used in the Guidance for Success sections?

    <p>All of the above. (D)</p> Signup and view all the answers

    Which Salesforce feature should be suggested to improve the end-user experience when a small group of users frequently uses an object not added to their Lightning app?

    <p>Add the object's related list to the Home page. (C)</p> Signup and view all the answers

    When deciding between a moderated or unmoderated usability study, what reason would lead a UX Designer to choose a moderated study?

    <p>Moderated studies allow for real-time observation and follow-up questions to gain deeper insights into user behavior (B)</p> Signup and view all the answers

    Cloud Kicks wants to prominently display its updated logo on its Digital Experience site. What should the UX Designer focus on to achieve this?

    <p>All of the above choices are important considerations (D)</p> Signup and view all the answers

    To quickly mock up Salesforce User Interface experiences using prebuilt components and Salesforce Lightning Design System (SLDS) resources, which tool or installation should a UX Designer use?

    <p>Lightning Design System Unmanaged Package (A)</p> Signup and view all the answers

    A UX Designer wants to test how a new feature will be received by users. What should the designer create to test the content and structure of the feature?

    <p>Wireframe Prototype (B)</p> Signup and view all the answers

    A UX Designer is designing a Salesforce experience for a customer who prioritizes out-of-the-box styling and components. Which method would best deliver a branded experience?

    <p>Leverage the theme editor to adjust fonts, text case, colors, and the site logo. (D)</p> Signup and view all the answers

    A bank needs to represent its customers within Salesforce. They do not have any corporate or business customers. Which Salesforce object is most appropriate?

    <p>Standard Person Account Object (D)</p> Signup and view all the answers

    A UX Designer is considering using a custom Lightning component for a specific business requirement. What is the best practice?

    <p>Exhaust the list of available base Lightning components in the Component Library before considering custom development. (A)</p> Signup and view all the answers

    Cloud Kicks is incorporating Relationship Design principles into its business model. Which principle best represents their strategy?

    <p>Prioritizing engagement over the number of impressions. (A)</p> Signup and view all the answers

    A realty company tracks home buyers using Salesforce functionality. Which standard Salesforce objects are most appropriate for this scenario?

    <p>Lead, Contact, and Opportunity (B)</p> Signup and view all the answers

    To achieve responsive design within the Salesforce Lightning Design System (SLDS), a UX Designer should use:

    <p>Grid System (D)</p> Signup and view all the answers

    What business outcomes demonstrate a UX Designer's commitment to diversity, inclusion, and equality in design?

    <p>Increased user base, higher customer satisfaction, and greater accessibility. (C)</p> Signup and view all the answers

    Which of the following is NOT a core principle of Relationship Design?

    <p>Focusing on customer outputs rather than outcomes. (A)</p> Signup and view all the answers

    Users commonly access reports using the global search bar. What should be done to improve this experience?

    <p>Add the reports to Global Actions for quick access from any page. (B), Update the Home page with access to commonly used reports. (D)</p> Signup and view all the answers

    During Einstein Bot implementation planning, what additional elements are crucial for bot effectiveness and customer satisfaction?

    <p>User interface planning, training and support planning, voice and tone planning. (D)</p> Signup and view all the answers

    Service agents are struggling with the complexity of a new reservation object. What feature can help display fields and sections as individual components with context-dependent visibility?

    <p>Dynamic Forms (D)</p> Signup and view all the answers

    When designing a custom object page layout, what approach should be taken to ensure a good user experience?

    <p>Group similar fields using sections. (A)</p> Signup and view all the answers

    Which visual design elements help effectively communicate style and branding guidelines in a UX design?

    <p>Typography, Color, Imagery. (B)</p> Signup and view all the answers

    What are Salesforce's core design principles when making design decisions?

    <p>Clarity, Efficiency, Consistency, Beauty. (C)</p> Signup and view all the answers

    A UX Designer wants to understand how employees envision a new community site and its information organization. Which technique should be used to gather these insights?

    <p>Card Sorting (C)</p> Signup and view all the answers

    A development team building custom components in VS Code encounters conflicts between CS classes and Salesforce Lightning Design System (SLDS). What approach should be used to resolve these conflicts?

    <p>Ensure custom components comply with SLDS guidelines and use SLDS classes consistently. (B)</p> Signup and view all the answers

    What does the Salesforce Lightning Design System (SLDS) provide for designers and developers?

    <p>Semantic and accessible component markup (A)</p> Signup and view all the answers

    Cloud Kicks wants to ensure their brand experience is reflected in their Experience Builder Portal landing page. What additional UX elements should they review beyond the Theme?

    <p>Visual, Content, and Interaction Design (C)</p> Signup and view all the answers

    A UX Designer wants to use a tool to synthesize the company's understanding of their users. What tool would be most helpful?

    <p>Empathy Map (C)</p> Signup and view all the answers

    A UX Designer is presenting a design approach that emphasizes understanding user needs and developing solutions that meet those needs. What approach is this called?

    <p>Human-Centered Design (D)</p> Signup and view all the answers

    The Client Service team at Cloud Kicks is having trouble editing an order record due to a validation rule requiring two additional fields. How can they efficiently find the correct fields?

    <p>Replace the error message with In App Guidance to bring the user's attention to the missed fields. (B)</p> Signup and view all the answers

    Cloud Kicks wants to document user archetypes, goals, and pain points to improve their service experience. What tool should a UX Designer use?

    <p>Personas (A)</p> Signup and view all the answers

    Cloud Kicks wants to use the Salesforce Lightning Design System (SLDS) in their custom applications though they haven't migrated to Lightning Experience. What solution should they use?

    <p>Download the SLDS theme from the Salesforce Developer website (A)</p> Signup and view all the answers

    What is the Salesforce Lightning Design System (SLDS)?

    <p>A UI kit for building Salesforce user interfaces with a consistent look and feel. (A)</p> Signup and view all the answers

    Flashcards

    Accessibility Compliance for Icons

    Use the 'title' attribute for icons without labels to ensure accessibility.

    Collaborative Redesign Process

    The process to redesign services with stakeholders after research findings.

    Utility Bar Use Case

    Recommended to enable performing common tasks without navigating away.

    Preparing for Next UX Phase

    After ideation, prioritize user stories for defining next steps.

    Signup and view all the flashcards

    SLDS Resource Platforms

    SLDS can be utilized across Heroku, Visualforce, and Android.

    Signup and view all the flashcards

    Organizing Content with Components

    Use the Accordion component to create collapsible content sections.

    Signup and view all the flashcards

    Responsive Page Design

    Use the Grid utility for flexible content arrangement in responsive design.

    Signup and view all the flashcards

    Alternative Text for Icons

    Use 'Search' as the alt text for a magnifying glass icon in a Lookup field.

    Signup and view all the flashcards

    Salesforce Lightning Design System (SLDS)

    A framework providing design guidelines and components for Salesforce applications.

    Signup and view all the flashcards

    Semantic and accessible component markup

    Markup that enhances understanding and usability for all users.

    Signup and view all the flashcards

    User Experience Design

    The process of designing products to provide meaningful and relevant experiences for users.

    Signup and view all the flashcards

    Empathy Map

    A tool used to visualize user attitudes and behaviors for shared understanding.

    Signup and view all the flashcards

    User Personas

    Fictional characters created based on user data to represent different user types.

    Signup and view all the flashcards

    Validation Rule Error Handling

    Methods to show users what needs correction in their inputs to meet validation rules.

    Signup and view all the flashcards

    Interaction Design

    The design of interactions between users and products to enhance usability.

    Signup and view all the flashcards

    SLDS package in NPM

    A package that can be included in projects to use SLDS styles and components.

    Signup and view all the flashcards

    Responsive User Interface

    A design that adjusts smoothly to different screen sizes and devices.

    Signup and view all the flashcards

    Salesforce Lightning Design System

    A system providing guidelines for consistent user interfaces in Salesforce applications.

    Signup and view all the flashcards

    Usability Testing Findings

    Insights gathered from testing that highlight user difficulties and experiences.

    Signup and view all the flashcards

    Business Process Diagram

    A visual representation illustrating tasks, events, and decisions in a process.

    Signup and view all the flashcards

    Gamified Learning Content

    Engaging educational material that uses game-like elements to enhance learning.

    Signup and view all the flashcards

    Goal of Usability Testing

    To understand user behavior, preferences, and potential issues with a design.

    Signup and view all the flashcards

    Moderated Usability Study

    A usability test with a facilitator present to ask follow-up questions and gather insights.

    Signup and view all the flashcards

    Digital Experience Site

    An online platform where users interact with digital content and services.

    Signup and view all the flashcards

    Responsible AI Technology

    Creating AI that is transparent and explains its predictions.

    Signup and view all the flashcards

    Wireframes

    Basic visual guides representing the skeletal framework of a layout.

    Signup and view all the flashcards

    Guidance for Success

    Elements in a UX path that aid users in completing tasks.

    Signup and view all the flashcards

    In-App Guidance Customization

    Settings that control how in-app prompts are displayed to users.

    Signup and view all the flashcards

    Wireframe Prototype

    A simple model to test features and layout with users.

    Signup and view all the flashcards

    Custom Action on Dashboard

    A feature that allows adding personalized links related to specific tasks.

    Signup and view all the flashcards

    SLDS Functional Components

    Prebuilt components used to create applications resembling Salesforce UI.

    Signup and view all the flashcards

    Branded Experience Method

    Using theme editor to customize fonts, colors, and logos.

    Signup and view all the flashcards

    Customer Representation in Salesforce

    Using Standard Person Account Object for individual customers.

    Signup and view all the flashcards

    Custom Lightning Component Best Practice

    Exhaust the list of available base Lightning components first.

    Signup and view all the flashcards

    Relationship Design Principle

    Prioritizing engagement over number of impressions.

    Signup and view all the flashcards

    Salesforce Objects for Realty

    Using Contact, Address, and Property to track home buyers.

    Signup and view all the flashcards

    Design Responsively in SLDS

    Using Design Tokens for responsive design.

    Signup and view all the flashcards

    Diversity and Inclusion Outcomes

    Inclusive recruitment, lower turnover, and diverse culture.

    Signup and view all the flashcards

    Salesforce Component Options

    Options include base Lightning components and SLDS markup.

    Signup and view all the flashcards

    Improving User Experience

    Enhance the experience of users accessing commonly used reports.

    Signup and view all the flashcards

    Components for Custom Object Layout

    Use of individual components to organize fields based on process stages.

    Signup and view all the flashcards

    User Interface Planning

    Crucial for effective bot interaction and customer satisfaction.

    Signup and view all the flashcards

    Best End-User Experience Practices

    Group similar fields using sections for better organization.

    Signup and view all the flashcards

    Elements of Visual Design

    Typography, Color, and Imagery support branding guidelines.

    Signup and view all the flashcards

    Salesforce Core Design Principles

    Clarity, Efficiency, Consistency, and Beauty guide design choices.

    Signup and view all the flashcards

    Understanding User Mental Models

    Use techniques to match architecture with user expectations.

    Signup and view all the flashcards

    Conforming to SLDS

    Development should align custom components with Salesforce Lightning Design System.

    Signup and view all the flashcards

    Study Notes

    Cloud Kicks Study Notes

    • Cloud Kicks wants a site for customers to manage events regardless of device. A responsive user interface is the best practice.
    • Salesforce Lightning Design System (SLDS) utility classes provide visual consistency (alignments, grids, spacing, typography).
    • UX Designers should be specific about usability testing issues, omitting already known bugs, and including participant names in reports.
    • Illustrate existing processes with business process diagrams or journey maps.
    • Gamified learning content for internal users and leadership should use in-app prompts to provide access to video content.
    • Usability testing goals include learning about user behavior and preferences.
    • Moderated usability studies provide opportunities for follow-up questions.
    • Cloud Kicks wants its logo on its Digital Experience site and has updated it. The designer should update the visualforce pages.
    • Path features for onboarding include integrated buttons, actions, and recommendations, and completing key fields before moving to the next stage.
    • Salesforce components can be accelerated with stylesheets, the Salesforce Lightning Design System (SLDS), or using UI kits (plugins).
    • Before updating, a UX designer should start with a heuristic evaluation.
    • Salesforce apps must be WCAG 2.1 compliant for themes and branding.
    • Cloud Kicks commits to human-centered design and uses V2MOM to present sales solutions.
    • To provide customer-specific branding in a Salesforce app, customize the search bar layout, loading page background, and brand color.
    • Users, when asked about a navigation menu, should sort cards in similar categories or by groups.
    • Web Content Accessibility Guidelines (WCAG) requires perceivable, operable, understandable, and robust content.
    • Experience Builder features can be used to apply brand fonts and colors.
    • A UX Designer should consider accessibility and use different tools for determining accessibility like heuristic evaluation or low-fidelity templates.
    • UX Designer should conduct user testing to identify the site's compliance with usability standards.
    • Cloud Kicks wants to ensure Salesforce apps are consistent and match company branding and include a search bar layout and loading page background.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Set-4 PDF

    Description

    Test your knowledge on essential UX design principles and the application of Salesforce Lightning Design System (SLDS) resources. This quiz covers accessibility attributes, collaborative redesign processes, and component usage in UX design. Perfect for aspiring and experienced designers looking to enhance their skills!

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser