Tabsfree

Case study

Product design

Duration: 2022/03 - 2022/05

Tabsfree

Case study

Product design

Duration: 2022/03 - 2022/05

Overview

TabsFree is a revolutionary solution designed to address the challenges associated with overloaded browser tabs. By adopting a task-centric approach, TabsFree empowers users to efficiently manage their browser tabs, effortlessly review browsing history, and seamlessly switch between tasks. With TabsFree, users can reduce tab clutter and create task structures that enhance productivity. By providing a streamlined and organized browsing experience, TabsFree revolutionizes the way users interact with their browser, enabling them to stay focused, organized, and in control of their online activities.

Problem statement

A crowded interface due to inadequate tab management can make the web browsing experience feel overwhelming, making it difficult for users to organize their material and efficiently perform tasks.

The goal of this project is to create a web working environment by implementing a coherent set of features for users to produce an intelligible task structure and efficient working experience.

Solution

Features

Solution

Task-centered approach

Users can create tasks along with detailed notes, and manage tasks by placing them into the individual color label. By setting up the appropriate time frame, the tasks will be recorded in the calendar automatically with the selected color.

Creating compelling and transparent tasks is significantly essential. According to a productivity test research by MIT, after collecting 19,957 tester answers, Scott Mautz, the author from Inc., has concluded three points to why making tasks can keep people working productively;

1. Plan top priorities, and act with definite objectives.
2. Be intentional about managing the overload of information and tasks.
3. Power pack your meetings and be rabid about clear objectives and success criteria.

Tabsfree allows users to specify the content for any topic, while maintaining its visibility in different colors. Users also do not have to worry about the information overload since everything will be retained in the calendar.

Task-centered approach

Track
&
Review

Solution

Features

Solution

Track
&
Review

Users can activate the auto-tracking feature on the task panel. While the bird icon is on hover, the new tabs will be automatically assigned to the selected task’s 

banner color. Users can also manually set a color to a tab to avoid the wrong manipulation.

The web browsing history will be recorded during the time auto-tracking is activated. And users can review the websites in detail in the history panel.

"People are better at recognizing things than recalling them from memory. It’s much easier and faster to click on a link than to enter a search term: you don’t have to spontaneously develop the proper search expression, or worry about synonyms and spelling." —UX Myths.

Colors are way more effective compared to reading in detail to perceive things in a short reaction time. Based on the quote from UX Myths, assigning tabs to task color will be a more constructive way to help users to recognize and locate a specific tab. And also collapsible to let users focus on the section that they want to search through.

Track
&
Review

Task-centered approach

Solution

Features

Solution

Focus mode

Users can get access to full-screen mode by clicking the FOCUS MODE on the panel.
The tasks will be displayed on the side of the screen and retain its task's color.
The FOCUS MODE provides users with a more clean and focused working environment by maximizing screen space usage. Users can hover to check out the task brief without any effort. Also, expand the task, and do any editing on demand.

Multi-tasking

Focus mode enables users to be quicker and more efficient throughout the working day. It increases user performance and the number of tasks completed—higher productivity if they are organized and carried out correctly. The volume of work that can be taken on increases. Better reaction to complex tasks.

Solution

Thesis presentation

Solution

Usability testing

I created an educational product prototype and my user testing survey during my final time in the college. I wrote down exhibition guidelines and covered my product in all aspects to appreciate users' efforts.

I prepared 20 survey papers, and all of them got filled out. With the selected 20 users;‍14 out of 20 users think this product beats out the competitors on the market. "History" and "Focus mode" are the most welcome features. 16 out of 20 users think interface design is good. 12 out of 20 users think the overall experience is good. 15 out of 20 users would love to download the product if it gets published.

Outcome

To create an immersive experience, I embraced the MVP (Minimum Viable Product) process, ensuring that the ideas were prioritized and delivered effectively. Moreover, I focused on improving my time management skills, efficiently handling the project's demands and delivering the product under pressure. By establishing a cohesive design language, I crafted a compelling product that resonates with users, conveying a sense of professionalism and trust. Finally, I recognized the importance of being more confident in my abilities, which allowed me to take ownership of my work and approach challenges with a positive mindset.

Selected Works from 2021 - 2023

Sean Ren

Portfolio Version 001

Get in touch