Captive Portal UI for Streaming Devices on Large Displays
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing captive portal authentication systems on content streaming devices, such as televisions, are inefficient for user interaction due to UI elements designed for handheld devices, leading to impaired navigation and authentication challenges on larger displays.
Innovation Solution
A captive portal application with a customized user interface (UI) for larger displays, using a web view object to render captive portal pages and a script to override default focus outlines, enabling enhanced navigation via remote control devices.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a standard captive portal UI designed for handheld devices is used on a content streaming device with a larger display, then the device can connect to secured Wi-Fi networks, but user interaction and navigation become impaired due to inappropriate UI element sizing and layout
Solution Approach 1:
The patent applies local quality by customizing specific UI elements (size, spacing, typography) to match the larger display characteristics of content streaming devices while maintaining the core authentication functionality. This allows the interface to be locally adapted to the display context rather than using a universal small-device design.
Solution Approach 2:
The patent changes key UI parameters including element dimensions, font sizes, and layout spacing to optimize the interface for larger displays. These parameter adjustments transform the standard handheld-optimized UI into one suitable for television or large screen interaction, typically controlled via remote device.
2Ease of operation
If a customized UI with modified focus outlines is implemented, then navigation on larger displays is enhanced, but the device complexity increases due to additional rendering logic and script interventions
Solution Approach 1:
The patent introduces an intermediary rendering layer that sits between the standard web browser and the display output. This intermediary component intercepts focus events and manually applies visual indicators, decoupling the navigation logic from the display rendering and allowing customized focus outlines without fundamentally altering the browser core.
Solution Approach 2:
The customized UI implementation uses self-service by having the rendering system automatically adjust focus indicators based on detected UI element boundaries, eliminating the need for manual annotation of each element. The system serves itself by dynamically calculating and applying appropriate visual feedback.
Data Source
Figure 1A
Figure 1B
Figure 1C
AI summary
Web pages, such as a captive portal web page, may be rendered on an electronic display such as a display of a television that is removably coupled to a content streaming device. The web pages may be rendered using a customized user interface (UI) of a captive portal application executable on the content streaming device. The UI of the captive portal application may be customized for viewing at a longer distance than a typical distance between a user and a handheld mobile device. A computer-executable script may be embedded or otherwise associated with source code of a web page to cause a focus outline of a selectable UI element to be displayed more prominently when a user navigates to the selectable UI element using, for example, a remote control device configured to communicate with the content streaming device.