2023.06 — 2024.03

Meeting Ink APP

Meeting Ink is an AI-powered app that transcribes meetings and generates concise summaries for easy sharing.

Goal

Design a seamless and efficient digital meeting assistant that enhances the note-taking experience by integrating AI-powered transcription, organization, and collaboration features. The goal is to streamline meeting documentation, improve accessibility, and boost productivity for professionals by providing an intuitive, user-friendly interface with intelligent automation.

Product background

In today’s fast-paced work environment, effective meeting documentation is essential for productivity, yet traditional note-taking methods can be inefficient and fragmented. Meeting Ink was designed to address this challenge by offering an AI-powered meeting assistant that simplifies the process of capturing, organizing, and reviewing meeting notes.

With features like automatic transcription, smart summaries, and seamless collaboration, Meeting Ink helps professionals stay focused during meetings while ensuring that important discussions and action items are well-documented. The app is tailored for teams and individuals who need a reliable, intuitive solution to streamline their workflow and enhance post-meeting efficiency.

Role

Product Designer

Deliverables

User Flow
Wireframe
Design System
UI Design

Design Tool

Figma

Cooperate with

1 PM
1 Android & iOS Engineer

Get to know more about persona,  user journey and their pain point

Define questions and problems

Figure out the solution

Validate ideas(Tracking data & User Interview & Usibility Test)

Persona Overview

Due to limited time and access to actual users during this project, the following personas were developed using inferred user needs, competitor product research, and common patterns observed across the industry. These hypothetical personas served as a practical framework to guide user-centered design decisions.

Persona 1 — Claire Shen|35|Product Manager|Startup Team

Background & Motivation

  • Location/Company: Taipei, HealthTech AI Startup
  • Role: Coordinates cross-functional teams and drives sprint progress
  • Work Style: Agile workflow with frequent weekly stand-ups and retros

Goals & Needs

Seeks an all-in-one, intelligent meeting tool to:

  • Quickly schedule and confirm attendees
  • Auto-generate agendas and action items
  • Provide follow-up reminders to boost execution

Pain Points

  • Hosts 5–8 meetings weekly with overlapping but nuanced content
  • Juggles multiple tools (Google Meet, Trello, Notion), leading to context-switching and duplicated notes
  • Often misses critical decisions or next steps due to scattered documentation

Persona 2: Wendy Kao|28|Freelance UX Designer|Remote Collaborator

Background & Motivation

  • Based in Taoyuan, works remotely with various companies and solo founders
  • Role: Offers prototyping, UI consultation, and co-design sessions
  • Work Style: Flexible hours, often works across time zones

Goals & Needs

Needs a designer-friendly meeting workflow that enables:

  • Sharing prototypes with real-time annotation
  • Quick note-taking and summary generation post-call
  • Accurate tracking of client feedback and iteration history

Goals & Needs

  • Meetings are often fragmented, with unclear takeaways
  • Loses track of design changes or client requests over time
  • Post-meeting notes are time-consuming and may miss important insights

Problems

1. Inefficient Note-Taking Process

  • Manual note-taking during meetings is time-consuming and often distracts participants from active engagement.
  • Important details can be missed, leading to incomplete or inaccurate documentation.

2. Fragmented Meeting Records

  • Notes, audio recordings, and action items are often scattered across different tools (e.g., emails, chat apps, cloud storage), making it hard to track and retrieve information.
  • Lack of a centralized platform results in inefficiencies and communication gaps.

3. Difficulty in Reviewing & Organizing Notes

  • Reviewing lengthy meeting notes is tedious, and extracting key insights requires additional effort.
  • Handwritten or unstructured digital notes make it difficult to find critical action points later.

4. Lack of Collaboration & Accessibility

  • Sharing meeting notes with teammates can be cumbersome, especially when using different formats or platforms.
  • Team members who miss a meeting may struggle to catch up efficiently.

Solutions

1. AI-Powered Automated Transcription

Meeting Ink captures and transcribes conversations in real-time, ensuring that no key details are lost.
Users can focus on discussions without worrying about taking notes manually.

Trade-off Analysis — AI-Powered Meeting Recorder
1.1. Why Choose Option A Over Option B?
Chosen (A): Intuitive recording interface + real-time visual feedback
Not Chosen (B): Complex, multi-functional recording UI (e.g., multi-track editing, mixing tools)
1.2. Smart Summarization and AI Features
Rationale:
During live meetings, users need to operate quickly and stay focused on the conversation. We prioritized recognizable controls (e.g., play, pause, stop icons) and a countdown timer to minimize the learning curve and cognitive load.
Trade-off:
Although advanced recording interfaces offer more granular control, they significantly increase complexity and learning effort—contradicting our goal of delivering a lightweight, accessible product.

1.2. Collaboration With PM and Engineering — Any Technical, Timeline, or Business Constraints?

PM Alignment:
We clarified the distinction between real-time transcription and post-processing summarization to avoid overengineering that could distract from core functionality.

Engineering Feedback:

  • Real-time speech-to-text requires a stable internet connection and third-party transcription services, which can impact performance and reliability.
  • Visual states like “Processing” must sync accurately with backend status to prevent user confusion.

1.3. Final Decision-Making Process & Validation

We focused on usability for first-time users and task-oriented interaction. The interface is kept minimal, with advanced features hidden or collapsed.
Instead of relying on user interviews, our decision is supported by the following industry research and UX principles:

  • According to Nielsen Norman Group, reducing cognitive load is critical during high-focus tasks like recording. Simple, recognizable controls enhance confidence and reduce friction.
  • Google Material Design and Apple’s HIG recommend clear visual feedback for critical tasks (e.g., recording status, progress indicators), improving user trust and predictability.
  • Market benchmarks such as Otter.ai, Google Recorder, and Notion AI all favor minimalist recording experiences with strong visual status cues—further validating this approach.

Therefore, we designed the core actions—start, stop, and save—as high-priority visual elements, and used prominent status indicators to clearly communicate the recording state. This ensures both a sense of control and task focus for the user.

2. Smart Notes with Clear Structure and Scroll-Synced Navigation

2.1. Trade-off Analysis — Optimized Meeting Interface for Enhanced Usability

2.1.1. Why Choose Option A Over Option B?

Chosen (A):

Single-column layout with clearly structured sections, bullet-point formatting, and collapsible (accordion) components for mobile-friendly readability.

Not Chosen (B):

Dense, traditional multi-column layout with mixed paragraph blocks and limited visual hierarchy.

Rationale:

The goal of meeting notes is to help users quickly locate key information and clearly capture decisions and action items. We prioritized structured content with headings, subheadings, and bullet points to reduce cognitive load. Visual cues like the symbol further reinforce clarity and actionability.

Trade-off:

While dense layouts may save space, they reduce readability—especially on small screens—causing fatigue and increasing the likelihood of missing information. We prioritized clarity and usability over compactness.

2.1.2. Collaboration With PM and Engineers — Technical, Timeline, or Business Constraints?

  • Ensure mobile usability and maintain a clean layout even with long-form content.
  • Allow editing and tagging (e.g., attendee list, summary), supporting real-time documentation and follow-up.
  • The technique is feasible.

2.1.3. How Was the Final Decision Made?

We based the design decision on the following principles:

  • Applied Nielsen Norman Group’s guidelines on information hierarchy and scan-friendly design to enhance content recognition speed.
  • Chose a single-column layout to align with mobile reading habits, using consistent line spacing and font sizes for improved readability.
  • Added icons to mark completed tasks, referencing patterns from tools like Notion and Trello, making meeting notes more actionable.
  • Enabled editable fields for meeting title, attendees, and summary, to ensure flexibility and usability across different meeting scenarios.

2.1.4. Validation:

While no formal A/B testing has been conducted yet, this approach is supported by established UX research and competitive benchmarking:

  • Nielsen Norman Group reports show that bullet-point structures and sectioned layouts significantly improve comprehension and memory retention in complex content.
  • According to Baymard Institute, single-column layouts and collapsible components are highly effective on mobile interfaces, improving task flow and user confidence.
  • Market benchmarks like Supernormal, Notion AI, and Slite use similar structural design patterns—proving their real-world viability and user acceptance.
2.2. Trade-off Analysis — Anchor-Linked Auto-Sync Tabs for Meeting Notes
2.2.1.Why Choose Option A Over Option B?
Chosen (A):
Auto-syncing anchor-linked tabs that update as users scroll through the page
Not Chosen (B):
Manually tappable tabs that require users to click each category to jump between sections
Rationale:
We chose scroll-synced tabs to provide a smoother and more natural navigation experience—especially for mobile users. Scrolling is more intuitive than tapping for long-form content, and having the active tab auto-update helps users understand their position in the content, improving flow and reducing disorientation.
Trade-off:
Manual tab switching offers more direct control, but often results in jarring page jumps and higher interaction cost. On mobile, it also increases the risk of mis-taps and disrupts the reading flow. We prioritized scroll continuity and passive awareness over active navigation.
2.2.2. Collaboration With PM and Engineers — Technical, Timeline, or Business Constraints?
PM Discussion Points:
  • Align the scrolling experience with mobile reading habits to reduce friction in content-heavy contexts like long meeting notes.
  • Maintain a minimal interface that supports information structure awareness without overcomplicating interactions.
Engineering Constraints:
  • Anchor positioning had to account for collapsible sections and dynamic content height, which added development overhead.
2.2.3. How Was the Final Decision Made?
We made this decision based on a combination of UX principles and successful UI patterns:
  • Nielsen Norman Group highlights that progressive disclosure and minimizing navigation effort help users focus and stay oriented within large documents.
  • Mobile UI best practices suggest that scrolling is more natural than tapping on smaller screens, especially when the content is long and vertically arranged.
  • Auto-updating tabs provide real-time feedback without interrupting reading, giving users a stronger sense of control and position.
  • Benchmarks from tools like Notion, Dropbox Paper, and Slite show widespread adoption of scroll-synced tab or section headers for knowledge documentation.
2.2.4. Validation
UX Research Support:
  • NN/g usability guidelines show that dynamic visual feedback (like scroll-synced indicators) improves content discoverability and reduces navigation friction.
  • Baymard Institute reports that auto-navigation patterns reduce bounce behavior and confusion in long-form documents.
Benchmark Validation:
  • Products like Supernormal and Notion successfully use scroll-anchored navigation in their meeting documentation tools, confirming user familiarity and effectiveness.
Design Benefits:
  • Reduces interaction cost on mobile
  • Prevents accidental mis-taps
  • Enhances structural clarity without overwhelming the UI

2.3. Trade-off Analysis — Intuitive and Flexible Playback Controls

2.3.1. Why Choose Option A Over Option B?

Chosen (A):
A bottom-fixed playback control bar that integrates key functions (play, pause, progress bar, total duration), with the ability to collapse or expand as needed.
Not Chosen (B):
Floating or overlay-style playback controls (e.g., small pop-up window, side panel) that remain visible but may cover content or appear in unpredictable locations.

Rationale:

Users often need to monitor playback while reading transcripts or notes. A fixed control bar at the bottom provides a consistent, intuitive location for playback functions. Collapsibility ensures the player doesn't interfere with reading when not needed.

Trade-off:

While floating controls maintain constant visibility, they can obstruct important content—especially on small screens—and increase the chance of accidental taps. The fixed bottom layout aligns with user expectations and maintains interface stability, at the cost of slightly reduced persistent visibility.

2.3.2. Collaboration with PM and Engineers — Any Constraints?

PM Priorities:

  • Strike a balance between visibility and non-intrusiveness for the player.
  • Ensure the player works seamlessly across multiple user flows (e.g., listening, editing notes, scanning content).

Engineering Constraints:

  • Implementing a fixed bottom bar required careful layering to avoid overlap with other bottom elements (e.g., navigation bars).
  • Smooth animation for expand/collapse interactions was needed to prevent jarring UI shifts.

2.3.3. How Was the Final Decision Made?

We made the final call based on user experience principles and benchmarking:

  • Referenced patterns from Spotify, Apple Podcasts, and Otter.ai, all of which place playback controls at the bottom for easy access and continuity.
  • User intent was clear: “I want to see progress, but don’t want the player to block my content.”
  • A collapsible design ensures flexibility across usage modes—whether users are actively listening or focusing on reading.
  • Visually minimalist, functionally complete—this approach supports task focus without unnecessary UI noise.

2.3.4. Validation

Industry Benchmark Support:

  • Products like Spotify, Google Recorder, and Notion AI use fixed bottom playback controls with collapsible or minimized states—indicating a proven and familiar design convention.

UX Theory Support:

  • According to Fitts’s Law, commonly used controls should be placed in easily accessible zones—such as the screen bottom for mobile users.
  • Nielsen Norman Group advises that interfaces should avoid visual obstruction by non-primary elements; collapsible components reduce cognitive friction and support flow.

2.4. Trade-off Analysis — Real-Time Playback Speed Adjustment with Clean UI Design

2.4.1.  Why Choose Option A Over Option B?

Chosen (A):
A single "1x" button that reveals a discrete step slider for speed adjustment (e.g., 0.5x → 2x). The control only appears when needed and applies changes in real time.
Not Chosen (B):
A dropdown menu, numeric input, or continuous slider allowing highly granular adjustments.

Rationale:

We aimed to create a quick, intuitive, and non-intrusive adjustment experience. The discrete slider allows users to select commonly used speeds without needing to fine-tune unnecessarily. Tapping "1x" cleanly triggers the control, maintaining UI simplicity and reducing distraction.

Trade-off:

While continuous control offers flexibility, it increases interaction complexity and visual clutter. We prioritized task flow and interface clarity, especially on mobile, over maximum customizability.

2.4.2. PM and Engineering Collaboration — Any Constraints?

PM Focus:

  • Ensure that adjusting speed feels lightweight and effortless.
  • Keep the control hidden by default to maintain a clean interface focused on playback and reading.

PM Focus:

  • Implementing a step-based slider across various screen sizes required calibration for touch accuracy and responsive layout.
  • Toggling the control without flicker or UI jump needed smooth animation handling.
  • Real-time syncing of speed changes with the audio module had to be stable to prevent playback delays or mismatches.

2.4.3. How Was the Final Decision Made?

  • Following Material Design and Apple HIG principles, optional controls should be hidden until needed to avoid overloading the interface.
  • Fixed step values (0.5x–2x) cover 95% of use cases and align with familiar standards found in YouTube, Spotify, and podcast apps.
  • The tap-to-expand “1x” control keeps the action predictable and efficient—reducing mis-taps and supporting a fast workflow.
  • Speed adjustments take effect immediately—avoiding unnecessary confirmations and ensuring a snappy user experience.

2.4.4. Validation

UX Research Support:

  • Fitts’s Law encourages placing frequently used controls in expected, easy-to-tap areas.
  • Nielsen Norman Group advises hiding advanced options behind a trigger (progressive disclosure) to reduce visual load.

Industry Benchmark Support:

  • Popular platforms like YouTube, Apple Podcasts, and Spotify use fixed-step speed controls—proving this model is well accepted and effective.
3. Centralized Meeting Documentation

All meeting notes, transcripts, and action items are stored in a single, organized platform.Users can search and filter past meetings to quickly find relevant information.

Trade-off Analysis — Centralized Meeting Documentation System

3.1. Why Choose Option A Over Option B?

Chosen (A):

Store all meeting-related data—notes, transcripts, and action items—in a single centralized platform with search and filter capabilities for easy retrieval.

Not Chosen (B):

Store meeting content across multiple decentralized tools (e.g., Google Docs, Notion, Email), or manage it in an unstructured format.

Rationale:

We prioritized information accessibility and a consistent user experience. A centralized platform builds trust and reduces cognitive and operational friction caused by switching between tools.

Trade-off:

While decentralized tools may offer flexibility or familiarity, they fragment data, create inconsistency, and make information harder to locate—especially over time. We chose to invest in a unified experience that delivers clear structure and reliable access.

3.2. PM and Engineering Collaboration — Any Constraints?

PM Priorities:

  • Ensure the system is not just a data repository, but a tool that enables action.
  • Focus on user goals: quickly retrieve relevant past meetings and manage all meeting-related information within one platform.

Engineering Constraints:

  • Structuring meeting data required deep integration with the database architecture and forward planning for scalability.
  • Building the search and filtering system needed support for fuzzy matching, keyword highlighting, and multi-level filters—without compromising performance.
  • A synchronization mechanism was necessary for cross-device access and multi-user collaboration.

3.3. How Was the Final Decision Made?

The design direction was based on key UX principles and market trends:

  • According to Nielsen Norman Group, users expect information to be “available in the right place at the right time.” A centralized architecture reduces search time and learning curves.
  • We implemented a consistent layout (titles, summaries, action items) to help users build a cognitive map of where to find things—improving navigation and recall.
  • The platform emphasizes search, filter, and actionable tagging, ensuring it goes beyond passive storage and supports real productivity.
  • We applied modular design principles to ensure the system remains scalable and extensible, even as documentation volume and collaboration needs grow.

3.4. Validation:

Market Validation:

  • Comparable tools like Supernormal, Fellow, and Notion AI follow a similar approach of centralized, searchable, and actionable documentation—proving strong product-market fit.

UX Research Support:

  • NN/g highlights that consistency and predictability are core to usable systems. A centralized model lowers cognitive load and increases user confidence.
  • Effective information retrieval combines filtering, keyword highlighting, and structured categorization, significantly improving task success rates.
4. Seamless Sharing

Teams can easily share notes .Integration with popular work tools (e.g., Slack, Notion, Google Drive) ensures smooth workflows.

Trade-off Analysis — Seamless Sharing with Smart Notifications and Multi-Destination Sync

4.1. Why Choose Option A Over Option B?

Chosen (A):
A seamless sharing flow that includes:

  • AI summary push notifications
  • Pre-submission confirmation
  • Flexible multi-destination sync with optional advanced settings

Not Chosen (B):
Basic auto-share immediately after meeting ends, with limited integration options and no content preview or control.

Rationale:

We aimed to reduce friction and increase user confidence in sharing meeting content. By introducing a confirmation step, optional previews, and delayed sharing through smart notifications, we accommodate different user behaviors—from fast movers to detail checkers. Multi-platform syncing ensures the notes land where teams actually need them.

Trade-off:

While immediate auto-sharing could reduce steps, it increases the risk of sending incorrect or premature content, especially when AI summaries are still being processed. Our approach trades a bit of extra interaction for significantly higher control, clarity, and flexibility.

4.2. Collaboration with PM and Engineers — Any Technical, Timeline, or Business Constraints?

PM Focus:

  • Ensure users can trust and adopt the share feature without fear of mistakes or workflow disruption.
  • Balance simplicity for frequent users with control for more cautious users.

Engineering Constraints:

  • Push notifications had to be timed with AI summary readiness and account for cases where summaries fail or are delayed.
  • Multi-destination sync required API integrations with Slack, Google Drive, Notion, etc., and fallback strategies for permissions or auth issues.
  • Implementing folder search + checkbox selection required dynamic rendering and real-time updates for enterprise-level folder structures.
  • Optional advanced settings had to be accessible but not intrusive—requiring thoughtful placement and state management.

4.3. How Was the Final Decision Made?

We made this decision based on the following UX and business considerations:

  • Smart notifications reduce the need to manually “check back later” and keep users in the loop passively—aligning with behavior of busy professionals.
  • The confirmation flow provides peace of mind without forcing complexity, giving a clear mental model of what will be sent and to whom.
  • Multi-destination sync solves a real pain point for teams that operate across tools—cutting down duplicate effort from copy-pasting.
  • We designed optional complexity: novice users are not overwhelmed, while power users still have full control via expandable share settings.

4.4. Validation

UX Research & Best Practice Support:

  • Nielsen Norman Group recommends preview and confirmation in critical outbound workflows to reduce anxiety and human error.
  • Progressive disclosure—offering optional advanced settings—improves adoption while accommodating a wide range of users.

Market Benchmarking:

  • Products like Supernormal, Notion, and Slack Connect also use pre-send confirmations and flexible destination logic to build trust in collaborative content sharing.

Success Metrics

To evaluate the effectiveness and impact of Meeting Ink – AI Meeting Assistant, we defined the following success metrics across adoption, productivity, user satisfaction, and business performance:

1. Usage & Adoption:

  • DAU/MAU Ratio ≥ 20% – Indicates consistent user engagement
  • Meeting Adoption Rate ≥ 50% – Percentage of internal meetings using Meeting Ink monthly
  • Feature Utilization – Live transcription, summary, and translation features ranked as most frequently used

2. User Engagement & Satisfaction

  • NPS (Net Promoter Score) ≥ 30
  • Improved participation from multilingual teams via transcription & translation
  • Higher average number of active speakers per meeting, indicating increased interaction

3. Business Impact & Growth

  • Free-to-paid conversion rate ≥ 10%
  • Retention rate ≥ 80% for subscribed users
  • Average user invites ≥ 0.5 teammates
  • Estimated ROI ≥ 2× based on saved time and labor costs

Expected Impact

Meeting Ink was designed to help teams streamline meeting documentation, improve clarity, and bridge the gap between discussion and action. Although post-launch analytics were limited at the time of handoff, the expected outcomes were:

  • Reduced post-meeting ambiguity: Clear visual separation of notes, tasks, and decisions aimed to ensure that participants leave each meeting with aligned expectations and actionable next steps.
  • Improved task follow-through: Auto-synced task cards and notification integrations (e.g., Slack, calendar tools) were intended to increase accountability and reduce the rate of forgotten or missed action items.
  • Enhanced meeting efficiency: Lightweight UI with real-time editing support aimed to reduce context-switching and cognitive overload during note-taking and follow-up.

The design leveraged mental models from tools like Notion, Asana, and Superhuman to build familiarity while introducing new value. Future validation could include metrics like task completion rate, repeat usage, and team-level satisfaction.

Design System

This app uses the Design system of Noise Eraser including button, input, navigation bar, and checkbox.

APP UI

Takeaway

1. Finding similar product references to draw inspiration from their designs, analogous process setups, and usage logic is crucial to keep the user learning curve low.

2. To make users focus on the primary actions avoid placing distracting information within the UI interface.

3. Before commencing production, the boss often wishes to see results quickly. However, creating a User Experience (UX) requires resources and time. It is crucial to explain the importance of this undertaking and inform relevant stakeholders about the amount of time and resources other companies invest to achieve similar results. If it's not possible to allocate the necessary resources and time, expectations may need to be adjusted.

Related Digital Products

Nosie Eraser APP & Website

#AIAudio #NoiseCancellation #VoiceEnhancement #AudioUX #WebAppDesign #AIUX #SoundDesign #ProductivityTech

Account Center Website

#AccountManagement #AdminDashboard #WebUX #SystemDesign #UserManagement #DesignSystem #EnterpriseUX #PlatformUX

Recruitment APP

#RecruitmentApp #UXDesign #TalentMatching #JobPlatform #B2BDesign #HRTech #MobileUX #FormOptimization #TaiwanUX

Welcome to contact me !