Overview
The Problem
The Solution
The Process
Research
Concept Design
"Final" Design
Takeaways
Takeaways
Spark is a mobile app that provides a unified content curation solution that helps users collect and save inspiration from multiple sources in one place.

Timeline

Sept - Dec 2020
(Semester Long)

Type

Group project

My Role

Researcher
Product Designer

Tools

Figma
Zoom

Contribution

As the main UX designer, I shared responsiblity with 2 of my teammates during the research phase and

Understand the Problem

People come across a lot of information that they are interested in. However, there is not an easy way to manage this information.

In particular, today people access information from a lot of different sources (web articles, social media platforms), in different formats (ie: images, quotes, videos), and different mediums (mobile phone, desktop, tablet, kindle). While the different sources support their saving and collecting features, there is not an easy way to collect and manage all of this information in one place.

How might we help users better collect and manage the vast amount of information gathered from the internet which is of interest to them?

Solution

Spark, an mobile application designed to maximize their ability to save, organize, and retrieve inspirations users come across on a daily basis.

Target Users

For our first version, we will be focusing primarily on designers who relying on surrounding information to learn and grow.

What is Spark?

Spark, an mobile application designed to maximize their ability to save, organize, and retrieve inspirations users come across on a daily basis.

It is a platform that helps people, primarily designers build their personal knowledge repository gathered from various platforms and mediums to get inspired by efficiently manage and refer back to what they have saved and valued.

The Process

Research

The following research process aimed to understand how designers currently find and organize information and uncover their pain points and needs surrounding these processes.

Competitive Analysis

6 competitors

Survey

56 Responses

Interviews

4 Participants

Competitive Analysis

We looked through 6 competitors in the market and got following insights:

  • The competitors who need lower learning efforts from users tend to provide lower value to them and vice versa. For example, Figma and Evernote provide features that users would be able to save content in different formats; however, they also need users to research and learn before using it.

  • Taking inspiration from social media functionalities to Leverage or improve upon its organization functionalities (such as tagging or hashtagging).

Survey

We sent out a short survey included both multiple-choice questions and open-ended questions asking about different tools and devices users currently use to save and manage inspirational content, as well as any frustrations they encounter.

82.8% of respondents are looking for inspiration using cellphones and they often use the same device to save and manage their inspirations.

91.2% of respondents mentioned that they are having trouble refer back to the content they saved very often.

Interviews

During the interviews, we asked participants to describe their most recent experiences of using their current tools, what they felt was the difference between the goal-oriented search vs. randomly curated thoughts, and what frustrations (if any) they encountered using any information curation tools.

1.

There is a need for the product because no solution exists without needing users to learn and adapt.

“I have not found a tool that keep everything together without effort of either searching/researching a tool or learning more about how the tool works.”

2.

User reluctant to housekeeping their saved content because the process is manual and tedious

“It's unorganized and I forget about where I keep things or there are too many things in there.”

3.

Users’ often come across content that they prefer to look at later, rather than right away

“ if the website doesn't have a "save" feature (like a cool personal/portfolio website) i'll just bookmark the page and hope that I remember to check it out later.”

4.

 Saved content hardly ends up being used. Users would benefit from a reminder of the content they have saved.

“Tend to not go back to sources because I get exposed to new ones very soon. The saved content just sit there and don’t end up being used”

Personas

Design opportunities

I decided to use the "5 why Technique" to discover the underlying issues of the problems. Then I framed the following design opportunities:

How might we
improve the usability of the saved content to help users use their saved content more effectively?

How might we
design the experience to be low effort and high value to our users?

1 . Competitive Analysis

Key Findings and Design Decisions

Utilizing tagging or has tagging, where we took those inspirations from social media.

Personal information curation apps, including Evernotes and Pocket, have limited organizational and viewing features while supporting content collection from a variety of sources. However, social media and collaborative software such as Slack have innovated in this space of information organization and viewing with features such as hashtags, threads, rich annotations, etc. 

Information management

Content curation has always been a competitive topic. From the market research above, I discovered that many existing tools support the content collection, but few provide good management and organization options. Therefore, I suggested the team focusing on information management to make personal information curation a more fulfilling experience.

2 . Survey and Interviews

After conducting 4 interviews and 56 surveys, we analyzed the results of our formative research using affinity mapping, and got the following key results which confirmed our previous hypothesis, and also moved us further.

Key Finding

There is a need for the product only if the product is easy to learn and use.

44/58 participants were unsatisfied with the existing solutions in collecting and retrieving contents. Multiple interviewees also mentioned they are hoping to find an easy way to collect content in one place. But there isn't a tool like that exists without effort to learn about how the tool works.

Platform choice

82.8% of users are looking for inspiration using cellphones and they often use the same device to save and manage their inspirations.

Therefore, We decided to create a mobile app to start with, then gradually consider designing the web extensions as our next step.

Pain points

Users are frustrated about the inefficiency and tediousness of managing saved content.

Users are often reluctant to organize the contents they saved if it takes effort to do so. Few respondents who said they actually do the work of organizing their saved content also mentioned that this is manual and tedious.

Saved content hardly ends up being used.

Our participants mentioned that they often forget to look back at the information they have saved, despite the importance they felt while saving it. Common reasons include the fact the information is saved in multiple places and forgetting to remember which source it came from, and that the content isn’t named, tagged, or labeled. Therefore, we believe that having a reminder functionality (feature photo & content of the day/ push related contents ) could help our users remember the content they have saved before, and the content usage could be more efficient and beneficial.

4. Design Opportunities

Designing the saving and organizing experience to be low effort and high-value.

Low Effort

  • Use AI to parse text from screenshots/pictures/text and recommend labels from users' history and current context to help users quickly organize contents.
  • Auto-generated remarks.
  • suggest labels

High Value

  • Ability to add one’s own thoughts around “why” this inspiration is interesting.
  • Users can take a picture of the article, and highlight what they liked in it.
  • Auto-catch url
  • Option to archive

Improving the reusability of the saved contents.

Resurfacing contents

  • Use AI ( from context, history, and environment) to surface up saved content. 
  • Shows related contents base on labels

Search capacity

  • The search should be powerful enough to help the user quickly reach the content they’re looking for.
  • Provide the capacity that saved images can be searchable.

Research

User Interview

Users are frustrated about the inefficiency and tediousness of managing saved content.

Participants mentioned, they usually curated thoughts and resources randomly. Therefore, when it comes to a goal-oriented search, they often forget when and what content they have collected.

I discovered following key insights:

I defined the our target users by creating following personas:

Tina enjoys discovering inspirations from online sources, but she often reluctant to organize them. She could remember why she saved it at all when she came across the resources again. So she needs a better way to collect the content and includes why she kept it quickly and easily.

Billy lives a very organized life, and he refers back to what he saved often. However, it has been hard for him to refer back to multiple apps that he previously held content in. So he needs to find a unified way to save the content and an easier way to retrieve the content he kept.

I decided to use the "5 why Technique" to discover the underlying issues of the problems. Then I framed the following design opportunities:

1 . Competitive Analysis

Key Findings and Design Decisions

Utilizing tagging or has tagging, where we took those inspirations from social media.

Personal information curation apps, including Evernotes and Pocket, have limited organizational and viewing features while supporting content collection from a variety of sources. However, social media and collaborative software such as Slack have innovated in this space of information organization and viewing with features such as hashtags, threads, rich annotations, etc. 

Information management

Content curation has always been a competitive topic. From the market research above, I discovered that many existing tools support the content collection, but few provide good management and organization options. Therefore, I suggested the team focusing on information management to make personal information curation a more fulfilling experience.

2 . Survey and Interviews

After conducting 4 interviews and 56 surveys, we analyzed the results of our formative research using affinity mapping, and got the following key results which confirmed our previous hypothesis, and also moved us further.

Key Finding

There is a need for the product only if the product is easy to learn and use.

44/58 participants were unsatisfied with the existing solutions in collecting and retrieving contents. Multiple interviewees also mentioned they are hoping to find an easy way to collect content in one place. But there isn't a tool like that exists without effort to learn about how the tool works.

Platform choice

82.8% of users are looking for inspiration using cellphones and they often use the same device to save and manage their inspirations.

Therefore, We decided to create a mobile app to start with, then gradually consider designing the web extensions as our next step.

Pain points

Users are frustrated about the inefficiency and tediousness of managing saved content.

Users are often reluctant to organize the contents they saved if it takes effort to do so. Few respondents who said they actually do the work of organizing their saved content also mentioned that this is manual and tedious.

Saved content hardly ends up being used.

Our participants mentioned that they often forget to look back at the information they have saved, despite the importance they felt while saving it. Common reasons include the fact the information is saved in multiple places and forgetting to remember which source it came from, and that the content isn’t named, tagged, or labeled. Therefore, we believe that having a reminder functionality (feature photo & content of the day/ push related contents ) could help our users remember the content they have saved before, and the content usage could be more efficient and beneficial.

4. Design Opportunities

Designing the saving and organizing experience to be low effort and high-value.

Low Effort

  • Use AI to parse text from screenshots/pictures/text and recommend labels from users' history and current context to help users quickly organize contents.
  • Auto-generated remarks.
  • suggest labels

High Value

  • Ability to add one’s own thoughts around “why” this inspiration is interesting.
  • Users can take a picture of the article, and highlight what they liked in it.
  • Auto-catch url
  • Option to archive

Improving the reusability of the saved contents.

Resurfacing contents

  • Use AI ( from context, history, and environment) to surface up saved content. 
  • Shows related contents base on labels

Search capacity

  • The search should be powerful enough to help the user quickly reach the content they’re looking for.
  • Provide the capacity that saved images can be searchable.

Research

User Interview

Users are frustrated about the inefficiency and tediousness of managing saved content.

Participants mentioned, they usually curated thoughts and resources randomly. Therefore, when it comes to a goal-oriented search, they often forget when and what content they have collected.

Concept Design

Ideation

Based on the design opportunities are discovered,  I brainstormed and came up with the following ideas to improve the current content curation experience.

Information Architecture

To get a better understanding of the structure of the design, I created the information architecture according to the ideas I had generated.

User Flows

I created 2 user flows to further exam the effectiveness of my conventions

Usability Testings

We finished the low-Fidelity and mid-Fidelity Prototype separately with assigned interactions, Then Joanna and I conducted four usability tests with fellow MSI students concentrating in HCI during the iteration phase. After analyzing the feedback, I made the following changes:

1. Smoother Experience of Saving

2. Reconstruct The Search Experience

3. The Folder Experience

"Final" Design

Save online content

Spark will recommend labels and auto-generate prefilled remarks base on the content and help users save them with only a few clicks.

Save content from the physical world

Users could rely on Spark's highlighter feature to mark sentences they want to keep in mind for later usage. Spark will prase the marked sentences for a better search experience as well.

Folder and label hierarchy

Spark uses folders and labels to help users better organize their saved content. They could rely on label filters to roughly target content with ease.

Retrieve content through the search bar

Spark helps users retrieve saved content with low effort. It recommends labels to users based on their recent search history and saved content. Users also able to search by folders to achieve a more accurate result.

Rediscover (Re-surfacing contents)

Sparks helps users recall their boxed long-term memory by resurfacing saved content. Based on user's recent searches, Spark could discover useful saved content that users have long forgotten.

Takeaways

It has to be a person to lead the team

The failure of a project/product is never causeless.

Takeaways

Don’t be afraid to speak up when it matters
During the project, I didn’t speak up enough to my team about my concerns because I felt I might be overreacted. I ended up didn’t satisfy with the outcome.

Setbacks are the necessary step for success.
Instead of frustrating during the winter break, I reiterated the whole process and came up the design I presented today. The joy of the accomplishment taught me that I should never give up working and trying.

Takeaways

Mistakes I made:

Our team didn't plan the project, assign the PM, and recalibrate after each design phase.
We didn't give each other enough feedback during the design phase, partially because of the remote environment, also because we didn't set the success metric at the font.

The impact on information archtecture

In future iterations, we hope to dig deeper into the rediscover feature and hopefully could find out better ways to maximize the reusability of the contents to bring the inspiration management more efficiently. We are also planning to take the auto delete into account to help users better housekeeping their unwanted contents in a smart and low effort way. Moreover, we are considering adding multiple co-authors into one folder if the future research insights are aligned with.