Overview of Viva Connections
Microsoft Viva Connections is your gateway to a modern employee experience and is designed to keep everyone engaged and informed. Viva Connections is a customizable app in Microsoft Teams that gives different audiences in your organization a personalized destination to discover other Viva apps your organization is licensed for, relevant news, conversations, and the tools they need to succeed.
Note
Content in this article reflects the latest release of the Viva Connections desktop experience that will become available to all customers by the end of March 2023. Some users in your organization may see the new experience before others.
Use the quick guide to set up Viva Connections or get more detailed guidance on how to plan, build, and launch.
Viva Connections is:
- An employee experience app in Microsoft Teams that allows organizations to create unique experiences for different audiences like information workers and frontline workers.
- A gateway to other Viva apps and services with the ability to curate specific content and tools by providing easy access to resources, tools, relevant news, and popular destinations.
- Built on existing capabilities in Microsoft 365 like SharePoint, Teams, Viva Engage (formerly called Yammer), and Stream.
- Learn more about Microsoft Viva and Viva licensing.
Note
- A home site is not a requirement for setting up Viva Connections, but some organizations may choose to use a home site in addition to Viva Connections to provide a secondary landing experience that’s more focused on organizational content. Learn more about home sites and how they complement Viva Connections.
Components to Viva Connections
Viva Connections is comprised of three primary components - the dashboard, the feed, and resources. Components display slightly differently between desktop and mobile devices.
| Component | Description |
|---|---|
| Dashboard | The dashboard is your employee’s digital toolset that brings together the resources your employees need whether they are in the office or in the field. The dashboard uses dynamic cards that employees can interact with to do things like clocking in for a shift, accessing training materials, reviewing paystub information, or booking a shuttle. It can also be used as a web part on SharePoint home sites. Cards in the Viva Connections dashboard are based on adaptive cards and the SharePoint Framework (SPFx). They provide a low-code solution to bring your line-of-business apps into the dashboard. In addition, Viva Connections desktop combined with SharePoint home sites can also be further customized and extended using SPFx web parts and extensions. |
| Feed | The Viva Connections feed delivers updates to the right people at the right time with powerful targeting and scheduling capabilities. It's tightly integrated with Viva Engage, SharePoint news, and Stream to display a personalized feed, based on post-level targeting of the groups that employees belong to. It supports both centralized corporate communication scenarios and democratized news scenarios. It's available in the Viva Connections Teams app and can also be used on SharePoint sites using the Viva Connections feed web part. |
| Resources | The Viva Connections resources experience enables way finding across popular destinations. It uses navigation elements from the SharePoint global navigation and links can be audience targeted. |
Viva Connections dashboard
The Viva Connections dashboard enables you to create a curated experience using dashboard cards that give your employees access to their most critical content and tools. These cards are designed to enable quick task completion either by interacting with a card directly or by opening a quick view in the dashboard. Think of the Viva Connections dashboard as a digital toolset for your employees.
The Viva Connections dashboard is available on desktop, mobile platforms (iOS, Android), and as a web part on SharePoint sites. This web part can be integrated into a SharePoint home site, which then is exposed as part of the Viva Connections for desktop experience in Teams.
Anatomy of a dashboard
A dashboard is made of medium-sized and large-sized cards which users can interact with to get information or complete a task.
Users can select cards or click the buttons on cards to do things like:
- Displaying a quick view with more information or an input form
- Navigating to a SharePoint page
- Accessing a Teams app
- Integrate with third party apps and services, including other Viva apps
Some cards can also reflect dynamic content that refreshes based on a user action or other event. For example, users can see new tasks assigned or required training courses when they open the dashboard. As the users mark the tasks as complete, the card updates to reflect their new number of tasks.
In this example, view the experience for a dashboard card that enables a daily health check for on-site workers:
The dashboard experience has been designed to be consistent across mobile platform and desktop, but there are some differences:
| Element | Mobile | Desktop |
|---|---|---|
| Dashboard | Displays as the default tab in the Viva Connections app in Teams. | It is prominently displayed in the desktop app and can be added to your SharePoint sites as a web part. |
| Dashboard layout | Fixed in portrait mode. Card sizes can be medium (which shows two cards on one row) or large (which shows one card on a row). | Can be portrait or landscape with varying numbers of cards on each row depending on whether the web part is used in a 1-, 2-, or 3-column page section layout. |
| Card UI | Native | HTML based |
| Card order | Same as in Desktop | Same as in Mobile |
| Card reflow | Same as in Desktop | Same as in Mobile |
| How many cards are shown | All cards without audience targeting plus audience-targeted cards where the viewer is part of the targeted audience. | The number of cards to show can be specified in the Dashboard web part settings, but which cards are shown may vary depending on audience targeting. |
Dashboard authoring
The dashboard can be authored directly in the Viva Connections app in Teams desktop. If you are using a home site, the dashboard can also be authored from the SharePoint home site.
The layout of the dashboard, including the size of the cards (which can be individually set as medium or large) can be customized. The layout of the cards may look different depending on whether the dashboard is being viewed on mobile, desktop, or in the dashboard web part.
Dashboard cards
The Viva Connections dashboard comes with a set of built-in cards, but is also designed to enable SaaS providers, system integrators, and in-house development teams create their own cards to meet their business needs.
Cards in the Viva Connections Dashboard are based on adaptive cards and the SharePoint Framework (SPFx). They provide a low-code solution to bring your line-of-business apps into the Dashboard.
Learn more about how to add, remove, and edit dashboard cards.
Dashboard resources
Learn more about add, remove, and edit dashboard cards
Discover more card options from third-party services
Viva Connections feed
In the Viva Connections app, users will see a personalized feed with relevant information from across their organization.
The feed automatically balances fresh and engaging content with corporate communications to keep users interested, while also ensuring that they see the most important messages. Individual messages can be promoted to raise greater awareness among users by using SharePoint’s news boost feature and Viva Engage's (formerly called Yammer) "Featured" options. The feed requires usage of modern SharePoint or Yammer communities, but the best experience is delivered when both are used together.
Feed content sources
Individual content items in the Feed will display for a 30-day period. Users will see content aggregated from the following sources, provided they have permissions to access the content from that source:
- SharePoint news
- News posts from the home site
- News posts from organization news sites
- News posts from communication and teams sites
- Viva Engage Community Posts
- Posts to the organization's community
- Featured posts
- Posts to communities that the user follows
- Stream (built on SharePoint)
- Video news links on organization news sites
- Video in a SharePoint news post
Feed resources
Frequently asked questions about the feed
Prioritize SharePoint news posts in the Feed by using SharePoint news boost
Use the Feed web part for Viva Connections on SharePoint sites
Viva Connections resources
Resources are the navigational links that are set up and customized from the Teams app, or in the SharePoint global navigation for organizations with a [SharePoint home site]home-site-plan.md). These resources will be displayed on both the desktop and mobile instances of Viva Connections. Resources include customized navigational links and dynamically generated links to frequent and followed SharePoint sites.
In the mobile app, users can view resources by selecting the Resources tab. This type of functioning provides users with a familiar navigation structure and allows them to open sites, pages, news, and more—right from their mobile devices.
Viva Connections mobile and desktop experiences
Both desktop and mobile experiences are centered around the three main components – the dashboard, feed, and resources. The desktop app features all three components at-a-glance, and the mobile view uses tabs to make it easier to scroll through content.
Key capabilities of the desktop experience:
- Home for the Viva suite: The new desktop experience of the connections app plays the role of the home for the suite. It offers easy discovery and navigation to all the Viva modules that the employee is licensed for, bringing together the connection, insight, growth, and purpose pillars of Microsoft Viva.
- Navigation between other Viva experiences: Navigational elements located in the top-right and top-left corners, navigational elements help viewers easily get to-and-from other landing pages and other Viva experiences.
- Global navigation and way finding: The desktop experience provides employees the ability to navigate to important resources using the global navigation curated by your organization, the important sites your organization frequently engages with, and with organizational news. This navigation panel appears when users select the branded app icon in Teams, and surfaces elements shared with the SharePoint global navigation.
- Access specific tools based on roles: Throughout the Viva Connections experience, content can be targeted to specific audiences to ensure they have the right tools at the right time.
- Stay updated on news personalized to the viewer: Users can stay up to date with news, conversations, and videos in a curated news stream based on the sites and communities that they follow.
- Easily share content: Content consumed within Teams can be easily shared into chats or channels, making collaboration easier.
The Viva Connections mobile experience
The experience in the Viva Connections mobile app is anchored around three key concepts: the dashboard, the feed, and resources.
Curated and tailored experiences
Viva Connections gives you and your content creators the tools for both curated and tailored experiences. A curated experience is one in which the user sees content chosen by a site owner or author. For example, a site owner controls the content used on the site and whether the content is audience targeted. Audience targeting is accomplished using Azure Active Directory (AAD) groups for card-level targeting in the dashboard and menu-item targeting in the global navigation.
A tailored experience is one in which content is automatically displayed according to what is most relevant to the users. This content might include content from the sites they follow, their Yammer group memberships, popular content, and more. An example of tailored content is the feed.
- Home site (optional, curated): A home site is not required for Viva Connections, but can be used as a secondary landing destination for organizational content and news. A site owner controls the layout of the home site, the elements used on that site, and targeting of content to specific audiences.
- Dashboard (curated): A dashboard author controls the curation of the dashboard and can target each card on the dashboard to specific audiences using existing AAD groups. These provisions allow dashboard authors to create different experiences for each group. And because Viva Connection uses AAD groups, authors benefit from dynamic group memberships to reduce administrative overhead. Authors can easily preview what the dashboard will look like across devices and audiences.
- Feed (tailored): The Viva Connections feed uses its own heuristics to tailor the feed for an employee by bringing in the most relevant content for that employee. It utilizes signals in the content created across the organization. Some of the signals used are Yammer group memberships, sites where news is posted, content popularity, and the intended audiences for a post. The feed also supports promotional capabilities such as using SharePoint news boost.
- Resources (curated): The list of sites on the resources experience in mobile includes the global navigation defined at the organization level. The global navigation supports AAD groups for targeting so that employees in different groups will see relevant navigation items.
| Capability name | Curated vs. tailored | Details |
|---|---|---|
| Home site | Curated, optional | Organization’s with SharePoint home sites (optional) can control the layout, web parts, and audience targeting of content. |
| Dashboard | Curated | Author selects cards to show and uses AAD groups to target content to specific audiences. |
| Feed | Tailored | Content is automatically prioritized and displayed based on signals associated with content from SharePoint and Viva Engage. |
| Resources | Curated | Using AAD groups, menu items in the global navigation can be targeted to specific audiences. |
Branding
Matching your organizational brand is integral to your employees’ connection with your company's values and goals. The branding you apply in Teams to the Viva Connections app – including your logo and colors – is automatically applied to the mobile app. For information on how to apply your branding in an app, review how to customize apps in Microsoft Teams. The desktop app offers an opportunity for further branding by customizing the banner image.
Localization
Viva Connections is available in most major languages used in Microsoft 365. Learn more about how to set up the Viva Connections mobile experience in a specific language and how to create a dashboard in more than one language.
- Dashboard: Content can be set by dashboard authors to support multiple languages.
- Feed: The content will be available in the format in which it was authored, and SharePoint news posts will display author-translated posts in the user’s preferred language.
- Resources: Are linked to the global navigation experience and follows the tenant’s default language.
Extensibility
Many components to the Viva Connections experience can be customized. The SharePoint Framework (SPFx) is the recommended SharePoint customization and extensibility model for developers because of the tight integration between SharePoint Online, Microsoft Teams, and Microsoft Viva Connections. The SPFx is the only extensibility and customization option for Viva Connections. Learn more about Viva Connections extensibility.
How SharePoint home sites and Viva Connections work together
Viva Connections and home sites are two complementary methods to creating powerful employee experiences that can be viewed on the web and in Teams. A SharePoint home site is an employee experience that serves as a landing destination, news hub, and the main entry-point to your organization’s intranet. Both Viva Connections and home site experiences are designed to unite and empower your organization and automatically integrate with each other to form a cohesive and branded experience.
Use Viva Connections as the primary destination where employees access job-specific tools and news and home sites as a secondary source of organizational news, events, and resources. Viva Connections is where individuals get access to curated content based on their role, and the home site is where they can find more organizational-focused resources.
Shared functionality
Both share many common capabilities like news roll ups, navigation, and third-party extensibility to ensure these solutions work together. Both types of experiences share basic functionality, like the ability to use audience targeting, distribute organizational news, and share the same permissions model to make it easy for editors to access and manage.
Viva Connections automatically detects home sites
For organizations that already have a home site, or know they want one in the future, the home site is automatically detected by Viva Connections, and a prominent link will display at the top-right of the desktop experience. Users can easily navigate between both – so you don’t have to choose one over the other.
home-site-link-focus
You can choose the default landing experience
Unless specified, Viva Connections is the default experience for the desktop app in Teams. When Viva Connections is the default, a link to the home site will display in the top-right corner to ensure easy navigation between the two experiences. We recognize that some organizations with a home site want the home site to be the default experience. When the home site is the default experience, a link to Viva Connections will display in the top-right corner. Learn more about choosing the default experience.
Step-by-step guidance to provision Viva Connections
There are several options to learn more about how to get Viva Connections for your organization.
| Option | Description | Time to complete |
|---|---|---|
| Quick guide | Use the quick guide to get a high-level overview of how to get Viva Connections | 10 minutes |
| Plan, build, and launch guidance | Get more detailed guidance that focus on tasks in the plan, build, and launch phases. | 30 minutes |
| Learning path | Get in-depth guidance that includes fictitious business stories and examples. Complete knowledge checks to confirm learnings. | 2 hours |
More resources
Learn how to plan, build, and launch a home site
Feedback
Submit and view feedback for