hero image showing the mock up of the SaveIt app on a laptop

SaveIt

  • desktopApp
  • userResearch
  • UI/UXDesign

SaveIt is a desktop app that helps managing academic resources.

It allows users to save online resources directly to categorized cloud folders and provides resource previews to support efficient navigation through files.

Team
Chloe Velasquez, Johnny Ly, Sylvia Zhang (me)
Role
UX Researcher, UI/UX Designer
Tools
Figma, Miro
Duration
1 Month

Context

Struggles in the preparation stage of academic writing

Academic research and writing is essential for most post-secondary students in British Columbia. While digital libraries provide flexible access to countless academic resources, some students find it troublesome to gather information and prepare for their writing.

How might we improve students' efficiency at their research preparation stage and reduce their mental stress during the process?

Discover

Understanding students' research writing process

To gain a comprehensive view of students' research writing process, our team started by conducting user research.

I interviewed 3 students from different disciplines to learn their workflows. To get in-depth answers from interviewees, I framed the questions in a way that brings them back to the scenario.

Example Question

Now that you have found some resources that you may use in your writing, you may keep searching or start writing. What would you do with the resources you have found? (While showing me the approach, tell me why would you do this and how are you feeling)

Telling the user's story

I then created a user journey map to visualize our user's story and help my team better understand our users' behaviour and thoughts.

a user journey map
User journey map of a student collecting resources from the Internet for her research writing.

Define

Narrowing down the focus

an affinity map
We categorized users' notes that share similar thoughts into groups on our affinity map.

I led the team to categorize notes from user interviews into an affinity map to find common pain points. I summarized our findings into 3 points:

  1. Users lack reliable and efficient ways to save and organize their resources.
  2. Users' research and writing process is often interrupted by the need to open up other web pages or files.
  3. Users feel anxious when looking at crowded interface of online libraries and citation management tools.

Considering time constraints, our team decided to focus on one question:

How do we smoothen students' workflow in saving and organizing resources?

Develop

Understanding existing solutions

I compared various existing interfaces mentioned earlier by interviewees to see what is helpful and what can be improved. These solutions include reference management tools like Mendeley, browser plugins like OneNote, and Opera's pinboard feature.

analysis on existing solutions
Part of my analysis on exsiting solution showing the weakness of existing resource management tools Mendeley and Zetero.

Visualizing new solutions

Based on my findings, I came up with two solutions. I generated wireframes and storyboards to illustrate my ideas to my teammates.

Solution A

A web plugin that allows users to annotate, categorize and save resources inside the browser window and thus reduces distracting tasks like switching between different apps.

illustrations and explanations for the plugin idea
Storyboards showing how the user interacts with solution A and how the experience is enhanced.

Solution B

A desktop app that displays resources as sticky notes with key information. It increases users' flexibilty in moving and grouping resources.

illustrations and explanations for the desktop app idea
Storyboards showing how the user interacts with solution B and how the experience is enhanced.

Deliver

Final solution

After discussing all potential solutions, our team decided to create a desktop app that follows the concept of cloud drive service.

I designed the interaction flow for users to categorize resources directly from the website and smoothly move from the resource website to the app. I also helped my team build a clean and easy-to-navigate interface.

Feature 1

Save and organize newly found resources on the go.

gif showing the save feature

Feature 2

Flexible access to collected resources.

gif showing user syncing files and viewing original resources

Feature 3

View and manage your resources stress-free.

gif showing user deltes and moves resources

Reflection

Learning the importance of user research

While test users could easily pick up the app for its similarity to cloud drives, some expressed their hope that the app can better support notetaking and outline planning.

Although those needs can be met by integrating the solutions I proposed, the team avoided that because we had few interfaces to reference from. If I had noticed the importance of notetaking for students earlier, I might be able to persuade my team to build a more helpful tool.

I learned from this experience that user research can not only let us empathize with users but also guide the team's decisions during the design process.

Other Projects