Figma Internship 2023 - Mind Maps

Product Research
Project Overview
During my 2023 summer at Figma’s NYC office, I interned as a Product Research intern on the FigJam - Core Experiences team. I had the amazing opportunity to conduct end-to-end research and deliver solutions to improve diagramming in their FigJam white boarding tool! 🙏🏾
My Contributions
End-to-end UX Research and final presentation deliverable, informing 14+ diagramming improvements, including improving the discoverability of the entry point, addition of intuitive keyboard shortcuts, adjustments to default shape size and color, and flexibility in layout.
Cover slide for FigJam Mind Map Research
Mentor: Vanessa Van Schyndel
Methods: User interviews, qualitative coding, competitor analyses
Software: FigJam, User Interviews, Coda, Enterpret, Great Question

⚠️ Disclaimer: Due to NDA Restrictions, identifying information and details about company priorities, customers, competitors have been removed.
Mind Maps
Product Researcher
June 12th 2023 — September 2nd 2023

Overview

Stakeholders

Throughout my internship experience, I had the privilege of collaborating with a diverse and talented team. This included product designers, product managers, engineering managers, and software engineers.

Objective

Mind maps are a common diagram for team brainstorming and presenting information, some of FigJam’s pillar use-cases. Many customers have been asking for this functionality. My project brief was to help my stakeholders develop a deep understanding for how non-designers create and share mind maps today.

Research Objective

1 - In what contexts are mind maps commonly created by PDE leads? For what use cases?
2 - What are some points of weakness for FigJam’s Mind Mapping capabilities compared to competitor tools?
3 - What are the "must-have" features or capabilities that would make a tool easy to learn and optimize for mind map creation?
4 - How do people typically share mind maps with others, and what attributes make a mind map share-worthy?
5 - What AI features/functionalities could enhance mind map related productivity?
5 - What AI features/functionalities could enhance mind map related productivity?

Approach

Phase 1

Goals

1 - Create visual library of mind maps with real-world use cases
2 - Understand what problems FigJam users have been experiencing with mind maps
3 - Gain familiarity with mind mapping processes for everyday note-taking, brainstorming, research planning
4 - Aligning on goals & priorities with key stakeholders

Methods

1a. Desk Research: Competitor Analysis

I conducted heuristic evaluations of various diagramming competitor tools, focusing on their mind mapping features.

Diagram Onboarding
I focused on the home page, suggested templates, and all pop-features used to onboard new users with functionalities, and direct them to the tinkering process. where and how are users being shown to start mind mapping?

Target Audience
I focused on keywords, use-cases, and jargon mentioned on the landing page that suggests who creates mind maps, and who should be using the software.

Proof of Capability
In this stage, I explored information scent and how well users might find their target information patch given the sites UX writing and information architecture. I looked at the different verbal cues, calls to action, templates, etc. on the page that would indicate to users that the software is capable of doing what they need (creating mind maps).

1b. Desk Research: Online

Many FigJam users are asking for features that have been already implemented in competitor tools; solving this is important to foster a complete FigJam adoption rather than using multiple tools. Other users are asking for specific features and interactions that will improve efficiency in their workflow.

In this first stage I explored the FigJam Forum and created a database with links and screenshots of feature requests from costumers. While I cannot share the sources themselves, some common themes I extracted are: loyalty and cohesion with FigJam only products, a complete mind map renovation that reduces the time for “cleaning-up” and reorganization, additional show/hide/collapse node features.

In the following stage, I used the Enterpret software to collect feature requests from all Internet sources, including but not limited to Twitter, Reddit, etc. Some common themes I extracted are: the lack of ability to find mind map functionality,  easier mobile phone to Figma/FigJam file transfer, enhanced automatic work flow to reduce user effort, better mind mapping templates.

2. Visual Library

Examples

Affinity Mapping - used to organize information into groups, based on their natural relationships (finding categories and meta-categories, along with common ideas)!

Affinity map

Site restructure mindmap.

WBS: Work-breakdown structures - widely used in project management as deliverable-oriented breakdown of a project into smaller component

work breakdown structure mind map

Mind maps for PM market research.

3. Internal Interviews

In preparation for Phase 2 with real users, I tested my user guide with Figma employees who make mind maps.

Diagramming Tour: Synchronous qualitative interviews with Figma employees (non-designers and designers) who make mind maps in any white boarding tool

2 Participants: 1 research operations manager, 1 manager (DEI)

Summary: Below is a summary of the questions I incorporated into my interview guide.

  1. Intro - getting to know participants better and their history with mind mapping - title/role, mind map experience, importance to field of work and working style.
  2. Context - participants walk me through one of their recent mind maps, tackling tool choice, project details, intended audience, use case, and why mind maps.
  3. Building - participants recreate the mind map discussed earlier in the original tool you used, and explain using the Think Aloud Method; asked follow-up questions about benefits and challenges of mind mapping in the tool.
  4. AI-backed tools for mind mapping: getting to know AI use cases for mind mapping and user expectations for possible implementations.
  5. Sharing - I asked questions to learn how and why users share mind maps - uncovering sharing methods, share-worthy attributes and facilitating features

Phase 2

Goals

  1. Develop an understanding for how mind maps are created in competitor tools, and for what use cases
  2. Identify pros/cons of mind map creation in competitor tools
  3. Understand what features makes a mind map worth sharing
  4. Identify room for AI expansion to enhance mind map productivity

Methods

Diagramming Tour:
Synchronous qualitative interviews with non-designers who make mind maps in other whiteboard tools

Participants:
1 eng, 1 marketing, 2 project mgrs, 2 account mgrs, 1 data scientist, 1 IT mgr - 8 interviews

Interview Summary:
I used an interview guide similar to the one used during internal interviews, but a bit more comprehensive.

Phase 3

Goals

  1. Apply takeaways from competitor tools to FigJam for analysis
  2. Get feedback on early mind mapping prototype, strengths and weaknesses

Methods

Mind Map Alpha Usability Test:
Synchronous qualitative interviews with people who create mind maps. We will ask them to use an early stage mind mapping (AKA Mind Map Alpha) tool to create a mind map based on a pre-determined scenario.

Participants:
n = 10 participants - a mix of prospective users who create mind maps in other tools and FigJam users who make mind maps.

Interview Summary:
This set of interviews was more of a usability test, with the purpose of testing out Mind Map Alpha: our early stage mind-mapping feature.

Japanese User Discussion Guide
It’s very important for the work that I do to be accessible and relevant from diverse audiences, as many technological initiatives cater to Western, English-speaking audiences.

To accommodate diverse perspectives in this research, I created an asynchronous interview guide in collaboration with a Japanese-speaking Figma Employee. The same content in the video interview was represented via sticky notes in a FigJam board for participants to fill out and perform asynchronously.

Heuristic Evaluation

Aims

What is good solution to connector arrows. Do other tools nail this better than we do? If so, how? What makes for a really quick, simple, effortless connector experience?

In this phase, I dive deeper into the Competitor Analysis from the previous desk research stage, this time with a specific focus on their mind mapping functionalities.

Below are some features that stood out:

  • node hierarchy
    • hide/collapse node
    • color coordination (ex: correlation to second-level node)
    • keyboard shortcuts
      • tab to add child node, enter to add sibling node

      Data Analysis

      All recruitment and data collection was managed via User Interviews.  Before beginning the process of delivering my final report to stakeholders, it was important to synthesize all of the data from interviews and categorize them into a prioritized list of next steps for the mind map feature.

      Using Great Question, I imported Zoom recordings and organized quotes from users by theme:
      I also generated highlight reels (max 1:30) for each theme, gathering the major pain points and takeaways from each theme to bring these user experiences to life. There is no better way than to hear from participants themselves!

      Deliverable

      Presentation

      I organized all of my work in a Dropbox paper file for records, and crafted a formal 30-minute share-out of my findings with all key stakeholders and members of the FigJam Core Experiences team.

      screenshot of presentation slide frames in Figma
      The presentation was divided into:
      1. Introduction - providing context about why we are doing this research and its importance to company growth.
      2. Insights 1 - a summary of the insights from Phase 1 of research (literature review).
      3. Insights 2 - a summary of the insights from Phase 2 and 3 of research (mind map tours and usability tests of Mind Map Alpha in FigJam).
      4. Recommendations - a prioritized set of features I recommend the team to tackle upon the culmination of my internship (backed by user data).
      5. Methodology - a summary of my methodologies was included last. This is important to have for awareness, but not the most important element to share with stakeholders (findings are the point of interest!)I also presented a condensed version to the entire Figma employee community!
      I also presented a condensed version to the entire Figma employee community!
      👇🏾  View the Full Presentation in Figma

      Reflection

      Development:
      ⭐ Taking on end-to-end research prepared me for the challenges of a full-time corporate position, and equipped me with valuable skills in collaboration, independence, and effective communication that are essential in any future role within the product development cycle.

      👥 Key Actions:

      • Undertook end-to-end research as the sole researcher on the team.
      • Organized and led a kickoff meeting with key stakeholders in Engineering, Product Design, and Product Management to align on research questions and priorities for future improvements.
      • Invited observers and note-takers to debrief sessions in each interview phase.
      • Led a one-hour mid-point debrief and a final debrief after the interviews, discussing findings, aligning on key takeaways, and defining future directions for more relevant information.

      📈 Impact:
      I was able to experience firsthand understanding how deeply collaborative is the nature of the product development cycle. Initiating and maintaining proactive communication enabled the team to stay updated on progress and collectively analyze results.

      Being that they will continue to work on the project upon the culmination of my internship, it’s important they have strong grasp on crucial insights to make informed decision-making in subsequent phases of the product cycle

      💥 Moving Forward:
      The best part of the experience was working with so many inspiring and talented people across functionally, and create tangible, meaningful impact. My deliverables for this project have been launched to use for Figma employees; this means we are one step closer to seeing my work on the public FigJam platform!