US 12,487,739 B2
Methods and apparatuses for providing condensable user interface
Louis McCracken, Annadale, VA (US); Sabrina Majeed, Dallas, TX (US); Robert Schlegel, Westminster, CO (US); Darren Hebner, Toronto (CA); Zanna Balarin, Santa Barbara, CA (US); and Louise Heng, Montreal (CA)
Assigned to Shopify Inc., Ottawa (CA)
Filed by Shopify Inc., Ottawa (CA)
Filed on Jul. 26, 2022, as Appl. No. 17/873,336.
Claims priority of provisional application 63/348,225, filed on Jun. 2, 2022.
Prior Publication US 2023/0393726 A1, Dec. 7, 2023
Int. Cl. G06F 3/0485 (2022.01); G06F 3/0488 (2022.01)
CPC G06F 3/0485 (2013.01) [G06F 3/0488 (2013.01)] 21 Claims
OG exemplary drawing
 
1. An apparatus comprising:
a processing unit communicatively coupled to a display device, the processing unit being configured to:
cause the display device to output a scrollable user interface (UI) having a plurality of sections;
receive at least a first signal corresponding to a first command to scroll the UI at a first scrolling rate;
in response to a determination that the first scrolling rate exceeds a first threshold, condense one or more sections of the plurality of sections of the UI to a first semi-condensed state and into respective one or more condensed sections by reducing granularity of information displayed, wherein each condensed section comprises a higher-level view of the information displayed, and occupies a smaller area on a display screen of the display device than the corresponding one or more sections prior to the condensing;
in response to a determination that scrolling of the UI has decreased in rate from the first scrolling rate and falls below a second threshold, expand the one or more sections of the UI, wherein the second threshold is less than the first threshold and wherein the threshold for determining whether the one or more condensed sections should be expanded is lower than the threshold used to determine whether the one or more sections should be condensed;
receive at least a second signal corresponding to a second command to scroll the UI at a second scrolling rate; and
in response to a determination that the second scrolling rate exceeds a third threshold higher than the first threshold, condense one or more of the one or more sections of the UI to a second further condensed state.