Social Interaction Toolbar for Video Viewing Interfaces

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current graphical user interfaces (GUIs) for interacting with videos do not provide intuitive controls and a quality viewing experience, as they often compromise between displaying videos and social interaction features, leading to either confusing interactive controls or limited access to features.

Innovation Solution

A structured graphical user interface (GUI) that allows a video to be displayed fully across the viewing area unless interacting with features, with a social interaction toolbar along the edge providing easy-to-use controls for activating and hiding interactive features.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a large interactive area is displayed to provide access to many social interaction features, then the range of accessible interactive features is improved, but the video viewing experience deteriorates due to obstruction and confusion from numerous controls

Engineering Contradiction:
Improveaccess to social interaction featuresVSAvoidvideo viewing experience
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The interface is segmented into distinct functional areas: a video display region and a separate social interaction toolbar. The toolbar is further segmented into individual buttons for different social features (comments, shares, likes). This segmentation allows the video to occupy the main viewing area while social features are accessed through a compact, organized toolbar, preventing control confusion while maintaining feature accessibility.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The social interaction features are moved from a two-dimensional grid layout that competes with video space to a one-dimensional toolbar layout along the edge of the display. This dimensional change allows comprehensive social features to be accessed without obstructing the video viewing area, as the toolbar utilizes the peripheral dimension rather than competing for central viewing space.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Ease of operation

If a small interactive area is used to improve video viewing experience, then the video display quality is improved, but the accessibility and ease of using social interaction features deteriorates

Engineering Contradiction:
Improvevideo viewing experienceVSAvoidaccess to social interaction features
Core Design Contradiction:
Ease of operationVSAdaptability or versatility

Solution Approach 1:

The toolbar is positioned in a specific local area (along the edge of the display) with optimized button sizes and spacing for that location. Each button is sized appropriately for its position in the toolbar, ensuring ease of selection while maintaining a compact overall footprint that preserves video viewing quality. The local arrangement allows efficient access to social features without requiring a large interactive area.

Inventive Principle:
Principle #3Local quality

3Adaptability or versatility

If multiple social interaction features are displayed simultaneously with the video, then the range of accessible features is improved, but the interface complexity and confusion increases

Engineering Contradiction:
Improverange of interactive featuresVSAvoidinterface complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

Social interaction features are extracted from the main video display area and placed into a separate toolbar. This extraction removes the complexity of managing multiple features within the video space, as each feature is represented by a distinct button in the toolbar rather than overlapping controls within the video area. The separation reduces interface complexity while maintaining comprehensive feature access.

Inventive Principle:
Principle #2Taking out (Extraction)

4Ease of operation

If the video is displayed fully across the viewing area, then the video viewing experience is improved, but the accessibility to social interaction controls deteriorates

Engineering Contradiction:
Improvevideo viewing experienceVSAvoidaccess to social features
Core Design Contradiction:
Ease of operationVSAdaptability or versatility

Solution Approach 1:

The toolbar is designed to dynamically adjust its position and visibility based on user interaction. When the user needs social features, the toolbar becomes accessible along the edge; when not in use, it remains unobtrusive. This dynamic behavior allows the video to occupy the full viewing area while social controls remain accessible on demand, resolving the contradiction between full video display and feature accessibility.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS10524010B2Social interaction user interface for videos
Publication Date: 2019.12.31 META PLATFORMS INC
  • US10524010B2 patent drawing
  • US10524010B2 patent drawing
  • US10524010B2 patent drawing

AI summary

In response to a first user input in connection with a displayed video, a social interaction toolbar is displayed along an edge of a viewing area. The social interaction toolbar includes a plurality of buttons, each corresponding to a social interaction feature. Simultaneously, the video is displayed across substantially all of the viewing area. In response to receiving a selection of a button in the social interaction toolbar, a user interface of the social interaction feature corresponding to the selected button is displayed.