Office Media Group

Stream and Yammer

As the sole content designer in the Microsoft Stream and Yammer teams, I created the foundation for the new Stream (built on SharePoint) and Yammer (Glammer) desktop and mobile (iOS and Android) apps and revamped the existing Stream (Classic) and Yammer sites for end users as well as IT admins.

The user interface

 
Teaching moment/FRE

Teaching moment/FRE

Upload a video

Existing Stream customers migrating to the newest version of Stream needed to understand the changes we made to the upload video feature. I advocated for including more information in context without a “Learn more” link that would have sent them off the page to the help center. The first exclamation in the title was a feature team requirement, which I objected to, but was overruled.

 
 
Link settings menu (prototype & final)

Link settings menu (prototype & final)

Share functionality

On the left is the link share menu presented as a prototype. On the right is my version. Rather than have users drill down to see what their options are for settings and sharing links, I suggested we show both the link settings as well as other settings so it is clear to the user what’s available to them.

Infotip

Infotip

Turn on Noise Suppression

A new feature that was added to Stream (Classic). I advocated for two different teaching moments. The first is for a first-run experience (FRE not shown), where I provided the user with detailed information about the feature. There are several other teaching moments that rotate in appearance when a user lands on this Options dialog, but Noise Suppression is the first one. We wanted to showcase the various enhancements we made to the Options, in direct response to customer requests. The second teaching moment is a less detailed but permanent infotip next to the feature.

Stream IT admin site

Former Stream (Classic) help docs site for IT admins

docs.microsoft.com/stream

This site had a number of problems that had to be resolved by summer 2021. It held both IT admin and end user content, but end user content was being migrated to its own site. Users were confused about whether to browse the home page or navigate to find content in the left nav bar. We had to accommodate new Stream 2.0 content alongside legacy content until Stream 1.0 was sunsetted. Also, the site was out of compliance with the new standards for Microsoft’s DOCS site.

New Stream home page (top) and landing page (bottom) for IT admins

New Stream home page (top) and landing page (bottom) for IT admins

docs.microsoft.com/stream

I conducted a content inventory followed by an audit to determine what we had and what we needed to keep. I then organized the content on the left nav as well as created a new home page.

Above are the revamped home and landing pages for IT admin docs only that I developed. The home page has buttons I created that take users to content related to their version of Stream. There’s also a button and information for end users that their content has been moved to a new site. Lastly, we wanted to drive more traffic about updates to our blog so there’s a button for that site, too.

The left nav has been divided into content for both Stream (Classic) and Stream (built on SharePoint), the latter which is the newest version of Stream that launched summer/fall 2021. The Stream (Classic) content now only contains content for IT admins, which helps users more easily find what they’re looking for.

My contract ended before I was able to review customer feedback on the site redesign.

Stream help center for end users

Microsoft Stream End User Site.PNG

support.microsoft.com/microsoft-stream

The new Stream and revamped Yammer end user sites now conform to Microsoft’s guidance for Office consumer sites and include a search function at the very top followed by a categories ribbon.

Together with the Stream and Yammer product managers, respectively, we determined that the help center should be built with a set of four modules.

I suggested the order, created the content, and secured the images, and they agreed with my recommendations, as follows:

  • what’s new (first)

  • most important customer feature (second)

  • training (third)

  • featured articles (fourth)

My contract ended before I was able to review customer feedback on either of the site redesigns.

Yammer help center for end users

support.microsoft.com/yammer

Former Yammer end user site with no Yammer user interface images

Former Yammer end user site with no Yammer user interface images

 
New Yammer end user site featuring images of the new user interface

New Yammer end user site featuring images of the new user interface

Previous
Previous

Jungle Scout

Next
Next

Precor