Project // Quote Scanner

An end-to-end Mobile App for book-worms to collect their quotes smarter!

Project Overview

Duration

Mar 2023 – Jun 2023 (3 mons)

Team / Role

Product Designer

As one of the Product Designer of our team, which includes another UX designer, an Android developer, and an iOS developer.

My responsibilities encompassed hosting exploration workshops, conducting meetings, leading collaborative design processes, executing user interviews, and crafting user personas.

Tools

Figma, FigJam, Notion

Problem Statement

Many individuals enjoy noting quotes while reading, whether by capturing a photo with their phone or jotting it down in a notebook. However, organizing these quotes proves challenging, often resulting in disorganization and difficulty in research.

Goal

Our aim is to facilitate the seamless and effortless transfer of reading quotes or notes into a digital format. By doing so, users can easily access and utilize their quotes from a digital space.

Proposed Solution

Utilizing image-to-text (OCR) technology, our solution enables users to convert photos into text format within the app. Users can then label, classify, and organize these quotes for future use.

Design Process

01. Discover 🔍

  • Research
  • Competitor Analysis
  • User Research and interview

02. Define 🎯

  • User Persona

03. Ideate 💥

  • Exploration on features
  • Feasibility Assessment
  • MVP Definition

04. Design 🖍

  • High Fi. Mockups
  • Prototype

01. Discover 🔍

User Research

Our solution for this side project stemmed from conversations with friends who are avid readers. Recognizing the potential for a transformative 0 to 1 app product, we embarked on a journey to explore user needs, personas, and contextual usage scenarios.

Sample questions:

  1. What are your reading habits in terms of frequency, location, and preferred mediums?
  2. When you encounter compelling quotes, how do you typically capture and preserve them?
  3. What motivates you to save quotes, and how do you envision using them later? Additionally:
    1. How do you currently organize your quotes or reading notes?
    2. What challenges do you face when searching for specific quotes?
  4. Have you ever sought out quotes for specific purposes? If so, what methods did you employ?

User Painpoints

During our user research phase, we uncovered several pain points, including:

  • The time-consuming process of manually typing quotes into digital tools.
  • Difficulty in keyword search when notes are handwritten in notebooks.
  • Challenges in creating visually appealing quote shares on social media from quick snapshots of pages.

02. Define 🎯

Persona

03. Ideate 💥

Exploration of features

Based on insights gleaned from our research, we brainstormed key features such as:

  • Add Quote: Users can seamlessly input quotes by taking photos, selecting from their albums, or manual entries, accompanied by additional notes or comments.
  • Collection: Leveraging category and tag functions to facilitate seamless organization of quotes.
  • Share on Social Media: Inspired by music app features, users can elegantly share their thoughts using a clean and visually appealing quote card format.
  • Personal Settings: Empower users with customization options to tailor their experience, with scope for further personalization in future iterations.
  • Daily Quote Review: Enhancing user engagement by prompting daily reflections through curated quote selections from their collection.

Feasibility Assessment

We utilize Google’s Image to Text (OCR) technology to establish our key feature of converting images into text.

MVP Definition

In line with development considerations, we opted for a focused approach, crafting a minimal viable product (MVP) for version one:

  • Add Quote: Core functionality allows users to input quotes via camera capture, album selection, or manual entry, providing flexibility and convenience.
  • Collection: Comprehensive quote management features including search functionality, tags, and content lists.

04. Design 🖍

Mood Board

Task Flow

Prototype