What you see is what you get Builder

Try out the prototype
Project: Add a Feature
Scope: 75 Hours
Role: UX Designer
Tools: Figma, Maze, Whimscal

Project Background

Notion is a productivity tool known for its user-friendly design. However, many users struggle with organizing and structuring their content within the application. This leads to a significant learning curve and a hindered ability to fully utilize Notion's capabilities. The difficulty in creating workspaces often causes users to skip essential onboarding steps, making it harder for them to leverage Notion's potential.

This challenge limits users from taking full advantage of Notion's organizational capabilities, which requires a strategic intervention to streamline the workspace creation process and make it more intuitive. The proposed case study focuses on designing, testing, and implementing a new feature aimed at reducing the learning curve and improving the overall user experience within the Notion ecosystem.

Process

Research

Goal

The purpose of this project is to conceptualize, design, and develop a feature for Notion that allows users to create their workspaces more intuitively; maintaining the core principles of simplicity, adaptability, and user-friendliness.
I want to offer users that piece that they need to not give up on the app.

Methodologies

I conducted a competitive analysis and interviewed notion users to validate my hypotheses on how to improve processes.

- Competitive Analysis.
- User Interviews.

Competitive Analysis

User interviews

  • Productivity apps often go unused due to the steep learning curve.
  • Project managers seek tools that are both user-friendly and efficient.
  • Notion provides real-time access from any device and the flexibility to build workspaces from the database, making it an excellent choice.
  • It can be challenging for users to find software that meets their specific needs, particularly for small teams.

Define

Research Synthesis

The research synthesis underscores the urgent need for a solution that addresses the learning The research synthesis indicates an urgent need for a solution to address the learning curve associated with creating workspaces in Notion. The challenges faced by users during their first steps point out a discrepancy between Notion's reputation for simplicity and the actual user experience.

User Persona

Camilo is a project manager who leads a team that is responsable of various types of content, including blog posts, social media content, and video scripts. His primary goal is to efficiently organize and access his creative assets to streamline his teamwork content creation process. He is motivated by productivity and seeks tools that enhance collaboration with her remote team.

Bussiness Goals

These business goals collectively aim to position Notion as a user-centric platform, fostering a positive user experience and driving growth in user engagement and adoption. The success of the new workspace feature will be measured against these strategic objectives.

Ideate

User Flow

The following user flow illustrate the step-by-step process that users will follow to use the proposed feature that enhances the creation of Notion workspaces, whether they are creating a new workspace or improving an existing one.

Prototype

Sketching

These sketches are the first draft of the user journey for the proposed Notion workspace creation enhancement feature. They aim to provide a visual representation of the interface elements, interactions, and overall user experience envisioned for each step of the process.

Lo-fi Wireframes

These are the initial steps towards making WYSIWYG Builder.

Step 1: Name all the main pages and sub pages you will need

Step 2: Select which will be the main and the secondary ones.

Step 3: Organize folders within folders and create your workspace.

Testing

Usability Test

The overall feedback suggested that the initial implementation of the feature did not meet user expectations for simplicity and intuitive use. Users faced challenges at different stages, leading to confusion, frustration, and incomplete engagement with the intended workflows.

Findings

  • Confusion during Template Selection: Some users expressed confusion finding it challenging to differentiate between options and understand the implications of their choices.
  • Sitemap Visualization Overwhelming: Navigating and arranging elements felt less intuitive than anticipated.
  • Incomplete Tutorial Engagement: Users did not fully engage with the tutorial prompt after completing the setup.

Methods

  • New and experienced Notion users
  • 1 user flow
  • 5 participants

Re-thinking the feature

After evaluating the results of the first usability test and receiving feedback, we decided to keep our visualization on a "site map" concept, following specific guidelines:

Sketching a new idea!

Hi-fidelity Wireframes

Second Testing

Usability Test

The second user testing session indicated a marked improvement in user satisfaction and usability compared to the initial testing. Users expressed a positive response to the refined features, reporting increased confidence, clarity, and engagement throughout the workspace creation process.

Findings

  • User Confidence: Users reported feeling more confident in navigating and understanding the various stages of the workspace creation process.
  • Increased User Engagement: Engagement levels improved significantly, with users actively participating in each step of the process.
  • Reduced Learning Curve: Participants, including both new and existing users, noted a reduction in the perceived learning curve. The feature enhancements contributed to a smoother onboarding experience.
  • Positive User Experience: Overall, users reported a positive experience, emphasizing the user-friendly nature of the refined features and the positive impact on their perception of Notion's usability.

Methods

  • New and experienced Notion users
  • 1 user flow
  • 5 participants

Final Prototype

Try out the prototype

Key Takeaways