Device, method, and graphical user interface for adjusting a display property of an affordance over changing background content

Patent metadata

Field	Value
Publication number	US-10691321-B2
Application number	US-201815878276-A
Country	US
Kind code	B2
Filing date	Jan 23, 2018
Priority date	Sep 9, 2017
Publication date	Jun 23, 2020
Grant date	Jun 23, 2020

Abstract

A value of a display property of an affordance changes based a value of the same display property of the portion of content over which the affordance is displayed. The value of the display property of the affordance is constrained to vary within a second value range smaller than a first value range over which the value of the display property of the content is permitted to vary. A decrease of the value of the display property of the content causes an increase of the value of the display property of the affordance based on the magnitude of the value change for the content and the second value range. An increase of the value of the display property of the content causes a decreases of the value of the display property of the affordance based on a magnitude of the value change for the content and the second value range.

First claim

What is claimed is:

1. A method, comprising:
at a device having a display and a touch-sensitive surface:
displaying, on the display, content and an affordance, wherein:
the affordance is displayed over a portion of the content;
a value of a display property of the affordance is determined based on a value of the same display property of the portion of the content over which the affordance is displayed; and
the value of the display property of the content, including the portion of the content over which the affordance is displayed, is permitted to vary within a first range of values, and the value of the display property of the affordance is constrained to vary within a second range of values that corresponds to a sub-range of the first range of values, wherein the sub-range of the first range of values excludes all values above a first threshold value that is less than a maximum value of the first range of values or excludes all values below a second threshold value that is greater than a minimum value of the first range of values;

while displaying the content and displaying the affordance over the portion of the content, detecting a change in appearance of the content, including a change in appearance of the portion of the content over which the affordance is displayed; and
in response to detecting the change in appearance of the portion of the content over which the affordance is displayed, changing the appearance of the affordance, including changing the value of the display property of the affordance, wherein changing the value of the display property of the affordance includes:
in accordance with a determination that the value of the display property of the portion of the content over which the affordance is displayed has decreased, increasing the value of the display property of the affordance in accordance with a magnitude of a change in the value of the display property of the portion of the content and the second range of values; and
in accordance with a determination that the value of the display property of the portion of the content over which the affordance is displayed has increased, decreasing the value of the display property of the affordance in accordance with a magnitude of the change in the value of the display property of the portion of the content and the second range of values.

2. The method of claim 1 , wherein the change in appearance of the content is due to content navigation.

3. The method of claim 1 , wherein the change in appearance of the content is due to the content changing over time.

4. The method of claim 1 , wherein the affordance has a first variant with a first sets of end values for the second range of values, and a second variant with a second sets of end values for the second range of values, the second sets of end values being different from the first set of end values.

5. The method of claim 4 , wherein the first variant of the affordance is displayed in accordance with a determination that the content corresponds to a first application and the second variant of the affordance is displayed in accordance with a determination that the content corresponds to a second application that is distinct from the first application.

6. The method of claim 1 , wherein:
the appearance of a first portion of the content over which the affordance is displayed changes by a different amount than the appearance of a second portion of the content over which the affordance is displayed; and
changing the appearance of the affordance includes changing an appearance of a first portion of the affordance that corresponds to the first portion of the content by a different amount than the appearance of a second portion of the affordance that corresponds to the second portion of the content changes.

7. The method of claim 1 , wherein the first range of values is a continuous range of values and the second range of values includes a discontinuity that corresponds to at least a first value of the display property in the first range of values.

8. The method of claim 1 , wherein:
the affordance has a first variant and a second variant,
the second range of values corresponding to the first variant of the affordance and the second range of values corresponding to the second variant of the affordance do not overlap, and
the device dynamically selects one of the first variant and the second variant to display over the content based on an initial value of the display property of the content at a predetermined time.

9. The method of claim 1 , wherein displaying the affordance includes displaying the affordance with a first size while the device is in a first orientation, and the method includes:
while displaying the affordance with the first size, detecting rotation of the device from the first orientation to a second orientation that is different from the first orientation; and
in response to detecting the rotation of the device from the first orientation to the second orientation, displaying the affordance with a second size that is different from the first size.

10. The method of claim 1 , wherein the display property is gray value.

11. The method of claim 1 , wherein a current value of the display property of the content is obtained by blurring the portion of the content.

12. The method of claim 1 , wherein a current value of the display property of the content is obtained by desaturating the portion of the content.

13. The method of claim 1 , wherein the affordance indicates a reactive region for starting a predefined gesture input.

14. An electronic device, comprising:
a display;
a touch-sensitive surface;
one or more processors;
memory; and
one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying, on the display, content and an affordance, wherein:
the affordance is displayed over a portion of the content;
a value of a display property of the affordance is determined based on a value of the same display property of the portion of the content over which the affordance is displayed; and
the value of the display property of the content, including the portion of the content over which the affordance is displayed, is permitted to vary within a first range of values, and the value of the display property of the affordance is constrained to vary within a second range of values that corresponds to a sub-range of the first range of values, wherein the sub-range of the first range of values excludes all values above a first threshold value that is less than a maximum value of the first range of values or excludes all values below a second threshold value that is greater than a minimum value of the first range of values;

while displaying the content and displaying the affordance over the portion of the content, detecting a change in appearance of the content, including a change in appearance of the portion of the content over which the affordance is displayed; and
in response to detecting the change in appearance of the portion of the content over which the affordance is displayed, changing the appearance of the affordance, including changing the value of the display property of the affordance, wherein changing the value of the display property of the affordance includes:
in accordance with a determination that the value of the display property of the portion of the content over which the affordance is displayed has decreased, increasing the value of the display property of the affordance in accordance with a magnitude of a change in the value of the display prope

Assignees

• Apple Inc

Inventors

• Wan Wan Si
• Karunamuni Chanaka G
• Alonso Ruiz Marcos
• Ciechanowski Bartosz
• Nielsen Benjamin E

Classifications

• G06F3/041

  Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06F3/04883

  for inputting data by handwriting, e.g. gesture or text · CPC title

• G06F3/0484

  for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range · CPC title