Magic is brewing...

File sharing with Playbook in design classrooms

Timeline
September 2021 – December 2021
Client
Playbook
Tools
Figma, Google Forms
Role
Product Design Consultant
Disciplines
User research, graphic design, marketing

Summary

About the client

Playbook is a San Francisco-based startup, reinventing the traditional folder and file system with its visual cloud storage platform specifically for designers and other creatives.

The challenge

They challenged Berkeley Innovation, a student-run, human-centered design consultancy at UC Berkeley, to find the core product value proposition that will resonate with design students and professors.

Our solution

Our team  created design and marketing deliverables that appeal to the target audiences by conducting user research – this included social media post designs and a seminar. The research also gave the Playbook team insight for future marketing to our proposed user segments.

My role

As the research and synthesis lead for this project, I guided the team through the process of running a 14-participant diary study, conducting pre-study interviews, synthesizing our findings, and preparing materials for the workshop.

What is Playbook?

Playbook is a new way to store and organize folders and files, specifically designed for creatives.

Organize fast and easy

Remove duplicates and shrink
your clutter automatically

See files and folders visually

Find anything 10x faster with
our visual file manager

Collaborate with people

Comment, mention your coworkers,
discuss right in Playbook

Present beautifully

Centralize and share assets with
your company and the world

Current workflows

A collage displaying key features of Playbook.

Problem scope

Picture this: you're working on a final deliverable for a client, and the deadline is fast approaching. The clock is ticking, you're about to send them the final version, you're almost there-- wait, which file is the right file? 

Final_Final.jpeg?

ACTUAL_Final.jpeg?

...Final_fr_fr.jpeg?

All creatives, especially those dealing in digital mediums, are familiar with this nightmare scenario. This is especially true for design students, who are constantly racing against the clock to turn things in on time. Playbook helps avoid this problem, and our team aimed to highlight this and other helpful features when marketing the product to this demographic.

When pitching the project to our consulting group, the Playbook team challenged us to answer the following questions:

  • How are cloud storage platforms used by design students and professors today?
  • How does Playbook, as a new player in cloud storage, improve file sharing and collaboration in the classroom?
  • What’s the core value proposition that will resonate with design students and professors?
DESIGN CHALLENGE

How might we best introduce a new cloud storage tool, Playbook, to design students and professors as a valuable educational resource?

👥 User segments

Drawing from our own experiences as design students, we came up with four user segments to address the design challenge. We focused our efforts to addressing these segments' needs.

Formal Student

Student in a formal design program

Informal Student

Non-design student pursuing design career

Club Member

Student in a design-related campus club

Instructor

Design class instructor (student-led included)

The Process

Cognitive walkthrough

I proposed we begin our research with a cognitive walkthrough, outlining the following goals: 

🎯 Goals

  • Executing tasks through a user’s lens
  • Familiarizing ourselves with Playbook
  • Find potential pain points for target users

📌 11 tasks, 4 questions

To meet above goals, we came up with 11 tasks to execute through the lens of a student or instructor. While executing them, we asked ourselves 4 important questions that gave us insight into potential pain points.

An example of a task walkthrough

✏️ Task: Share a personal file to a classmate

Putting ourselves in the shoes of a student trying to achieve this goal, we mapped out the possible actions that would be taken to do so in this flow chart, including those that would not lead to the expected outcome.

This allowed us to not only better understand our target audience, but to get much more familiar with the product and its current capabilities.

A flow chart showing the steps a user would take to share a personal file on Playbook.

User research

Let's run a diary study! 📔

To gain insight into students and instructors' daily use of file storage and sharing tools, we decided to run a diary study in two stages...

Stage 1: Pre-Study Interviews

Interviewing each participant to understand their context.

Stage 2: Diary Study

Having participants reflect on their file-storage and file-sharing activities for 5 days to understand their usage habits, needs, and pain points.

Pre-study interviews

Given the variety of user segments, we conducted interviews with each participant before the study in order to understand their backgrounds and file-storing and sharing contexts.

❓ Sample Questions

  • What kinds of files do you share? When?

  • What features does the tool have that are specifically helpful for education purposes?

  • Are there any education-specific features you’d like to see in file-sharing tool(s)?

A screenshot of a table with names of interviewees and their associated user segments. Names are blurred out for privacy.

In recruiting participants, we made sure to include participants that spanned across our 4 aforementioned user segments, with some overlap.

The top of a Google Form for the diary study.

Diary study

Our 14 participants underwent a 5-day diary study recording their daily interactions with cloud storage tools.

This study gave us a lot of insight into users' experiences, goals, and pain points with cloud storage and file sharing in classroom settings.

Synthesis

After the study, we affinity-mapped our findings across user segments to identify key insights.

Affinity map post-its.
Affinity map post-its.

Key insights

1.

✏️ Organization

File organization should be efficient and easy, with high customizability. Improved visual organization, solving for clutter, and name search dependency.

2.

⏰ Efficiency

Students and instructors run on a tight schedule -- being efficient is important. All features should contribute to streamlining the user’s classroom experience, from upload speeds to features that eliminate repetitive actions. But speed should not compromise quality; explicit reassurance that quality will be preserved is also important.

3.

👁 File share + access

Students seek a sense of control and security with their file sharing. They need easy management of permission details and clarity in these file sharing permissions.

4.

💬 Communication

Capacity for expressive communication is key in design classrooms. Students and instructors want to be able to provide comments and critique freely in many different forms (and file types), unrestricted to simply short, text-based comments to the file overall.

5.

🤝 File + cross-platform compatibility

Accessibility anywhere and everywhere is extremely important! Students and instructors need to access their files on-the-go across apps and devices.

6.

📱User interface

Previewing files efficiently is essential to design classroom workflows. Previews should be clear, accurate, uncropped, and easy to zoom into freely.

Our Seminar

And so, we hosted a seminar!

Our research led us to an understanding of how to market to our target user segments. Thus, we planned a seminar as a form of marketing to the student segments (3 out of our 4 segments).

🚀 Goals

  • Provide useful content to support design students
  • Introduce Playbook to a mass of people
  • Further understand Playbook user experience
  • Reach 100 new users

After much delibertaion, we decided on the title...

Industry Secrets: Design Tea with Jessica Ko ✨

Here's how we marketed it

With guidance from Playbook's head of marketing, we iterated over various designs for social media posts to market our seminar.

We designed with the intention of staying true to Playbook’s branding, while using our insights – as students ourselves – into what students like.

Iteration 1

Scattered sketches, low-fidelity designs, and swatches for social media posts.

Iteration 2

Final Designs

An Facebook formatted posted advertising an event named "Industry secrets: design tea with Jessica Ko".
Instagram post
An Instagram story formatted posted reading: "So, what's the tea?".
Instagram story
An Facebook formatted posted advertising an event named "Industry secrets: design tea with Jessica Ko".
Facebook event banner

Outcomes of our seminar

Positive feedback and more insights!

At the end of the seminar, we had attendees fill out a survey expressing their first impressions and thoughts after being exposed to Playbook in the seminar.

So, how do attendees see themselves using Playbook in the future?

Attendees indicated seeing Playbook as being a flexible tool for many different uses, including but not limited to: critique moodboards, sharing and hosting portfolios, class-wide project uploads, organizing ideas, new file management style, and workspace for group project.

I’ve been using Playbook everyday, and have uploaded 85GB of my own photography, illustrator files, doodles, and more. I love how files are visualized... I feel inspired to do more - I don’t think I can use Google Drive again.

post-seminar interviewee

Our impact 💥

  1. Playbook gained an understanding of how to increase their market to educational settings.

  2. Further understanding of how younger users would use their product.

  3. Create initiative to reach out to community more about their feelings towards the product.

  4. Gained loyal users through our marketing.

  5. Revisions of current flows to make Playbook more intuitive overall.

Reflection

Learnings 🧠

How to design with branding at the forefront

As my first ever marketing project, this experience taught me a lot about the importance of a core value proposition and the intricacies of branding.

Having this perspective taught me how to design with branding consciously in mind, and to push the brand's identity to communicate accurately with users and audiences.

We learn from our mistakes

When we first started brainstorming ideas for marketing materials, we strayed too far from Playbook's branding in our designs. The Playbook team immediately advised us to prioritize the brand first, especially since this was not a brand design project.

I'm thankful for this mistake, as we learned how to prioritize in the future and how to create a harmonious balance between our new ideas and established design guidelines.

Wishes 🪄

Working with the Playbook team and their product was incredibly fun, especially since I became a loyal Playbook user myself. If we had more time, I wish we could have had a UX design and prototyping sprint. Given our research and insights into user pain points, there was a lot of potential for different directions we could go for designing new features or redesigning existing ones.

Hence, I hope to add an individual design piece to this case study using our findings.

A photo of 5 Berkeley Innovation members and 4 Playbook team members smiling.
Our Berkeley Innovation team meeting the Playbook team at their San Francisco HQ :D Huge thank you to Jessica Ko and Anji Ren for your mentorship and encouragement!