03

ANT

Automatic Note Taking Tool

A Figma prototype for an application that helps university students take notes during lectures in sync with presentation slides and voice transcripts

Role UX Designer & Researcher
Duration 4 months
Tools Figma, User Research
Team 3 members
ANT Project Hero Image

Project Overview

ANT (Automatic Note Taking Tool) was designed to revolutionize how university students take notes during lectures. The project focused exclusively on understanding and addressing the emotional journey of students during classes, recognizing that traditional note-taking methods often fail to capture the full context of lectures.

Our research revealed that students struggle with multitasking during lectures - trying to listen, understand, and write notes simultaneously often leads to missed information and poor retention. ANT was designed to synchronize note-taking with presentation slides and voice transcripts, creating a more seamless learning experience.

80%

Emotional Satisfaction

65%

Improved Focus

4

Months Duration

The Challenge

Student Note-Taking Challenges

  • Difficulty in multitasking during lectures
  • Missing important information while writing
  • Poor synchronization between slides and notes
  • Lack of emotional engagement in learning
  • Stress and anxiety during fast-paced lectures

Our Solution

  • Automated note-taking with voice sync
  • Slide-synchronized note organization
  • Emotionally engaging bright color design
  • Reduced cognitive load during lectures
  • Enhanced learning experience

Emotional Design Research

Student Emotional Journey

We conducted extensive research to understand the emotional states students experience during lectures:

  • Anxiety: Fear of missing important information
  • Frustration: Difficulty keeping up with fast-paced lectures
  • Overwhelm: Trying to process multiple information streams
  • Relief: When successfully capturing key points
  • Confidence: When feeling prepared and organized

Design Response

Our design strategy focused on addressing these emotional needs:

  • Bright Colors: To uplift mood and reduce stress
  • Clear Visual Hierarchy: To reduce cognitive load
  • Progress Indicators: To build confidence
  • Intuitive Interface: To reduce anxiety
  • Positive Feedback: To encourage engagement

Design Process

01

Business & User Research

We began by conducting focus groups with both students and professionals to uncover unique pain points. Key findings and user needs were synthesized and mapped visually to guide our direction.

Key Findings
02

User Journey & Mood

We mapped the end-to-end student journey and crafted a mood board to define the app’s visual tone—bright, energetic, and student-friendly.

User Journey Map Mood Board
03

Sketches & LoFi Prototypes

Rapid pen-and-paper sketches and low-fidelity wireframes allowed us to quickly iterate on layout, navigation, and core interactions before moving to digital design.

Sketch 1 Sketch 2 Sketch 3 LoFi Prototype 1 LoFi Prototype 2
04

Design System

We established a robust design system inspired by our mood board, ensuring visual consistency, accessibility, and scalability across the product.

Design System 1 Design System 2 Design System 3
05

HiFi Prototype

Our high-fidelity prototype brought together research insights and design principles, resulting in a polished, test-ready product experience.

HiFi Prototype 1 HiFi Prototype 2 HiFi Prototype 3

Key Features

Voice Synchronization

Real-time voice-to-text transcription that automatically syncs with presentation slides, eliminating the need for manual note-taking.

Slide Integration

Automatic detection and integration of presentation slides, creating a seamless connection between visual content and notes.

Emotional Design

Bright, uplifting color scheme and positive visual feedback designed to enhance student mood and reduce lecture stress.

Smart Search

Advanced search functionality that allows students to quickly find specific topics across all their synchronized notes and slides.

Results & Impact

80%

Students reported improved emotional satisfaction during lectures

65%

Increase in focus and attention during class sessions

70%

Reduction in stress and anxiety related to note-taking

85%

Positive feedback on the bright, uplifting design

User Experience Questionnaire

User Experience Questionnaire Results

Improvements that could be made

  • Better test setup to understand the "efficiency" issue (from the UEQ)
  • Revise the design (user flow & interaction) for "file linking" and "page linking" concept
  • Make pause/stop buttons more visible
  • Make the settings more visible. Perhaps revise the flow for settings
  • Make optional steps more clearly distinguished from the compulsory steps
Improvements

Lessons Learned

Emotional Design is Powerful

Focusing on emotional needs and using color psychology can significantly improve user engagement and satisfaction, especially in educational contexts.

Reduce Cognitive Load

Simplifying complex tasks and automating repetitive processes allows users to focus on what matters most - in this case, learning and understanding.

Context Matters

Understanding the specific context and emotional journey of users (students during lectures) is crucial for creating truly effective solutions.