Dynamic Text Bubble Expansion for Mobile Comic Reading
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing digital comic book readers fail to replicate the navigation and visual flow of traditional printed comic books, making it difficult for users to comfortably read text bubbles on small mobile devices without disorienting zooming methods that obscure the overall composition.
Innovation Solution
The solution involves dynamically expanding text bubbles through a skimming or flinging gesture on a touch screen, allowing users to expand and contract bubbles in sequence without zooming the entire illustration, and using custom pivot points to prevent bubbles from covering characters, along with automated pre-processing to enhance the reading experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If text bubbles are expanded to make them easier to read on small mobile devices, then text readability is improved, but the comic character(s) may be obscured by the expanded bubble
Solution Approach 1:
The comic page is segmented into multiple layers: the background layer containing characters and artwork, and foreground layers containing text bubbles. This segmentation allows independent manipulation of bubble visibility and position without affecting the underlying character artwork, resolving the conflict between bubble expansion for readability and character visibility.
Solution Approach 2:
The solution moves the text bubble from the two-dimensional plane to a third dimension by implementing a popup effect. The bubble expands upward from its original position on the page, creating vertical separation between the expanded text bubble and the character artwork below it. This dimensional transition allows the bubble to occupy screen space without obscuring the character, simultaneously achieving both readability and character visibility.
2Ease of operation
If traditional zooming methods are used to read text bubbles, then text becomes larger and easier to read, but the overall composition and illustration context is lost
Solution Approach 1:
The text bubble is extracted from its original position on the comic page and separated into an independent, movable element. This extraction allows the bubble to be manipulated independently from the background artwork, enabling it to expand for readability while the original page composition remains intact and visible underneath, preserving both text readability and illustration context.
Solution Approach 2:
Instead of zooming into the two-dimensional page space which would obscure surrounding artwork, the bubble transitions to a third dimension by popping up vertically. This dimensional change allows the expanded bubble to occupy space above the page rather than replacing it, maintaining visibility of the overall composition while providing enlarged text for readability.
3Adaptability or versatility
If irregular bubble outlines (curly, bumpy, or jagged) are used to match comic style, then visual authenticity is improved, but the automated pre-processing complexity increases
Solution Approach 1:
The system dynamically changes the shape parameter of text bubbles based on their context and function. Different bubble shapes (curly, bumpy, jagged, cloud-like) are applied automatically according to the bubble's position, the character's emotion, or the narrative context. This parameter-based approach allows visual authenticity to be maintained while the automated system handles the complexity of selecting and applying appropriate shapes without manual intervention.
Solution Approach 2:
The automated pre-processing system is designed to autonomously handle the complexity of irregular bubble outlines. The system automatically detects bubble positions, selects appropriate shapes based on contextual rules, and applies the correct outlines without requiring manual processing. This self-service capability maintains visual authenticity while minimizing the operational complexity for users, as the system handles the complex shape matching automatically.
Data Source
AI summary
A system and method for enhancing electronic comic book reading by dynamically expanding text bubbles (“bubbles”) to make them easier to read, especially on a small mobile device. The methods include skimming a sequence of expanded bubbles, flinging through a sequence of expanded bubbles and positioning expanded bubbles so as not to hide the comic character(s) uttering the phrase. The methods are performed with irregular bubble outlines (like curly, bumpy, or jagged text bubbles commonly found in comics). Further the method includes pre-processing the content in an automated fashion to enable skimming and flinging through the sequences of expanded bubbles.