IP Library Granted Patent US 12,487,739
Granted Patent B2
US 12,487,739 · App. 17/873,336 · Granted Dec 2, 2025

Methods and apparatuses for providing condensable user interface

Inventors: Louis McCracken (Annadale, VA); Sabrina Majeed (Dallas, TX); Robert Schlegel (Westminster, CO); Darren Hebner (Toronto, CA); Zanna Balarin (Santa Barbara, CA); Louise Heng (Montreal, CA)
Assignee: Shopify Inc.
G06F3/0485G06F3/0488
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,487,739
App. No.
17/873,336
Granted
Dec 2, 2025
Kind
B2
Abstract

Apparatuses and methods for providing a condensable user interface (UI) are disclosed. A scrollable UI having a plurality of sections is outputted by a display device. A first signal corresponding to a first command to scroll the UI at a first scrolling rate is received. In response to a determination that the first scrolling rate exceeds a first threshold, one or more sections of the plurality of sections of the UI are condensed.

Claims (43)

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.

2 . The apparatus of claim 1 , wherein the processing unit is further configured to:

in response to the determination that the first scrolling rate exceeds the first threshold, condense the one or more sections of the UI by an amount proportionate to the first scrolling rate.

3 . The apparatus of claim 1 , wherein the one or more sections of the UI are condensed during execution of the first command to scroll the UI.

4 . The apparatus of claim 1 , wherein scrolling of the UI automatically decreases in rate from the first scrolling rate in absence of input to maintain scrolling of the UI.

5 . The apparatus of claim 1 , wherein expansion of the one or more sections of the UI is proportionate to a decrease in rate in the scrolling of the UI.

6 . The apparatus of claim 1 , wherein the processing unit is further configured to determine that scrolling of the UI has decreased in rate from the first scrolling rate for at least a defined time period prior to expanding the one or more sections of the UI.

7 . The apparatus of claim 1 , wherein, in the first semi-condensed state, a first category of visual elements is omitted from each of the one or more sections of the UI and a second category of visual elements is maintained in each of the one or more of the one or more sections of the UI, and in the second further condensed state both the first and the second categories of visual elements are omitted from each of the one or more of the one or more sections of the UI.

8 . The apparatus of claim 1 , wherein the processing unit is further communicatively coupled to an input device to receive at least the first signal corresponding to the first command, and wherein the input device is a touch-sensitive device.

9 . The apparatus of claim 8 , wherein at least the first signal received from the input device represents a swipe gesture and the first scrolling rate corresponds to at least one of a speed, distance or acceleration of the swipe gesture.

10 . The apparatus of claim 9 , wherein at least the first signal received from the input device indicates a number of swipe gestures and the first scrolling rate corresponds to the number of swipe gestures.

11 . The apparatus of claim 9 , wherein scrolling of the UI automatically decreases in rate from the first scrolling rate following an end of the swipe gesture and in absence of another swipe gesture.

12 . The apparatus of claim 1 , wherein the processing unit is further configured to:

in response to the determination that the first scrolling rate exceeds the first threshold, condense each section of the plurality of sections of the UI into respective corresponding condensed sections.

13 . The apparatus of claim 1 , wherein reducing granularity of information displayed comprises hiding lower-level information throughout the information displayed.

14 . A method comprising:

causing a display device of an electronic apparatus to output a scrollable user interface (UI) having a plurality of sections;

receiving 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, condensing 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;

receiving 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, condensing one or more of the one or more sections of the UI to a second further condensed state.

15 . The method of claim 14 , further comprising:

in response to the determination that the first scrolling rate exceeds the first threshold, condensing the one or more sections of the UI by an amount proportionate to the first scrolling rate.

16 . The method of claim 14 , wherein scrolling of the UI automatically decreases in rate from the first scrolling rate in absence of input to maintain scrolling of the UI.

17 . The method of claim 14 , wherein expansion of the one or more sections of the UI is proportionate to a decrease in rate in the scrolling of the UI.

18 . The method of claim 14 , wherein the first signal corresponding to the first command represents a swipe gesture detected by a touch sensor, wherein scrolling of the UI automatically decreases in rate from the first scrolling rate following an end of the swipe gesture and in absence of another swipe gesture.

19 . The method of claim 14 , further comprising determining that scrolling of the UI has decreased in rate from the first scrolling rate for at least a defined time period prior to expanding the one or more sections of the UI.

20 . The method of claim 14 , wherein the one or more sections of the UI are condensed during execution of the first command to scroll the UI.

21 . A non-transitory computer readable medium having instructions encoded thereon, wherein the instructions, when executed by a processing unit of an apparatus, cause the apparatus to:

cause a display device of the apparatus 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.

Assignments (10)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jan 17, 2024
From: SHOPIFY (USA) INC.
To: SHOPIFY INC.
Reel/Frame 066149/0600 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jan 17, 2024
From: SHOPIFY QUEBEC INC.
To: SHOPIFY INC.
Reel/Frame 066149/0638 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Dec 15, 2022
From: SHOPIFY QUEBEC INC.
To: SHOPIFY INC.
Reel/Frame 062109/0128 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Dec 15, 2022
From: SHOPIFY (USA) INC.
To: SHOPIFY INC.
Reel/Frame 062109/0101 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 9, 2022
From: HENG, LOUISE
To: SHOPIFY QUEBEC INC.
Reel/Frame 061039/0701 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 8, 2022
From: HABNER, DARREN
To: SHOPIFY INC.
Reel/Frame 061021/0538 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 6, 2022
From: MCCRACKEN, LOUIS; MAJEED, SABRINA; SCHLEGEL, ROBERT; BALARIN, ZANNA
To: SHOPIFY (USA) INC.
Reel/Frame 060993/0726 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 19, 2022
From: MCCRACKEN, LOUIS; MAJEED, SABRINA; SCHLEGEL, ROBERT; BALARIN, ZANNA
To: SHOPIFY (USA) INC.
Reel/Frame 061233/0319 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 19, 2022
From: HENG, LOUISE
To: SHOPIFY QUEBEC INC.
Reel/Frame 061234/0707 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 19, 2022
From: HEBNER, DARREN
To: SHOPIFY INC.
Reel/Frame 061234/0722 →
Continuity (2)
Provisional Application 63348225 · Jun 2, 2022
Related Publication 20230393726A1 · Dec 7, 2023
References Cited (103)
US 8237712B2 · Fagans · 2012 [cited by examiner]
US 8359545B2 · Pixley · 2013 [cited by examiner]
US 8429555B2 · Cho · 2013 [cited by examiner]
US 8683377B2 · Zuverink · 2014 [cited by examiner]
US 8760474B2 · Jain · 2014 [cited by examiner]
US 8875044B2 · Ozawa · 2014 [cited by examiner]
US 9030419B1 · Freed · 2015 [cited by examiner]
US 9035973B2 · Matsuki · 2015 [cited by examiner]
US 9047824B2 · Jain · 2015 [cited by examiner]
US 9201582B2 · Sengoku · 2015 [cited by examiner]
US 9400598B2 · Pixley · 2016 [cited by examiner]
US 9529866B2 · Sethi · 2016 [cited by examiner]
US 9727223B2 · Cho · 2017 [cited by examiner]
US 9772762B2 · Kim · 2017 [cited by examiner]
US 9785330B1 · Yang · 2017 [cited by examiner]
US 9823832B2 · Shikolay · 2017 [cited by examiner]
US 9841876B2 · Carrigan · 2017 [cited by examiner]
US 9864486B2 · Joo · 2018 [cited by examiner]
US 10025396B2 · Fan · 2018 [cited by examiner]
US 10025451B2 · Jin · 2018 [cited by examiner]
US 10175873B2 · Desai · 2019 [cited by examiner]
US 10185487B2 · Loretan · 2019 [cited by examiner]
US 10474342B2 · Gup · 2019 [cited by examiner]
US 10503388B2 · Zambetti · 2019 [cited by examiner]
US 10551941B2 · Fan · 2020 [cited by examiner]
US 10613731B2 · Jeon · 2020 [cited by examiner]
US 10627953B2 · Yamano · 2020 [cited by examiner]
US 10691230B2 · Zambetti · 2020 [cited by examiner]
US 10848832B2 · Chai · 2020 [cited by examiner]
US 10866719B1 · Bulusu · 2020 [cited by examiner]
US 10884602B2 · Loretan · 2021 [cited by examiner]
US 10963142B2 · Platzer · 2021 [cited by examiner]
US 11099729B1 · Ho · 2021 [cited by examiner]
US 11194461B2 · Vincent · 2021 [cited by examiner]
US 11244103B2 · McClendon · 2022 [cited by examiner]
US 11262907B2 · Minami · 2022 [cited by examiner]
US 11297393B2 · Chai · 2022 [cited by examiner]
US 11314402B2 · Karlsson · 2022 [cited by examiner]
US 11537286B2 · Ho · 2022 [cited by examiner]
US 11625153B2 · Clarke · 2023 [cited by examiner]
US 11695996B2 · Chai · 2023 [cited by examiner]
US 11727197B2 · McClendon · 2023 [cited by examiner]
US 11947778B2 · Clarke · 2024 [cited by examiner]
US 12039159B2 · Ho · 2024 [cited by examiner]
US 20050206658A1 · Fagans · 2005 [cited by examiner]
US 20080168478A1 · Platzer · 2008 [cited by examiner]
US 20080222558A1 · Cho · 2008 [cited by examiner]
US 20090100373A1 · Pixley · 2009 [cited by examiner]
US 20100077002A1 · Funch · 2010 [cited by examiner]
US 20100122214A1 · Sengoku · 2010 [cited by examiner]
US 20100125786A1 · Ozawa · 2010 [cited by examiner]
US 20100125807A1 · Easterday · 2010 [cited by examiner]
US 20100269038A1 · Tsuda · 2010 [cited by examiner]
US 20110096096A1 · Matsuki · 2011 [cited by examiner]
US 20110119578A1 · Schwartz · 2011 [cited by examiner]
US 20120064946A1 · Voetberg · 2012 [cited by examiner]
US 20120159393A1 · Sethi · 2012 [cited by examiner]
US 20130093769A1 · Fagans · 2013 [cited by examiner]
US 20130106914A1 · Jain · 2013 [cited by examiner]
US 20130132894A1 · Pixley · 2013 [cited by examiner]
US 20130227465A1 · Cho · 2013 [cited by examiner]
US 20130268883A1 · Kim · 2013 [cited by examiner]
US 20130326398A1 · Zuverink · 2013 [cited by examiner]
US 20140015863A1 · Grieve · 2014 [cited by examiner]
US 20140173504A1 · Gup · 2014 [cited by examiner]
US 20140208259A1 · Desai · 2014 [cited by examiner]
US 20140285529A1 · Jain · 2014 [cited by examiner]
US 20140285530A1 · Ohtsuka · 2014 [cited by examiner]
US 20140292760A1 · Shikolay · 2014 [cited by examiner]
US 20140331169A1 · Dubey et al. · 2014 [cited by applicant]
US 20150153944A1 · Loretan · 2015 [cited by examiner]
US 20150324376A1 · Jeon · 2015 [cited by examiner]
US 20150370424A1 · Joo · 2015 [cited by examiner]
US 20150370426A1 · Carrigan · 2015 [cited by examiner]
US 20160170598A1 · Zambetti · 2016 [cited by examiner]
US 20160209939A1 · Zambetti · 2016 [cited by examiner]
US 20170025096A1 · Fan · 2017 [cited by examiner]
US 20170255381A1 · Nakaizawa · 2017 [cited by examiner]
US 20170308277A1 · Platzer · 2017 [cited by examiner]
US 20180024718A1 · Yang · 2018 [cited by examiner]
US 20180292921A1 · Fan · 2018 [cited by examiner]
US 20190087077A1 · Konishi · 2019 [cited by examiner]
US 20190277649A1 · Takayama · 2019 [cited by examiner]
US 20190278469A1 · Loretan · 2019 [cited by examiner]
US 20190286322A1 · Yamano · 2019 [cited by examiner]
US 20200084515A1 · Chai · 2020 [cited by examiner]
US 20200110522A1 · Zambetti · 2020 [cited by examiner]
US 20200310611A1 · Vincent · 2020 [cited by examiner]
US 20200356222A1 · Clarke · 2020 [cited by examiner]
US 20200356590A1 · Clarke · 2020 [cited by examiner]
US 20200379619A1 · Ruan · 2020 [cited by examiner]
US 20200379631A1 · Karlsson · 2020 [cited by examiner]
US 20210084379A1 · Chai · 2021 [cited by examiner]
US 20210312118A1 · McClendon, Jr. · 2021 [cited by examiner]
US 20220114330A1 · McClendon · 2022 [cited by examiner]
US 20220121299A1 · De Vries · 2022 [cited by examiner]
US 20220206647A1 · Clarke · 2022 [cited by examiner]
US 20220321971A1 · Chai · 2022 [cited by examiner]
US 20230334228A1 · McClendon · 2023 [cited by examiner]
US 20240201829A1 · Clarke · 2024 [cited by examiner]
US 20240272786A1 · McDonald · 2024 [cited by examiner]
JP 2003044194A · 2003 [cited by examiner]
WIPO: International Search Report and Written Opinion relating to PCT application No. PCT/CA2023/050463, dated Jun. 8, 2023. [cited by applicant]