IP Library › Granted Patent US 10,318,525
Granted Patent B2
US 10,318,525 · App. 14/863,652 · Granted Jun 11, 2019

Content browsing user interface

Inventors: Jae Woo Chang (San Jose, CA); Ryan David Shelby (Mountain View, CA); Megan M. Frost (Cupertino, CA); Peter Roman (Los Altos, CA); Marcel Van Os (San Francisco, CA); Julie Fortuna (Mountain View, CA); Cedric Bray (Sunnyvale, CA); Simon Capern (Mountain View, CA)
Assignee: Apple Inc.
G06F16/2423G01C21/3664G01C21/3682G06F3/0482G06F3/04817G06F3/04886G06F16/242G06F16/3323G06F16/95G06F16/954
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 10,318,525
App. No.
14/863,652
Granted
Jun 11, 2019
Kind
B2
Abstract

The present disclosure generally relates to browsing and searching content on an electronic device. An electronic device displays a first user interface including a search affordance and receives an input corresponding to selection of the search affordance. In response, the device displays a plurality of category affordances, including a first category affordance associated with a first category and a second category affordance associated with a second category. The device further receives an input corresponding to selection of the first category affordance and, in response, displays a representation of one or more information items that correspond to the first category and replaces at least a subset of the category affordances with a plurality of subcategory affordances that correspond to the first category. The plurality of subcategory affordances includes a first subcategory affordance associated with a first subcategory and a second subcategory affordance associated with a second subcategory.

Claims (225)

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

display, on the display, a first user interface including a search affordance;

receive an input, with the one or more input devices, corresponding to selection of the search affordance;

in response to receiving input corresponding to selection of the search affordance, display, on the display, a plurality of category affordances corresponding to categories of information items, wherein the plurality of category affordances include a first category affordance associated with a first category and a second category affordance associated with a second category;

receive an input, with the one or more input devices, corresponding to selection of the first category affordance; and

in response to receiving input corresponding to selection of the first category affordance:

display, on the display, a list including a representation of one or more information items that correspond to the first category; and

replace at least a subset of the category affordances with a plurality of subcategory affordances that correspond to the first category, including a first subcategory affordance associated with a first subcategory and a second subcategory affordance associated with a second subcategory, wherein displaying the plurality of subcategory affordances includes displaying an animation in which:

the first subcategory affordance originates at a location of the first category affordance and moves to cover one of the category affordances of the plurality of category affordances; and

the second subcategory affordance originates at the location of the first category affordance and moves to cover another one of the category affordances of the plurality of category affordances.

2. The non-transitory computer-readable storage medium of claim 1 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

prior to receiving the input corresponding to selection of the first category affordance, display a keyboard on the display; and

further in response to receiving the input corresponding to selection of the first category affordance, cease to display the keyboard.

3. The non-transitory computer-readable storage medium of claim 2 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

prior to receiving the input corresponding to selection of the search affordance, display the search affordance on the display without displaying the keyboard; and

in response to receiving the input corresponding to selection of the search affordance, display the keyboard on the display.

4. The non-transitory computer-readable storage medium of claim 3 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

while displaying the keyboard, detect an input on the keyboard that corresponds to selection of one or more letters; and

in response to detecting the input on the keyboard:

display the one or more letters in a search field on the display;

display, on the display, representations of one or more information items that correspond to the one or more letters in the search field; and

cease to display the plurality of category affordances.

5. The non-transitory computer-readable storage medium of claim 1 , wherein the search affordance on the first user interface is a search field.

6. The non-transitory computer-readable storage medium of claim 1 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

receive an input, with the one or more input devices, corresponding to selection of the first subcategory affordance of the plurality of subcategory affordances; and

in response to receiving the input corresponding to selection of the first subcategory affordance:

display, on the display, a representation of one or more information items that correspond to the first subcategory; and

cease to display a representation of one or more information items corresponding to subcategories other than the first subcategory.

7. The non-transitory computer-readable storage medium of claim 6 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a keyboard is displayed, and

wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

further in response to receiving the input corresponding to selection of the first subcategory affordance, cease to display the keyboard.

8. The non-transitory computer-readable storage medium of claim 6 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a search field is displayed, and

wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

further in response to receiving the input corresponding to selection of the first subcategory affordance, populate the search field with a representation of the first subcategory.

9. The non-transitory computer-readable storage medium of claim 8 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

receive a text input, with the one or more input devices, while the search field is populated with the representation of the first subcategory; and

in response to receiving the text input:

maintain the representation of the first subcategory in the search field;

display, on the display, a representation of one or more information items that correspond to the first subcategory and the text input; and

cease to display one or more of the information items that correspond to the first subcategory that do not correspond to the text input.

10. The non-transitory computer-readable storage medium of claim 9 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

while displaying the plurality of subcategory affordances, receive an input, with the one or more input devices, corresponding to an instruction to clear the search field; and

in response to receiving the input corresponding to the instruction to clear the search field, replace the plurality of subcategory affordances with the plurality of category affordances.

11. The non-transitory computer-readable storage medium of claim 6 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

while displaying the representation of one or more information items that correspond to the first subcategory; receive an input; with the one or more input devices, corresponding to selection of a second search affordance; and

in response to receiving the input corresponding to selection of the second search affordance:

display, on the display, the plurality of subcategory affordances; and

cease to display at least part of the representation of the one or more information items that correspond to the first subcategory.

12. The non-transitory computer-readable storage medium of claim 1 ,

wherein the input corresponding to selection of the first category affordance is received while a search field is displayed, and

wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

further in response to receiving the input corresponding to selection of the first category affordance, populate the search field with a representation of the first category.

13. The non-transitory computer-readable storage medium of claim 12 , wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

receive a text input, with the one or more input devices; while the search field is populated with the representation of the first category; and

in response to receiving the text input:

maintain the representation of the first category in the search field;

display, on the display, a representation of one or more information items that correspond to the first category and the text input; and

cease to display one or more of the information items that correspond to the first category that do not correspond to the text input.

14. The non-transitory computer-readable storage medium of claim 1 ,

wherein the plurality of subcategory affordances includes a back affordance, and

wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

receive an input, with the one or more input devices, corresponding to selection of the back affordance; and

in response to receiving the input corresponding to selection of the back affordance, replace the plurality of subcategory affordances with the plurality of category affordances.

15. The non-transitory computer-readable storage medium of claim 14 , wherein replacing the plurality of subcategory affordances with the plurality of category affordances includes animating convergence of two or more subcategory affordances of the plurality of subcategory affordances to the location of the back affordance.

16. The non-transitory computer-readable storage medium of claim 1 , wherein the first user interface further includes a map.

17. The non-transitory computer-readable storage medium of claim 1 , wherein the information items represent geographic locations.

18. The non-transitory computer-readable storage medium of claim 1 , wherein displaying a list including a representation of one or more information items includes displaying a graphical user interface object on a map at a location associated with an information item.

19. The non-transitory computer-readable storage medium of claim 1 , wherein displaying a list including a representation of one or more information items includes animating a pin dropping onto a map at a location associated with an information item.

20. The non-transitory computer-readable storage medium of claim 1 , wherein displaying a list including a representation of one or more information items includes displaying:

a spatial representation of the one or more information items indicating locations of the one or more information items on a map; and

a list representation of the one or more information items.

21. A method, comprising:

at an electronic device with one or more processors, memory, a display, and one or more input devices:

displaying, on the display, a first user interface including a search affordance;

receiving an input, with the one or more input devices, corresponding to selection of the search affordance;

in response to receiving input corresponding to selection of the search affordance, displaying, on the display, a plurality of category affordances corresponding to categories of information items, wherein the plurality of category affordances include a first category affordance associated with a first category and a second category affordance associated with a second category;

receiving an input, with the one or more input devices, corresponding to selection of the first category affordance; and

in response to receiving input corresponding to selection of the first category affordance:

displaying, on the display, a list including a representation of one or more information items that correspond to the first category; and

replacing at least a subset of the category affordances with a plurality of subcategory affordances that correspond to the first category, including a first subcategory affordance associated with a first subcategory and a second subcategory affordance associated with a second subcategory, wherein displaying the plurality of subcategory affordances includes displaying an animation in which:

the first subcategory affordance originates at a location of the first category affordance and moves to cover one of the category affordances of the plurality of category affordances; and

the second subcategory affordance originates at the location of the first category affordance and moves to cover another one of the category affordances of the plurality of category affordances.

22. The method of claim 21 further comprising:

prior to receiving the input corresponding to selection of the first category affordance, displaying a keyboard on the display; and

further in response to receiving the input corresponding to selection of the first category affordance, ceasing to display the keyboard.

23. The method of claim 22 further comprising:

prior to receiving the input corresponding to selection of the search affordance, displaying the search affordance on the display without displaying the keyboard; and

in response to receiving the input corresponding to selection of the search affordance, displaying the keyboard on the display.

24. The method of claim 23 , further comprising:

while displaying the keyboard, detecting an input on the keyboard that corresponds to selection of one or more letters; and

in response to detecting the input on the keyboard:

displaying the one or more letters in a search field on the display;

displaying, on the display, representations of one or more information items that correspond to the one or more letters in the search field; and

ceasing to display the plurality of category affordances.

25. The method of claim 21 , wherein the search affordance on the first user interface is a search field.

26. The method of claim 21 further comprising:

receiving an input, with the one or more input devices, corresponding to selection of the first subcategory affordance of the plurality of subcategory affordances; and

in response to receiving the input corresponding to selection of the first subcategory affordance:

displaying, on the display, a representation of one or more information items that correspond to the first subcategory; and

ceasing to display a representation of one or more information items corresponding to subcategories other than the first subcategory.

27. The method of claim 26 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a keyboard is displayed, and

further comprising:

further in response to receiving the input corresponding to selection of the first subcategory affordance, ceasing to display the keyboard.

28. The method of claim 26 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a search field is displayed, and

further comprising:

further in response to receiving the input corresponding to selection of the first subcategory affordance, populating the search field with a representation of the first subcategory.

29. The method of claim 28 further comprising:

receiving a text input, with the one or more input devices, while the search field is populated with the representation of the first subcategory; and

in response to receiving the text input:

maintaining the representation of the first subcategory in the search field;

displaying, on the display, a representation of one or more information items that correspond to the first subcategory and the text input; and

ceasing to display one or more of the information items that correspond to the first subcategory that do not correspond to the text input.

30. The method of claim 29 further comprising:

while displaying the plurality of subcategory affordances, receiving an input, with the one or more input devices, corresponding to an instruction to clear the search field; and

in response to receiving the input corresponding to the instruction to clear the search field, replacing the plurality of subcategory affordances with the plurality of category affordances.

31. The method of claim 26 further comprising:

while displaying the representation of one or more information items that correspond to the first subcategory, receiving an input, with the one or more input devices, corresponding to selection of a second search affordance; and

in response to receiving the input corresponding to selection of the second search affordance:

displaying, on the display, the plurality of subcategory affordances; and

ceasing to display at least part of the representation of the one or more information items that correspond to the first subcategory.

32. The method of claim 21 ,

wherein the input corresponding to selection of the first category affordance is received while a search field is displayed, and

further comprising:

further in response to receiving the input corresponding to selection of the first category affordance, populating the search field with a representation of the first category.

33. The method of claim 32 , further comprising:

receiving a text input, with the one or more input devices, while the search field is populated with the representation of the first category; and

in response to receiving the text input:

maintaining the representation of the first category in the search field;

displaying, on the display, a representation of one or more information items that correspond to the first category and the text input; and

ceasing to display one or more of the information items that correspond to the first category that do not correspond to the text input.

34. The method of claim 21 ,

wherein the plurality of subcategory affordances includes a back affordance, and

further comprising:

receiving an input, with the one or more input devices, corresponding to selection of the back affordance; and

in response to receiving the input corresponding to selection of the back affordance, replacing the plurality of subcategory affordances with the plurality of category affordances.

35. The method of claim 34 , wherein replacing the plurality of subcategory affordances with the plurality of category affordances includes animating convergence of two or more subcategory affordances of the plurality of subcategory affordances to the location of the back affordance.

36. The method of claim 21 , wherein the first user interface further includes a map.

37. The method of claim 21 , wherein the information items represent geographic locations.

38. The method of claim 21 , wherein displaying a list including a representation of one or more information items includes displaying a graphical user interface object on a map at a location associated with an information item.

39. The method of claim 21 , wherein displaying a list including a representation of one or more information items includes animating a pin dropping onto a map at a location associated with an information item.

40. The method of claim 21 , wherein displaying a list including a representation of one or more information items includes displaying:

a spatial representation of the one or more information items indicating locations of the one or more information items on a map; and

a list representation of the one or more information items.

41. An electronic device, comprising:

a display;

one or more processors;

one or more input devices;

a 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, a first user interface including a search affordance;

receiving an input, with the one or more input devices, corresponding to selection of the search affordance;

in response to receiving input corresponding to selection of the search affordance, displaying, on the display, a plurality of category affordances corresponding to categories of information items, wherein the plurality of category affordances include a first category affordance associated with a first category and a second category affordance associated with a second category;

receiving an input, with the one or more input devices, corresponding to selection of the first category affordance; and

in response to receiving input corresponding to selection of the first category affordance:

displaying, on the display, a list including a representation of one or more information items that correspond to the first category; and

replacing at least a subset of the category affordances with a plurality of subcategory affordances that correspond to the first category, including a first subcategory affordance associated with a first subcategory and a second subcategory affordance associated with a second subcategory, wherein displaying the plurality of subcategory affordances includes displaying an animation in which:

the first subcategory affordance originates at a location of the first category affordance and moves to cover one of the category affordances of the plurality of category affordances; and

the second subcategory affordance originates at the location of the first category affordance and moves to cover another one of the category affordances of the plurality of category affordances.

42. The electronic device of claim 41 , wherein the one or more programs further include instructions for:

prior to receiving the input corresponding to selection of the first category affordance, displaying a keyboard on the display; and

further in response to receiving the input corresponding to selection of the first category affordance, ceasing to display the keyboard.

43. The electronic device of claim 42 , wherein the one or more programs further include instructions for:

prior to receiving the input corresponding to selection of the search affordance, displaying the search affordance on the display without displaying the keyboard; and

in response to receiving the input corresponding to selection of the search affordance, displaying the keyboard on the display.

44. The electronic device of claim 43 , wherein the one or more programs further include instructions for:

while displaying the keyboard, detecting an input on the keyboard that corresponds to selection of one or more letters; and

in response to detecting the input on the keyboard:

displaying the one or more letters in a search field on the display;

displaying, on the display, representations of one or more information items that correspond to the one or more letters in the search field; and

ceasing to display the plurality of category affordances.

45. The electronic device of claim 41 , wherein the search affordance on the first user interface is a search field.

46. The electronic device of claim 41 , wherein the one or more programs further include instructions for:

receiving an input, with the one or more input devices, corresponding to selection of the first subcategory affordance of the plurality of subcategory affordances; and

in response to receiving the input corresponding to selection of the first subcategory affordance:

displaying, on the display, a representation of one or more information items that correspond to the first subcategory; and

ceasing to display a representation of one or more information items corresponding to subcategories other than the first subcategory.

47. The electronic device of claim 46 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a keyboard is displayed, and

wherein the one or more programs further include instructions for:

further in response to receiving the input corresponding to selection of the first subcategory affordance, ceasing to display the keyboard.

48. The electronic device of claim 46 ,

wherein the input corresponding to selection of the first subcategory affordance is received while a search field is displayed, and

wherein the one or more programs further include instructions for:

further in response to receiving the input corresponding to selection of the first subcategory affordance, populating the search field with a representation of the first subcategory.

49. The electronic device of claim 48 , wherein the one or more programs further include instructions for:

receiving a text input, with the one or more input devices, while the search field is populated with the representation of the first subcategory; and

in response to receiving the text input:

maintaining the representation of the first subcategory in the search field;

displaying, on the display, a representation of one or more information items that correspond to the first subcategory and the text input; and

ceasing to display one or more of the information items that correspond to the first subcategory that do not correspond to the text input.

50. The electronic device of claim 49 , wherein the one or more programs further include instructions for:

while displaying the plurality of subcategory affordances, receiving an input, with the one or more input devices, corresponding to an instruction to clear the search field; and

in response to receiving the input corresponding to the instruction to clear the search field, replacing the plurality of subcategory affordances with the plurality of category affordances.

51. The electronic device of claim 46 , wherein the one or more programs further include instructions for:

while displaying the representation of one or more information items that correspond to the first subcategory, receiving an input, with the one or more input devices, corresponding to selection of a second search affordance; and

in response to receiving the input corresponding to selection of the second search affordance:

displaying, on the display, the plurality of subcategory affordances; and

ceasing to display at least part of the representation of the one or more information items that correspond to the first subcategory.

52. The electronic device of claim 41 ,

wherein the input corresponding to selection of the first category affordance is received while a search field is displayed, and

wherein the one or more programs further include instructions for:

further in response to receiving the input corresponding to selection of the first category affordance, populating the search field with a representation of the first category.

53. The electronic device of claim 52 , wherein the one or more programs further include instructions for:

receiving a text input, with the one or more input devices, while the search field is populated with the representation of the first category; and

in response to receiving the text input:

maintaining the representation of the first category in the search field;

displaying, on the display, a representation of one or more information items that correspond to the first category and the text input; and

ceasing to display one or more of the information items that correspond to the first category that do not correspond to the text input.

54. The electronic device of claim 41 ,

wherein the plurality of subcategory affordances includes a back affordance, and

wherein the one or more programs further include instructions for:

receiving an input, with the one or more input devices, corresponding to selection of the back affordance; and

in response to receiving the input corresponding to selection of the back affordance, replacing the plurality of subcategory affordances with the plurality of category affordances.

55. The electronic device of claim 54 , wherein replacing the plurality of subcategory affordances with the plurality of category affordances includes animating convergence of two or more subcategory affordances of the plurality of subcategory affordances to the location of the back affordance.

56. The electronic device of claim 41 , wherein the first user interface further includes a map.

57. The electronic device of claim 41 , wherein the information items represent geographic locations.

58. The electronic device of claim 41 , wherein displaying a list including a representation of one or more information items includes displaying a graphical user interface object on a map at a location associated with an information item.

59. The electronic device of claim 41 , wherein displaying a list including a representation of one or more information items includes animating a pin dropping onto a map at a location associated with an information item.

60. The electronic device of claim 41 , wherein displaying a list including a representation of one or more information items includes displaying:

a spatial representation of the one or more information items indicating locations of the one or more information items on a map; and

a list representation of the one or more information items.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Feb 17, 2016
From: CHANG, JAE WOO; SHELBY, RYAN DAVID; FROST, MEGAN M; ROMAN, PETER; VAN OS, MARCEL; FORTUNA, JULIE; BAY, CEDRIC; CAPERN, SIMON
To: APPLE INC.
Reel/Frame 037756/0224 →
Continuity (2)
Provisional Application 62172174 · Jun 7, 2015
Related Publication 20160357403A1 · Dec 8, 2016