Dynamic Tag Aggregation for Image Readability
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In social-networking systems, the overlapping of tag-labels in images with multiple tagged objects becomes a visual clutter issue, especially on small displays, impairing image readability and user experience.
Innovation Solution
The social-networking system aggregates individual tags into a single aggregated tag when they are within a threshold distance of each other, with the tag-label generated based on social-graph affinity, allowing the tag to de-aggregate as the user zooms in and aggregate further as they zoom out.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If individual tags are displayed for each tagged object in an image, then complete information about all tagged objects is provided, but visual clutter increases and readability deteriorates when objects are close together or on small displays
Solution Approach 1:
The patent merges multiple individual tags into a single aggregated tag when tagged objects are located close to each other in the image. The aggregated tag displays a consolidated label that represents multiple objects, reducing visual clutter while preserving access to complete tag information through expansion or selection mechanisms.
Solution Approach 2:
The patent implements dynamic tag aggregation that adjusts based on zoom level and display conditions. As users zoom in or out, tags dynamically aggregate or separate themselves, optimizing readability at different viewing scales while maintaining information accessibility.
2Loss of information
If tags are displayed at full resolution for each tagged object, then detailed label information is visible, but the image becomes cluttered and harder to read on small displays
Solution Approach 1:
The patent applies different display qualities to different regions of the image based on tag density and spatial relationships. In areas where tags are close together, aggregated tags with condensed labels are displayed. In areas with sufficient spacing, individual tags with full labels are shown, optimizing readability locally throughout the image.
Solution Approach 2:
The patent resolves the two-dimensional clutter problem by introducing interaction dimensions - users can tap, hover, or expand aggregated tags to reveal complete tag information. This transforms the static display into an interactive experience where information is layered in depth rather than competing in the same visual plane.
3Quantity of substance
If multiple individual tags are shown in an image with numerous tagged items, then comprehensive tagging information is provided, but the complexity of the display increases and user experience deteriorates
Solution Approach 1:
The patent segments the display of tags into hierarchical levels: aggregated tags at the base level for overview, and individual expandable tags accessible through user interaction. This segmentation reduces perceived complexity while maintaining the complete set of tag information available upon demand.
Solution Approach 2:
The aggregated tag serves multiple functions simultaneously: it acts as a visual anchor point, provides consolidated information about multiple objects, serves as an interactive element for expanding to individual tags, and maintains spatial relationships between tagged objects. This multi-functionality reduces the number of separate display elements needed.
Data Source
AI summary
In one embodiment, a method includes rendering an image comprising a plurality of tags, wherein each tag is associated with a particular location within the image, and wherein at least two tags of the plurality of tags are aggregated into an aggregated tag, calculating for each tag the distance of the location of the tag from the location of every other tag of the image responsive to the first user changing a zoom level for the image, and updating the aggregated tag based on the calculated distance of the locations of the tags to each other such that if the change in zoom level is zooming in, then the updated aggregated tag is aggregated with at least one fewer tag, and if the change in zoom level is zooming out, then the updated aggregated tag is aggregated with at least one more tag.