A journey map is a visual representation of the steps, emotions, and pain points that a user goes through when interacting with a product or service.A journey map can help the UX Designer understand the user's needs, goals, expectations, and frustrations, and identify opportunities for improvement or innovation12

Creating a journey map together with employees from different departments is a strategy that can strengthen employee relationships the most, because it can:

Foster collaboration and communication: Inviting employees from different departments to create a journey map can help them share their perspectives, insights, and ideas, and learn from each other.This can also help them align on a common vision and goal, and build trust and respect among the team members34

Increase engagement and ownership: Inviting employees from different departments to create a journey map can help them feel more involved and invested in the design process and the outcome.This can also help them develop a sense of ownership and responsibility for the product or service, and increase their motivation and satisfaction34

Enhance creativity and innovation: Inviting employees from different departments to create a journey map can help them generate more diverse and creative solutions, as they can leverage their different skills, experiences, and backgrounds.This can also help them challenge their assumptions and biases, and explore new possibilities and opportunities34

Create a first draft in a design team and then share it for feedback with employees: This is not a strategy that can strengthen employee relationships the most, because it can create a sense of exclusion and hierarchy among the employees. The design team may appear to be the sole authority and decision-maker, while the other employees may feel like passive observers or critics.This can also limit the diversity and quality of the feedback, as the employees may not have enough context or understanding of the design process and the user's needs34

Send an anonymous survey to collect ideas from across the whole company: This is not a strategy that can strengthen employee relationships the most, because it can reduce the interaction and connection among the employees. An anonymous survey may not allow the employees to express their thoughts and feelings fully, or to receive any feedback or recognition for their contributions.This can also make the employees feel detached and indifferent about the design process and the outcome34

Create a Journey Map Unit | Salesforce Trailhead

How to Create a Customer Journey Map - UX Mastery

How to Use Journey Mapping to Improve Employee Engagement

How to Use Journey Mapping to Drive Collaboration and Innovation

The Salesforce Lightning Design System (SLDS) is a collection of design guidelines, resources, and tools that help create consistent, beautiful, and accessible user experiences across the Salesforce platform1. Component blueprints are one of the key resources that the SLDS provides.They are framework-agnostic, accessible HTML and CSS code snippets that can be used to create UI elements such as buttons, cards, menus, and more2.A UX Designer who is asked to design a new application built on Salesforce should become familiar with the SLDS component blueprints as their first step, because they can help them to3:

Understand the structure, behavior, and appearance of the standard Salesforce components and how they can be customized or extended.

Follow the SLDS design principles and best practices, such as clarity, efficiency, consistency, and beauty.

Ensure that the application is responsive, adaptive, and compatible with different devices and screen sizes.

Leverage the SLDS design tokens, icons, and utilities to create a coherent and scalable visual language.

Reduce the development time and effort by reusing the existing code and avoiding duplication.

The other options are not the best first steps for a UX Designer who is asked to design a new application built on Salesforce.Creating branding sets for each audience using Experience Builder is a later step that involves applying the visual identity and style of the application to different user segments and channels4.Finding and reviewing relevant AppExchange packages is a research step that can help to identify existing solutions or features that can be integrated or adapted to the application5. Designing a series of custom web components for the app is a development step that can be done after defining the requirements, wireframes, and prototypes of the application.

Lightning Design System, Lightning Design System Create the World's Best Enterprise App Experiences Design System Fundamentals Component Blueprints Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development Go to Blueprints Tokens Visual design values and attributes that ensure branding and UI consistency at scale View Tokens Design Guidelines Design principles and best practices that guide beautiful, consistent, user-friendly product experiences Read Guidelines Tools New! Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life Get Tools

Blueprint Overview - Lightning Design System, Blueprint Overview - Lightning Design System What's New Getting Started Platforms Design Guidelines Kinetics Accessibility Component Blueprints Overview Accordion Activity Timeline Alert App Launcher Avatar Avatar Group Badges Brand Band Breadcrumbs Builder Header Button Icons Cards Chat Docked Utility Bar Dueling Picklist Dynamic Icons Dynamic Menu Expandable Section Feeds File Selector Files Form Element Global Header Global Navigation Icons Illustration Input List Builder Lookups Map Menus Notifications Page Headers Panels Path Picklist Pills Progress Indicator Prompt Radio Button Group Rich Text Editor Scoped Notifications Scoped Tabs Select Spinners Tabs Textarea Tiles Timepicker Toast Tooltips Tree Grid Trees Trial Bar Vertical Navigation Vertical Tabs Visual Picker Welcome Mat Utilities Design Tokens Icons Tools Resources Blueprint Overview Component blueprints are framework agnostic, accessible HTML and CSS used to create components in conjunction with our implementation guidelines. For more details, check out the glossary on the FAQ page. Show Filters Showing 85 blueprints, 183 variants. Accordion Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nActivity Timeline Responsive Adaptive Styling Hooks Prototype Base \n \n Alert Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nApp Launcher Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nAvatar Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nInitials Checkmark \nCheckmark \nAvatar Group Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nGrouped Checkmark \n \nBadges Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nBrand Band Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nBreadcrumbs Lightning Component Responsive Adaptive Styling Hooks Prototype Base \n Checkmark \nBuilder Header Responsive Adaptive Styling Hooks Prototype Base \n \n Toolbar \n \n Button Groups Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nList Checkmark \n \nRow Checkmark \n \nButton Icons Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nBordered Filled Container Checkmark \n \nBordered Inverse Checkmark \n \nBordered Transparent Container Checkmark \n \nBrand Checkmark \n \nInverse Checkmark \n \nStateful Checkmark \n \nTransparent Container Checkmark \n \nButtons Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nDual Stateful Checkmark \nCheckmark \nStateful Checkmark \nCheckmark \nWith Icon Checkmark \nCheckmark \nCards Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nEinstein Checkmark \nCheckmark \nWrapper Checkmark \nCheckmark \nCarousel Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nChat Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nPast Checkmark \n \nCheckbox Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \nCheckmark \nForm Element Checkmark \nCheckmark \nCheckbox Button Lightning Component Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nCheckbox Button Group Responsive Adaptive Styling Hooks Prototype Base Checkmark \n \nCheckbox Toggle

UX Designer Certification Prep: Design System Fundamentals, UX Designer Certification Prep: Design System Fundamentals Learn how to use the Salesforce Lightning Design System (SLDS) to create consistent, beautiful, and accessible user experiences across the Salesforce platform. Add to Favorites Add to Trailmix tags ~1 hr 30 mins +500 points Module Design System Fundamentals Learn about the Salesforce Lightning Design System (SLDS) and how it can help you create consistent, beautiful, and accessible user experiences across the Salesforce platform. 4 hrs 15 mins +800 points Project Build a Bear-Tracking App with Lightning Web Components Use Lightning Web Components and the Salesforce Lightning Design System to build a bear-tracking app. 2 hrs 15 mins +500 points Project Build a Conference Management App with Aura Components Use Aura Components and the Salesforce Lightning Design System to build a conference management app. 2 hrs 15 mins +500 points Project Build a Discount Calculator with Visualforce Use Visualforce and the Salesforce Lightning Design System to build a discount calculator. 2 hrs 15 mins +500 points Project Build a Survey App with Experience Builder Use Experience Builder and the Salesforce Lightning Design System to build a survey app. 2 hrs 15 mins +500 points Project Build a Travel Approval App with Lightning Flow Use Lightning Flow and the Salesforce Lightning Design System to build a travel approval app. 2 hrs 15 mins +500 points Project Build a Volunteer Management App with Lightning App Builder Use Lightning App Builder and the Salesforce Lightning Design System to build a volunteer management app. 2 hrs 15 mins +500 points Project Build an Expense Tracker App with Lightning Web Components Use Lightning Web Components and the Salesforce Lightning Design System to build an expense tracker app. 2 hrs 15 mins +500 points Project Build an Inventory Management App with Aura Components Use Aura Components and the Salesforce Lightning Design System to build an inventory management app. 2 hrs 15 mins +500 points Project Build an Order Management App with Visualforce Use Visualforce and the Salesforce Lightning Design System to build an order management app. 2 hrs 15 mins +500 points Project Build an RSVP Management App with Experience Builder Use Experience Builder and the Salesforce Lightning Design System to build an RSVP management app. 2 hrs 15 mins +500 points Project Build an SMS Notification App with Lightning Flow Use Lightning Flow and the Salesforce Lightning Design System to build an SMS notification app. 2 hrs 15 mins +500 points Project Build an

Branding Sets Unit | Salesforce Trailhead, Branding Sets Unit | Salesforce Trailhead Branding Sets Learn how to use branding sets to apply different styles to your digital experiences. Add to Favorites Add to Trailmix tags ~20 mins Incomplete Branding Sets Customize the look and feel of your digital experiences with branding sets. 15 mins +200 points Quiz +200 points Get Started with Branding Sets Learn how to create and apply branding sets to your digital experiences. 5 mins +200 points Quiz +200 points

AppExchange Basics Unit | Salesforce Trailhead, AppExchange Basics Unit | Salesforce Trailhead AppExchange Basics Learn how to find, try, buy, and install AppExchange solutions. Add to Favorites Add to Trailmix tags ~25 mins Incomplete AppExchange Basics Learn how to find, try, buy, and install AppExchange solutions. 20 mins +200 points Quiz +200 points Get Started with AppExchange Learn what AppExchange is and how it can help you extend Salesforce functionality. 5 mins +200 points Quiz +200 points

An Enablement Site is a custom-branded site that allows users to access learning content, such as modules, trails, and trailmixes, from Trailhead. It also allows admins to create and assign custom modules that are specific to their organization's needs and goals. An Enablement Site can be used to gamify the learning experience by adding badges, points, and leaderboards. An Enablement Site can also provide analytics and reports on the learners' progress and performance. Therefore, an Enablement Site is the best option for Cloud Kicks to create a gamified learning content for its internal users and leadership, as well as a custom product training.Reference:

[Trailhead: Enablement Site Basics]

[Trailhead: Create Custom Modules for Your Enablement Site]

[Trailhead: Gamify Your Enablement Site]

A field-level error message is a message that appears next to a specific field when the user enters invalid data or omits required data. It helps the user to correct the error and proceed with the action. A field-level error message is more user-friendly than a validation rule, which displays a generic message at the top of the page and prevents the user from saving the record. A field-level error message can also provide guidance on the correct format and number of digits for the phone number field. Marking the field as required would not ensure that the user enters the phone number in the correct format and with the correct number of digits. Setting a prompt to display on the page using In-App Guidance would not prevent the user from entering invalid data or omitting required data.Reference: [Field-Level Error Messages], [Validation Rules], [In-App Guidance]

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