SnapNotes is a platform designed for students to keep all their academic resources in one accessible space, turning the chaos of scattered notes and files into clarity.
Team
Solo
Role
UX Researcher, UX Designer
Tools
Figma/Figjam, Google Forms
Timeline
October 2024 - December 2024
Challenge: Students often have difficulty managing handwritten notes, textbooks, and materials while transitioning to digital study habits. They need an efficient way to quickly convert and organize handwritten notes into searchable, accessible digital formats.
Task: To create a digital notebook app that lets students capture photos of handwritten notes, convert them to high-quality PDFs, and organize them by subject, date, or topic. It will include photo capturing and text recognition for searchable notes, making studying and reviewing easy anytime, anywhere.
After conducting a competitive analysis of note-taking and digital organization apps, I found strengths like intuitive search and robust organization, but also noted challenges such as steep learning curves.
In my research plan, my main research questions are:
What works well in existing note-taking and organization apps that students currently use?
What features do they find most helpful in staying organized?
What challenges do students face when using current note-taking and organization tools?
Participants emphasized the importance of organizing their notes into folders or categories, and being able to search through both typed and handwritten content easily.
Students highly valued the idea of taking pictures of handwritten notes and automatically converting them into PDFs for easier storage and sharing, as it reduces manual effort and allows them to focus more on studying.
Participants expressed frustration with apps that had overly complicated interfaces. They preferred apps that offered straightforward features with minimal setup.
After creating two user personas, one for highly organized students and one for those who struggle with disorganization, I identified pain points such as the time and effort required to organize physical notes and concerns about losing or missing notes. These insights shaped features that cater to the needs of both user types.
I began outlining solutions to key problems, focusing on transparency, user engagement, and ease of navigation, with an emphasis on note organization and customizable user experience to guide my redesign process.
I prioritized key features by categorizing them into "must have," "should have," and "could have" based on their importance and impact on users. Some of the most important features include camera integration for note capture and folder creation for organization.
My task flow shows the steps a student takes in the app, starting with creating a folder for their notes. They can then upload new files or pictures, and view/edit their uploaded PDF, focusing on actions that help them store their notes efficiently.
My user flow shows the decisions users make at each step, based on their motivations. From the homepage, they navigate through folders and actions, with each choice reflecting their engagement and intent.
In my low-fidelity wireframe, I designed a clean and organized interface that makes it easy for students to capture, store, and retrieve their notes. This design prioritizes intuitive functionality.
I aimed for a simple logo that blends a notepad and camera, symbolizing visual photo documentation of notes. I chose "Trebuchet MS" for the typography because of its clean, modern look, matching the brand's design style.
I created a style tile to guide my prototype design, including key elements like typography, colors, interface components, and imagery. It supports a professional look for the note-taking camera app, ensuring consistency and a smooth user experience across all pages.
My high-fidelity prototype provided a seamless mobile experience, beginning with a simple homepage. It then guides users through the individual folders and files, and the flow for creating, uploading, viewing, and editing documents.
To improve this prototype further, I conducted two user testing sessions, which led me to these main revisions:
Revision 1: Making Buttons Bold and Easy to Spot
Problem: Users struggled to locate the "Edit" and "Done" buttons when switching between file viewing and file editing modes. The small icon in the original design was difficult to spot, leading to inefficiency.
Revision: I moved the "Edit" and "Done" buttons to the bottom corner in a large blue circular button for better visibility. The contrast with the white background makes them easy to find, simplifying the transition between viewing and editing files.
Before
After
Revision 2: Enhancing Photo Capture
Problem: Users found the photo capture process confusing because it did not resemble a typical iPhone camera interface.
Revision: I updated the color scheme to a darker version, mimicking the traditional iPhone camera interface for a more familiar experience. I also added a border within the camera frame to help users position their photos accurately.
Before
After
Revision 3: Multi-Photo Functionality
Problem: Users also requested improved functionality for capturing and previewing multipage documents.
Revision: I introduced an "Add Another" button for seamless multi-photo capture and a preview feature with navigation arrows and a page number indicator to improve usability. Additionally, users can preview their pictures before submitting them.
Before
After
Viewing and Editing Notes
Adding a Folder and Files
Taking Photo of Notes
Startup
Homepage
Create Folder
Create File
New Folder
Specific Folder
Edit File
View File
Camera
File Submision
Preview File
Conclusion: Digitizing and organizing handwritten notes for students has streamlined the study process by simplifying the transition from physical to digital formats. By designing a photo-to-PDF conversion flow and customizable folder system, I focused on creating an experience that feels both efficient and user-friendly. The interface ensures students can easily capture, categorize, and retrieve their notes. This thoughtful design approach enables students to transition smoothly between physical and digital formats.
Future Improvements: This project was completed over the course of a few months while balancing other commitments. If I had more time, I would have liked to:
Develop a collaboration feature to allow students to share and co-edit notes.
Add advanced customization options, such as color-coded folders and personalized templates for different subjects or styles of note-taking.
Reflection:
Working within the constraints of mobile design pushed me to think critically about space, interaction, and accessibility, ensuring the app remains user-friendly on small screens.
By incorporating scenarios provided by users, such as capturing multipage documents, I learned the power of listening to user feedback to uncover pain points and opportunities for innovation.
I learned how critical visual hierarchy is in guiding user actions. By designing key features like the 'Edit' buttons with high contrast and prominent placement, I was able to reduce confusion and improve overall usability.
Adding more features to the editor bar while maintaining a clear and organized layout emphasized the challenge of balancing robust functionality with intuitive design. Dividers and clean layouts proved essential for usability.
Feel free to reach out for collaborations or just a friendly hello!
✉️vmc54@cornell.edu | 👩🏻💼LinkedIn | 📝Resume