Device, method, and graphical user interface for displaying application status information

• US 9,477,393 B2
• Filed: 05/29/2014
• Issued: 10/25/2016
• Est. Priority Date: 06/09/2013
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Zambetti, Nicholas, Karunamuni, Chanaka G., Chaudhri, Imran
• Primary Examiner(s): TITCOMB, WILLIAM D
• Application Number:
  US14/290,758
• Publication Number:
  US 20140365953A1
• Time in Patent Office: 880 Days
• Field of Search: 715/784
• US Class Current: 1/1
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

An electronic device with a display concurrently displays a device status region, and an application user interface that includes a content region and an application input field. While concurrently displaying the device status region and the application user interface, the device receives first input in the application input field. In response, the device concurrently displays respective content in the content region in accordance with the first input, and first text that corresponds to the first input in the application input field. While concurrently displaying the respective content and the first text, the device detects a second input that corresponds to a request to scroll the respective content in a first direction. In response, the device scrolls the respective content in the first direction, ceases to display the application input field, and displays, adjacent to the device status region, the first text.

Claims

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, cause the device to:

concurrently display, on the display;

a device status region; and

an application user interface that includes a content region for displaying application content and an application input field for accepting input for the application;

while concurrently displaying the device status region and the application user interface, receive a first input in the application input field;

in response to receiving the first input, concurrently display, on the display;

respective content in the content region in accordance with the first input; and

first text that corresponds to the first input in the application input field;

while concurrently displaying the respective content in the content region and displaying the first text in the application input field, detect a second input that corresponds to a request to scroll the respective content in a first direction; and

in response to detecting the second input;

scroll the respective content in the first direction;

cease to display the application input field; and

display, adjacent to the device status region, the first text.

2. The computer readable storage medium of claim 1, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

while displaying the first text adjacent to the device status region, detect a third input that corresponds to a request to scroll the respective content in the first direction; and

in response to detecting the second input, scroll the respective content in the first direction while maintaining display of the first text adjacent to the device status region.

3. The computer readable storage medium of claim 1, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

while displaying the first text adjacent to the device status region, detect a fourth input that corresponds to a request to scroll the respective content in a second direction that is opposite to the first direction; and

in response to detecting the fourth input;

in accordance with a determination that input-field-redisplay criteria have been met, scroll the respective content in the second direction and redisplay the application input field adjacent to the device status region; and

in accordance with a determination that input-field-redisplay criteria have not been met, scroll the respective content in the second direction without redisplaying the application input field adjacent to the device status region.

4. The computer readable storage medium of claim 3, wherein:

the device includes a touch-sensitive surface;

the fourth input is a swipe gesture that includes movement of a contact on the touch-sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when the contact has a speed above a predetermined threshold at a predetermined point in the swipe gesture.

5. The computer readable storage medium of claim 3, wherein:

the device includes a touch-sensitive surface;

the fourth input is a finger gesture that includes an increase in speed of movement of the fourth input followed by a decrease in speed of movement of the fourth input on the touch-sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when a magnitude of the increase in speed of movement of the fourth input that occurs in a predefined window of time prior to the decrease in speed of movement of the fourth input is above a predetermined threshold.

6. The computer readable storage medium of claim 1, wherein:

the device includes a touch-sensitive surface; and

the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to;

after displaying the first text adjacent to the device status region;

detect a first tap gesture at a location on the touch-sensitive surface that corresponds to a location of the first text on the display; and

in response to detecting the first tap gesture, redisplay the application input field adjacent to the device status region.

7. The computer readable storage medium of claim 6, wherein the application input field is redisplayed in response to detecting the first tap gesture without scrolling the respective content in the content region.

8. The computer readable storage medium of claim 7, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

after redisplaying the application input field adjacent to the device status region;

detect a second tap gesture at a location on the touch-sensitive surface that corresponds to a location of the application input field; and

in response to detecting the second tap gesture, scroll to a top of the respective content in the content region.

9. The computer readable storage medium of claim 1, wherein the first text is application status information that is visually merged with the device status region.

10. The computer readable storage medium of claim 1, wherein:

the device includes a touchscreen display;

the device status region has a corresponding hidden activation region that is used to detect selection of the device status region;

the hidden activation region for the device status region is larger than the device status region; and

the first text is displayed within the hidden activation region for the device status region.

11. The computer readable storage medium of claim 1, wherein:

prior to detecting the second input;

the background of the device status region has a first color and includes text with a first font size; and

the background of the application input field has a second color that is different from the first color and includes text that has a second font size that is larger than the first font size; and

the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to;

in response to detecting the second input, display a first animation that includes;

displaying shrinking of the font size of text in the application input field from the second font size to the first font size;

displaying shifting of text in the application input field upward toward the device status region; and

displaying changing of the background color of the application input field from the second color to the first color.

12. The computer readable storage medium of claim 11, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

after displaying the first animation, receive a request to redisplay the application input field; and

in response to receiving the request to redisplay the application input field, display a second animation that includes;

displaying enlargement of the font size of the first text from the first font size to the second font size;

displaying shifting of the first text downward away from the device status region; and

displaying changing of the background color of the first text from the first color to the second color.

13. The computer readable storage medium of claim 1, wherein the first text includes one or more search terms.

14. The computer readable storage medium of claim 1, wherein the first text includes at least a portion of a uniform resource locator that corresponds to the respective content in the content region.

15. The computer readable storage medium of claim 1, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

prior to detecting the second input, concurrently display a control region for controlling the application along with displaying the respective content in the content region and displaying the first text in the application input field; and

in response to detecting the second input;

display movement of the first text toward the device status region; and

cease to display the control region.

16. The computer readable storage medium of claim 1, wherein the one or more programs include instructions, which when executed by the electronic device with the display, cause the device to:

after ceasing to display the application input field in response to detecting the second input;

detect a request to display different content in the content region; and

in response to detecting the request to display different content in the content region;

cease to display the first text adjacent to the device status region; and

redisplay the application input field with second text that corresponds to the different content that is displayed in the content region.

17. A method, comprising:

at an electronic device with a display;

concurrently displaying, on the display;

a device status region; and

an application user interface that includes a content region for displaying application content and an application input field for accepting input for the application;

while concurrently displaying the device status region and the application user interface, receiving a first input in the application input field;

in response to receiving the first input, concurrently displaying, on the display;

respective content in the content region in accordance with the first input; and

first text that corresponds to the first input in the application input field;

while concurrently displaying the respective content in the content region and displaying the first text in the application input field, detecting a second input that corresponds to a request to scroll the respective content in a first direction; and

in response to detecting the second input;

scrolling the respective content in the first direction;

ceasing to display the application input field; and

displaying, adjacent to the device status region, the first text.

19. The method of claim 17, including:

while displaying the first text adjacent to the device status region, detecting a third input that corresponds to a request to scroll the respective content in the first direction; and

in response to detecting the second input, scrolling the respective content in the first direction while maintaining display of the first text adjacent to the device status region.

20. The method of claim 17, including:

while displaying the first text adjacent to the device status region, detecting a fourth input that corresponds to a request to scroll the respective content in a second direction that is opposite to the first direction; and

in response to detecting the fourth input;

in accordance with a determination that input-field-redisplay criteria have been met, scrolling the respective content in the second direction and redisplay the application input field adjacent to the device status region; and

in accordance with a determination that input-field-redisplay criteria have not been met, scrolling the respective content in the second direction without redisplaying the application input field adjacent to the device status region.

21. The method of claim 20, wherein:

the device includes a touch-sensitive surface;

the fourth input is a swipe gesture that includes movement of a contact on the touch- sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when the contact has a speed above a predetermined threshold at a predetermined point in the swipe gesture.

22. The method of claim 20, wherein:

the device includes a touch-sensitive surface;

the fourth input is a finger gesture that includes an increase in speed of movement of the contact followed by a decrease in speed of movement of the contact on the touch- sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when a magnitude of the increase in speed of movement of the contact that occurs in a predefined window of time prior to the decrease in speed of movement of the contact is above a predetermined threshold.

23. The method of claim 17, wherein:

the device includes a touch-sensitive surface; and

the method includes;

after displaying the first text adjacent to the device status region;

detecting a first tap gesture at a location on the touch-sensitive surface that corresponds to a location of the first text on the display; and

in response to detecting the first tap gesture, redisplaying the application input field adjacent to the device status region.

24. The method of claim 23, wherein the application input field is redisplayed in response to detecting the first tap gesture without scrolling the respective content in the content region.

25. The method of claim 24, including:

after redisplaying the application input field adjacent to the device status region;

detecting a second tap gesture at a location on the touch-sensitive surface that corresponds to a location of the application input field; and

in response to detecting the second tap gesture, scrolling to a top of the respective content in the content region.

26. The method of claim 17, wherein the first text is application status information that is visually merged with the device status region.

27. The method of claim 17, wherein:

the device includes a touchscreen display;

the device status region has a corresponding hidden activation region that is used to detect selection of the device status region;

the hidden activation region for the device status region is larger than the device status region; and

the first text is displayed within the hidden activation region for the device status region.

28. The method of claim 17, wherein:

prior to detecting the second input;

the background of the device status region has a first color and includes text with a first font size; and

the background of the application input field has a second color that is different from the first color and includes text that has a second font size that is larger than the first font size; and

the method includes;

in response to detecting the second input, displaying a first animation that includes;

displaying shrinking of the font size of text in the application input field from the second font size to the first font size;

displaying shifting of text in the application input field upward toward the device status region; and

displaying changing of the background color of the application input field from the second color to the first color.

29. The method of claim 28, including:

after displaying the first animation, receiving a request to redisplay the application input field; and

in response to receiving the request to redisplay the application input field, displaying a second animation that includes;

displaying enlargement of the font size of the first text from the first font size to the second font size;

displaying shifting of the first text downward away from the device status region; and

displaying changing of the background color of the first text from the first color to the second color.

30. The method of claim 17, wherein the first text includes one or more search terms.

31. The method of claim 17, wherein the first text includes at least a portion of a uniform resource locator that corresponds to the respective content in the content region.

32. The method of claim 17, including:

prior to detecting the second input, concurrently displaying a control region for controlling the application along with displaying the respective content in the content region and displaying the first text in the application input field; and

in response to detecting the second input;

displaying movement of the first text toward the device status region; and

ceasing to display the control region

33. The method of claim 17, including:

after ceasing to display the application input field in response to detecting the second input;

detecting a request to display different content in the content region; and

in response to detecting the request to display different content in the content region;

ceasing to display the first text adjacent to the device status region; and

redisplaying the application input field with second text that corresponds to the different content that is displayed in the content region.

18. An electronic device, comprising:

a display;

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;

concurrently displaying, on the display;

a device status region; and

an application user interface that includes a content region for displaying application content and an application input field for accepting input for the application;

while concurrently displaying the device status region and the application user interface, receiving a first input in the application input field;

in response to receiving the first input, concurrently displaying, on the display;

respective content in the content region in accordance with the first input; and

first text that corresponds to the first input in the application input field;

while concurrently displaying the respective content in the content region and displaying the first text in the application input field, detecting a second input that corresponds to a request to scroll the respective content in a first direction; and

in response to detecting the second input;

scrolling the respective content in the first direction;

ceasing to display the application input field; and

displaying, adjacent to the device status region, the first text.

34. The electronic device of claim 18, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

while displaying the first text adjacent to the device status region, detect a third input that corresponds to a request to scroll the respective content in the first direction; and

in response to detecting the second input, scroll the respective content in the first direction while maintaining display of the first text adjacent to the device status region.

35. The electronic device of claim 18, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

while displaying the first text adjacent to the device status region, detect a fourth input that corresponds to a request to scroll the respective content in a second direction that is opposite to the first direction; and

in response to detecting the fourth input;

in accordance with a determination that input-field-redisplay criteria have been met, scroll the respective content in the second direction and redisplay the application input field adjacent to the device status region; and

in accordance with a determination that input-field-redisplay criteria have not been met, scroll the respective content in the second direction without redisplaying the application input field adjacent to the device status region.

36. The electronic device of claim 35, wherein:

the device includes a touch-sensitive surface;

the fourth input is a swipe gesture that includes movement of a contact on the touch- sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when the contact has a speed above a predetermined threshold at a predetermined point in the swipe gesture.

37. The electronic device of claim 35, wherein:

the device includes a touch-sensitive surface;

the fourth input is a finger gesture that includes an increase in speed of movement of the contact followed by a decrease in speed of movement of the contact on the touch- sensitive surface; and

the input-field-redisplay criteria include a criterion that is met when a magnitude of the increase in speed of movement of the contact that occurs in a predefined window of time prior to the decrease in speed of movement of the contact is above a predetermined threshold.

38. The electronic device of claim 18, wherein:

the device includes a touch-sensitive surface; and

the one or more programs include instructions, which when executed by the one or more processors, cause the device to;

after displaying the first text adjacent to the device status region;

detect a first tap gesture at a location on the touch-sensitive surface that corresponds to a location of the first text on the display; and

in response to detecting the first tap gesture, redisplay the application input field adjacent to the device status region.

39. The electronic device of claim 38, wherein the application input field is redisplayed in response to detecting the first tap gesture without scrolling the respective content in the content region.

40. The electronic device of claim 39, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

after redisplaying the application input field adjacent to the device status region;

detect a second tap gesture at a location on the touch-sensitive surface that corresponds to a location of the application input field; and

in response to detecting the second tap gesture, scroll to a top of the respective content in the content region.

41. The electronic device of claim 18, wherein the first text is application status information that is visually merged with the device status region.

42. The electronic device of claim 18, wherein:

the device includes a touchscreen display;

the device status region has a corresponding hidden activation region that is used to detect selection of the device status region;

the hidden activation region for the device status region is larger than the device status region; and

the first text is displayed within the hidden activation region for the device status region.

43. The electronic device of claim 18, wherein:

prior to detecting the second input;

the background of the device status region has a first color and includes text with a first font size; and

the background of the application input field has a second color that is different from the first color and includes text that has a second font size that is larger than the first font size; and

the one or more programs include instructions, which when executed by the one or more processors, cause the device to;

in response to detecting the second input, display a first animation that includes;

displaying shrinking of the font size of text in the application input field from the second font size to the first font size;

displaying shifting of text in the application input field upward toward the device status region; and

displaying changing of the background color of the application input field from the second color to the first color.

44. The electronic device of claim 43, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

after displaying the first animation, receive a request to redisplay the application input field; and

in response to receiving the request to redisplay the application input field, display a second animation that includes;

displaying enlargement of the font size of the first text from the first font size to the second font size;

displaying shifting of the first text downward away from the device status region; and

displaying changing of the background color of the first text from the first color to the second color.

45. The electronic device of claim 18, wherein the first text includes one or more search terms.

46. The electronic device of claim 18, wherein the first text includes at least a portion of a uniform resource locator that corresponds to the respective content in the content region.

47. The electronic device of claim 18, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

prior to detecting the second input, concurrently display a control region for controlling the application along with displaying the respective content in the content region and displaying the first text in the application input field; and

in response to detecting the second input;

display movement of the first text toward the device status region; and

cease to display the control region

48. The electronic device of claim 18, wherein the one or more programs include instructions, which when executed by the one or more processors, cause the device to:

after ceasing to display the application input field in response to detecting the second input;

detect a request to display different content in the content region; and

in response to detecting the request to display different content in the content region;

cease to display the first text adjacent to the device status region; and

redisplay the application input field with second text that corresponds to the different content that is displayed in the content region.