Holo Reader

An augmented-reality app for HoloLens that enhances the book reading experience with e-reader features.

Tags

hololens, ar, e-reader

Collaborators

Chongling Zhu, Dingsu Wang, Wenhe Li, Yijie Zou.

2018

augmented reality

Holo Reader
Cover image for Holo Reader
How might we prototype a bridge between the reading experiences of paper books and their digital version?

Background

e-reader-stock-image

The divide between digital and physical reading presents a fundamental design challenge. While digital platforms offer powerful features like instant lookups and synchronized annotations, print books provide irreplaceable tactile feedback and reduced eye strain. This creates a "format tension" where readers face a constant trade-off:

๐Ÿ“–

Digital Convenience

Instant lookups, annotations, cloud sync

๐Ÿ“ฑ

Analog Experience

Tactile feedback, reduced eye strain, emotional connection

This tension creates an opportunity for innovation at the intersection of physical and digital reading experiences.

Design Process

Design Constraints & Exploration

Before exploring solutions, we mapped out the design space through existing products and key constraints:

๐Ÿ“š

Physical Experience

Must preserve the tactile qualities of books

โšก

Digital Enhancement

Should add value without interrupting reading flow

๐Ÿ“ฑ

Connectivity

Need seamless integration with digital ecosystems

๐ŸŽฏ

User-Centered

Must address real pain points in reading experience

Existing Solutions

Several products have attempted to bridge this gap with different approaches:

Hanvon E-Pen
A progressive OCR text scanner for print books, featuring vocabulary look-up and excerpt extraction. While useful for basic tasks, it requires constant switching between devices.
Livescribe 3 Smartpen
A real-time text scanner focusing on handwriting digitization. While it offers good connectivity, it primarily serves note-taking rather than enhancing the reading experience itself.

Analysis of these solutions revealed a key insight:

The limited options for interfaces and lack of seamless connectivity are the main barriers to bridging physical and digital reading.

AR Solution

With access to Microsoft Hololens, we saw an opportunity to transcend these limitations through augmented reality:

Microsoft HoloLens
A mixed reality headset that enables digital overlay on physical objects, offering new possibilities for interaction design.

We developed two core interactions to create a seamless hybrid reading experience:

1. AR Quick Look-Up

By overlaying information directly on the book's pages, we eliminated the need to switch between devices. Users can simply tap any word to instantly see its definition, maintaining their reading flow.

holo-reader-ar-quick-look-upHolo Reader: AR Quick Look-Up

2. Cross-Platform Annotation Syncing

Handwritten annotations are automatically digitized and synced across devices, bridging the gap between physical and digital note-taking.

holo-reader-annotation-syncingHolo Reader: Annotation Syncing

Technical Implementation

holo-reader-in-developmentHolo Reader: Development Process

System Architecture

๐ŸŽฎ

Frontend (Unity + MRTK)

Handles AR interaction and spatial mapping

๐Ÿ‘๏ธ

Computer Vision (Vuforia)

Manages real-time fingertip and text detection

โš™๏ธ

Backend (Flask)

Processes data and manages cross-platform sync

holo-reader-dataflowHolo Reader: System Architecture

Key Technical Features

๐ŸŒ

Spatial Understanding

Real-time mapping of physical books in 3D space

๐Ÿ‘†

Gesture Recognition

Precise fingertip tracking for natural interaction

๐Ÿ’ซ

Content Overlay

Low-latency AR information display

Demo

Reflection

This prototype revealed broader implications for AR interfaces in bridging physical-digital experiences. The technical challenges we encountered - particularly in gesture recognition and maintaining low latency - provided valuable insights into designing hybrid experiences that enhance rather than replace physical interactions.

Key learnings:

๐ŸŒ‰

Physical-Digital Bridge

AR can create seamless bridges between physical and digital experiences

๐Ÿคฒ

Natural Interaction

Natural interaction design is crucial for adoption

๐Ÿ’ก

Creative Problem-Solving

Technical constraints often lead to creative solutions

For technical details and implementation code, visit our Github Repo.

Back to top