US 10,891,105 B1
Systems and methods for displaying a transitional graphical user interface while loading media information for a networked media playback system
Samuel Gates, Santa Barbara, CA (US); Cameron Scott, Seattle, WA (US); Brandon Lynne, Santa Barbara, CA (US); Eric Clayton, Concord, MA (US); and Andrew Mellors, Boston, MA (US)
Assigned to Sonos, Inc., Santa Barbara, CA (US)
Filed by Sonos, Inc., Santa Barbara, CA (US)
Filed on Nov. 11, 2019, as Appl. No. 16/680,382.
Int. Cl. G06F 3/00 (2006.01); G06F 3/16 (2006.01); G06F 3/0484 (2013.01)
CPC G06F 3/165 (2013.01) [G06F 3/0484 (2013.01)] 20 Claims
OG exemplary drawing
 
1. A control device for a networked media playback system, comprising:
a processor;
a display screen;
non-volatile memory comprising instructions, which when executed configure the process to perform the process of:
determining a starting screen of a media playback system controller application;
requesting media playback information corresponding to a media playback system and a user account to display on the starting screen;
selecting a placeholder template for the starting screen, where the placeholder template includes placeholder locations for placeholders;
randomly selecting, for each location in the placeholder template, a placeholder block from a set of placeholder blocks, where within each set of placeholder blocks each placeholder block includes:
at least one graphical block of the same size and shape, and
at least one textual block that has same length in a first dimension as other placeholder blocks in the set but varies in length in a second dimension as other placeholder blocks in the set;
displaying on the display screen the placeholder template populated with the selected placeholder blocks, where the placeholder blocks display a loading animation until they are replaced;
receiving the media playback information;
displaying, when sufficient media playback information is received to replace the textual blocks of the placeholder blocks with informational text, a partially loading screen to replace the placeholder template with informational text and placeholder graphical blocks;
displaying, on the partially loading screen, the loading animation on the placeholder graphical blocks while receiving media playback information; and
replacing placeholder graphical blocks with informational graphics when sufficient media playback information is received to replace the placeholder graphical blocks with informational graphics.