GEOFFREY O'BRIAN
  • Home
  • Portfolio
    • UX Writing: Spotify Tap
    • Product Education Strategy & Components (Facebook View)
    • Artificial Intelligence Content (Disney)
    • Feature Awareness: WhatsApp
    • Product Education: Ray-Ban Smartglasses
    • UX Writing: Consent Screen (Meta)
    • Commerce: Improving Disney vacation checkout flow
    • Content Governance (Amazon & Meta)
    • Evolving Content Design (Amazon)
    • Information Architecture: Disney Feature Filters
    • Content Strategy: Facebook View App
    • Product Tool: Disney Trip Planning
    • UI Writing: Disney Mobile Order App
    • Content Testing
    • App Monetization: Disney Play app
    • Conversation Design: Disney Avatar Chatbot
    • Content Architecture: Shanghai Disneyland
    • Conversation Design: Disney Chatbots
    • Chatbot samples
    • Branding: Disney Play App
    • Branding & Copywriting: Disney, Amazon, Yoga Journal, Mammoth
  • Thought Leadership
    • Content Design 2.0: How to Navigate AI’s Paradigm Shift
    • Content Design for AR/VR Experiences
    • 5 Ways to Improve Content with User-centered Design
    • Good Qustions lead to Great UX Writing
    • Embracing "Design" in Content Design
    • Designing Omnichannel Content Experiences
    • Design Thinking: a Process for Content Design
    • 3 Questions to a Better Content Strategy
    • The Layers of User Experience
  • Speaking
  • Blog
  • Contact

Content Design & UX Writing
Facebook View App


Overview

This project focuses on creating content for the launch of a new app (Facebook View) to support a smartglasses wearable device (Ray-Ban Stories). The work focused on designing a new-user flow, feature awareness, settings architecture, and a product tour. This project was challenging because I was tasked with creating content in an app to drive usage of a device.

Situation

This is a story about the launch of Meta's first wearable product, Ray-Ban Stories, smartglasses co-owned by Meta and Ray-Ban, and a companion app to support the smartglasses, Facebook View.

It was the summer of 2021 and Meta was breaking new ground to release the smartglasses from the new Reality Labs division. I was a member of Reality Labs and the lead content designer on the project, responsible for both the content strategy and the UX writing.

Task

As the lead content designer for the Facebook View app, I was tasked with creating content to support:

  1. Device set up
  2. Device user interface (since the smartglasses have no UI)
  3. Settings and ongoing support

The majority of the content was focused on the companion app because the smartglasses have no user interface (UI). This made the companion app tremendously important to both the user and the company.

The design challenge lies in creating sufficient content in the app to support the glasses, but not compete with usage of them. Research reveals that users don't expect a  companion app with their smartglasses, adding to the challenge of building a mental model around using an app to support and drive use of smartglasses.

From a content perspective the main challenge of this project was to ensure the app content was lightweight and simple, to support the smartglasses, but not compete with them. 
Picture

User Need

Set up, use, and manage smartglasses
Picture

Product Need

Easy device set up and management
Picture

Challenge

Craft content in app to drive device usage
Content design challenge: 


Create app content that drives device usage.


Facebook View app

Picture

Action

I started this project by huddling with my cross-functional team consisting of:
  • Lead product designer
  • Sr. UX Researcher
  • Sr. product manager
  • Lead engineer
  • Marketing lead

I followed my standard content design/UX writing process with some variations:

  1. Understand the user, needs, and context (Empathize)–user-research, persona, interviews
  2. Define the problem / user need & journey (Define)–write out the need and share for feedback
  3. Validate need through research
  4. Ideate solutions with product designer to explore solutions and flows. (Ideate)–leverage strengths of words and images
  5. Refine content, text, and imagery
  6. Prototype experience to share for feedback
  7. Test prototype in usability testing (Test)
  8. Deliver final content and documentation 

I started my process by circling up with the cross-functional team to clarify my role, deliverables and process and to confirm:
  • User
  • User need
  • User journey

I captured this information in a living "content brief" document that I shared out with the team to confirm my findings.

Users & user journey mapping

We used an existing persona that captured our three main user groups. Using this persona, I mapped the user journey in collaboration with product design, research and engineering. This was important to:
  1. Understand the user touchpoints
  2. Create a narrative across touchpoints.

I coordinated messaging across multiple user touch points, including the Ray-Ban website, Meta site, global marketing, help sites, and the app. I created a messaging framework, content spreadsheets and a style guides to support the content and drive consistency.
Picture
User journey

Research

To verify the user and their need, I partnered with the researcher and product manager to review
existing research
("what we know") and identify research needed ("what we don't know").

Picture
"What we know" research
Picture
"What we need to know" research

Problem statement

I identified a problem statement to verify with the team and use to guide our work.

Problem statement: Ray-Ban Stories users need an easy-to-use companion app with a simple UI to help them set up, manage, and discover new features on their wearable device.

Ideate: Massaging framework

The app needed to support anticipated messaging on new features. The smartglasses launched with core features and a roadmap of new features to launch over the first year. I created a messaging framework to address how and where we would address new features.
Picture
Framework

Ideate: Content strategy & content wireframe

My strategy was to keep content lean on the app and highlight features-
related content to get users out of the app and onto their wearable to
explore the new capabilities.
  • Focus content around core tasks
  • Ensure content is highly functional and utility-focused
  • Leverage a hierarchy with content supporting the device first
  • Identify and leverage specific content types
Picture
Content types

Refine: Content principles & design

Next step was to ideate on content and flows with product design in a Figma file.

Feature awareness principles
  • Engaging -- invite the user into the interaction
  • Progressive -- ladder up to more challenging interactions
  • Wow moments -- pepper with moments of delight and discovery

Prototype & test

The product designer and I created a prototype for user and leadership feedback.

Test in user-testing: We took the iterations into informal user research to get feedback
on whether our designs solved the user needs.

Picture
Prototype for testing

Finalize content

After iterating in the Figma design and sharing out multiple times for feedback and testing, I finalize content.
I like to finalize content outside of Figma.

Having a content document enables me to view the content as a whole and adjust the way I am speaking to the user.
I create a deliverable spreadsheet that also includes string descriptions and internationalization notes.


Content goals:

  • Simple -- improve ease of use with familiar, easy-to-understand language
  • Straightforward -- essential information and necessary words
  • Human -- conversational, empathetic tone and writing

Results

Picture
We launched with a functional app that prioritized the primary device use
cases of setting up, using, and managing the app. Data:


  • Positive user feedback
  • High usability scoring (testing users navigating core needs)
  • Low time on screen (efficient task screens)

The launch was a success. As we launched more features, we leveraged secondary content (optional to the experience) to engage users and help them discover expanded capabilities of the smartglasses.

Eventually it became obvious that we needed to substantially increase content to support our new features and capabilities. You can view my work leading feature awareness and user education here.


New user experience

PictureNew user flow



















Picture
Proudly powered by Weebly
  • Home
  • Portfolio
    • UX Writing: Spotify Tap
    • Product Education Strategy & Components (Facebook View)
    • Artificial Intelligence Content (Disney)
    • Feature Awareness: WhatsApp
    • Product Education: Ray-Ban Smartglasses
    • UX Writing: Consent Screen (Meta)
    • Commerce: Improving Disney vacation checkout flow
    • Content Governance (Amazon & Meta)
    • Evolving Content Design (Amazon)
    • Information Architecture: Disney Feature Filters
    • Content Strategy: Facebook View App
    • Product Tool: Disney Trip Planning
    • UI Writing: Disney Mobile Order App
    • Content Testing
    • App Monetization: Disney Play app
    • Conversation Design: Disney Avatar Chatbot
    • Content Architecture: Shanghai Disneyland
    • Conversation Design: Disney Chatbots
    • Chatbot samples
    • Branding: Disney Play App
    • Branding & Copywriting: Disney, Amazon, Yoga Journal, Mammoth
  • Thought Leadership
    • Content Design 2.0: How to Navigate AI’s Paradigm Shift
    • Content Design for AR/VR Experiences
    • 5 Ways to Improve Content with User-centered Design
    • Good Qustions lead to Great UX Writing
    • Embracing "Design" in Content Design
    • Designing Omnichannel Content Experiences
    • Design Thinking: a Process for Content Design
    • 3 Questions to a Better Content Strategy
    • The Layers of User Experience
  • Speaking
  • Blog
  • Contact