Team
Solo
Role
UX Researcher, Product Designer
Timeline
October 2024 - December 2024
About: 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.
Problem: 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.
Project Goal: 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 identified key strengths such as intuitive search functionality and robust file organization. However, I also noted weaknesses, including a steep learning curve for new users and a lack of handwriting support, highlighting opportunities to create a more effective, student-centered solution.
In my research plan, my main research questions are:
What features work well in existing note-taking and organization apps that students currently use? (e.g., photo-to-PDF conversion, folder organization, search functionality)
How do students typically organize their study materials? What do they find most helpful in staying organized? (e.g., tagging, folder structures, search options)
Differences in user experience when taking notes manually versus digitally, and how this impacts their study habits or retention.
Key Insights:
Participants value organization and search functionality: Users emphasized the importance of organizing their notes into folders or categories, and being able to search through both typed and handwritten content easily. Many wanted a more streamlined way to categorize, search, and retrieve their notes quickly.
Participants prefer automatic PDF conversion for their notes: Students highly valued the idea of taking pictures of handwritten notes and automatically converting them into PDFs for easier storage and sharing. This process reduces manual effort and allows them to focus more on studying.
Simplicity and speed are crucial: Users expressed frustration with apps that had overly complicated interfaces or slow performance. They preferred apps that offered fast, straightforward features with minimal setup, as long as they were intuitive.
Customization and flexibility matter: Many users wanted the option to personalize the app to fit their workflow, such as changing themes, setting up different note styles, or customizing folders and tags.
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, customizable user experience, and accessibility, 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 and 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, or open and edit existing notes, 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 prototype, I designed a clean and organized interface that makes it easy for students to capture, store, and retrieve their notes. The design prioritizes intuitive functionality and accessibility, highlighting key features like creating folders, taking pictures, and searching.
I aimed for a simple, modern logo that blends a notepad, symbolizing organization and creativity, with a camera for visual documentation. 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 calming, 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 multiple photos, especially for 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
Adding Folder
Adding 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:
User-Centered Design Means Empathy: 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.
The Importance of Visual Hierarchy: Ensuring that key features like the "Edit" buttons used high-contrast and prominent placement taught me how effective design can reduce user confusion and enhance functionality. Visual hierarchy plays a vital role in guiding user actions seamlessly.
Balancing Functionality and Clarity: 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.
Mobile-First Design Practices: 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.
Thanks for reading <3
Feel free to reach out for collaborations or just a friendly hello!
✉️vmc54@cornell.edu | 👩🏻💼LinkedIn | 📝Resume