Landscape springboard

• US 10,304,163 B2
• Filed: 09/30/2014
• Issued: 05/28/2019
• Est. Priority Date: 09/08/2014
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Karunamuni, Chanaka G., Cranfill, Elizabeth Caroline, Anzures, Freddy A., Ruiz, Marcos Alonso
• Primary Examiner(s): Barrett, Ryan
• Assistant Examiner(s): Huynh, Linda
• Application Number:
  US14/501,858
• Publication Number:
  US 20160071241A1
• Time in Patent Office: 1,701 Days
• CPC Class Codes: G06F 1/1694 the I/O peripheral being a single or a set of motion sensors for pointer control or gesture input obtained by sensing movements of the portable computer
• CPC Class Codes: G06F 2200/1614 Image rotation following screen orientation, e.g. switching from landscape to portrait mode
• CPC Class Codes: G06F 2200/1637 Sensing arrangement for detection of housing movement or orientation, e.g. for controlling scrolling or cursor movement on the display of an handheld computer
• CPC Class Codes: G06F 3/0346 with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G06T 3/60 Rotation of whole images or parts thereof

Abstract

An electronic device with a display showing a user interface (UI) in different orientations relative to the display. In landscape orientation the user interface includes a dock region displayed along the right or left edge of the user interface. Application icons or other UI objects that are arranged in a row on the dock region in portrait orientation are arranged in a column on the dock region in the landscape orientation. UI objects and folders from other pages move from underneath the dock region onto the user interface. Furthermore, notification and control windows are overlay on top of portions of the dock region in landscape orientation of the user interface.

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 touch screen display, cause the electronic device to:

display a user interface in a first UI-orientation relative to the display, the user interface comprising a first set of user interface objects and a dock region that comprises a second set of user interface objects arranged in a row, wherein the dock is displayed along a first edge of the display;

while displaying the user interface in the first UI-orientation, detect a UI-orientation change condition, wherein the UI-orientation change condition includes rotation of the electronic device; and

in response to detecting the UI-orientation change condition;

display the user interface in a second UI-orientation relative to the display with one or more of the user interface objects in the first set of user interface objects rotated relative to the display, wherein the dock region in the second UI-orientation comprises the second set of user interface objects arranged in a column;

in accordance with a first dock condition being met when the electronic device is rotated to a first orientation;

continuously display the dock region along the first edge of the display; and

rotate each user interface object in the second set of user interface objects in place, such that a center of each rotated user interface object retains a same location on the display; and

in accordance with a second dock condition being met when the electronic device is rotated to a second orientation, the second dock condition being different from the first dock condition;

cease display of the dock region along the first edge of the display; and

display the dock region along a second edge of the display opposite to the first edge of the display.

2. The non-transitory computer readable storage medium of claim 1, wherein:

the user interface is a rectangular region having a long dimension and a short dimension,

displaying a user interface in a first UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the first UI-orientation; and

displaying the user interface in a second UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the second UI-orientation.

3. The non-transitory computer readable storage medium of claim 2, wherein the edge of the short dimension in the first UI-orientation comprises a bottom edge of the user interface, and in the second UI-orientation comprises a right edge of the user interface.

4. The non-transitory computer readable storage medium of claim 1, wherein the first UI-orientation comprises a portrait view of the user interface, and the second UI-orientation comprises a landscape view of the user interface.

5. The non-transitory computer readable storage medium of claim 1, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises crossfading the one or more of the user interface objects in the first set of user interface objects between their respective locations in the first and in the second UI-orientation.

6. The non-transitory computer readable storage medium of claim 1, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises rotating the set of one or more of the user interface objects as the user interface objects crossfade between their respective locations in the first and in the second UI-orientation.

7. The non-transitory computer readable storage medium of claim 1, wherein the user interface comprises a multi-page user interface, and the instructions when executed by the electronic device further cause the electronic device to:

in response to detecting a next-page input for switching between different pages of the multi-page user interface, display a set of user interface objects that are different from the first set of user interface objects, while maintaining display of the dock region and the second set of user interface objects.

8. The non-transitory computer readable storage medium of claim 1, wherein detecting the UI-orientation change condition comprises receiving input indicative of a change in orientation of the display of the electronic device from a first device orientation to a second device orientation.

9. The non-transitory computer readable storage medium of claim 1, wherein rotating the one or more of the user interface objects in the first set of user interface objects in conjunction with the second IA-orientation is delayed until the electronic device is fully rotated from a first device orientation when displaying the user interface objects in the first UI-orientation to second device orientation associated with displaying the user interface objects in the second UI-orientation.

10. The non-transitory computer readable storage medium of claim 1, wherein the instructions when executed by the electronic device further cause the electronic device to:

display the dock region to the right side of the user interface in the second UI-orientation.

11. The non-transitory computer readable storage medium of claim 1, wherein the instructions when executed by the electronic device further cause the electronic device to:

display the dock region to the side of the user interface closest to the location of a physical button on the electronic device.

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

ceasing display of the dock region along the first edge of the display includes ceasing to display the dock region on the display by sliding the dock region off the display in a first direction relative to the first set of user interface objects;

and

displaying the dock region along a second edge of the display opposite to the first edge of the display includes sliding the dock region back onto the display in the first direction relative to the first set of user interface objects from an edge of the display opposite to an edge from which the dock region slid off.

13. The non-transitory computer readable storage medium of claim 12, wherein the second set of user interface objects of the dock region sliding back onto the display is identical to the second set of the dock region sliding off the display, and each user interface object in the second set of user interface objects of the dock region sliding onto the display is rotated into a different orientation with respect to the identical user interface object in the second set of the dock region sliding off the display.

14. The non-transitory computer readable storage medium of claim 12, wherein the sliding of the dock region off the display is displayed such that the dock region rotates along with the one or more of the user interface objects in the first set of user interface objects rotating with respect to the second UI-orientation.

15. The non-transitory computer readable storage medium of claim 1, wherein the user interface comprises a wallpaper background that maintains, with respect to the first edge of the display, a same orientation between the first UI-orientation and the second UI-orientation.

16. The non-transitory computer readable storage medium of claim 1, wherein the user interface comprises a multi-page user interface, and wherein the instructions when executed by the electronic device further cause the electronic device to:

in response to detecting a next-page input for moving a user interface object from a first page to a second page in the second UI-orientation, the first and second page being arranged on either side of the dock region, move the user interface object laterally underneath the dock region.

17. The non-transitory computer readable storage medium of claim 1, wherein the instructions when executed by the electronic device further cause the electronic device to:

display a lock screen in the first UI-orientation; and

in response to detecting an unlock input and detecting the Ill-orientation change condition, display a home screen of the user interface in the first UI-orientation before displaying the home screen in the second UI-orientation after a pre-defined time period has elapsed.

18. The non-transitory computer readable storage medium of claim 1, wherein the first set of user interface objects comprises a folder icon that corresponds to a folder, and wherein the instructions when executed by the electronic device further cause the electronic device to:

while displaying the first set of one or more objects, detect selection of the folder icon that is associated with a third set of user interface objects; and

in response to detecting selection of the folder icon;

in accordance with a determination the user interface is in the second UI-orientation, concurrently display a first region with a first subset of the third set of user interface objects and a second region with a second subset of the third set of user interface objects, wherein the second subset comprises user interface objects that are not included in the first subset and the first region is visually distinguished from the second region; and

in accordance with a determination the user interface is in the first UI-orientation, display a region with the first subset of the third set of user interface objects without displaying other user interface objects in the third set of user interface objects.

19. The non-transitory computer readable storage medium of claim 1;

wherein;

ceasing display of the dock region along the first edge of the display includes ceasing to display altogether the dock region along the first edge of the display; and

displaying the dock region along the second edge of the display opposite to the first edge of the display includes re-displaying the dock region along the second edge of the display opposite to the first edge of the display.

20. The non-transitory computer readable storage medium of claim 1, wherein the second orientation is rotated 180 degrees relative to the first orientation.

21. A computer-implemented method comprising:

at an electronic device with a touch screen display;

displaying a user interface in a first UI-orientation relative to the display, the user interface comprising a first set of user interface objects and a dock region that comprises a second set of user interface objects arranged in a row, wherein the dock is displayed along a first edge of the display;

while displaying the user interface in the first UI-orientation, detecting a UI-orientation change condition wherein the UI-orientation change condition includes rotation of the electronic device; and

in response to detecting the UI-orientation change condition;

displaying the user interface in a second UI-orientation relative to the display with one or more of the user interface objects in the first set of user interface objects rotated relative to the display, wherein the dock region in the second UI-orientation comprises the second set of user interface objects arranged in a column;

in accordance with a first dock condition being met when the electronic device is rotated to a first orientation;

continuously displaying the dock region along the first edge of the display; and

rotating each user interface object in the second set of user interface objects in place, such that a center of each rotated user interface object retains a same location on the display; and

in accordance with a second dock condition being met when the electronic device is rotated to a second orientation, the second dock condition being different from the first dock condition;

ceasing display of the dock region along the first edge of the display; and

displaying the dock region along a second edge of the display opposite to the first edge of the display.

23. The computer-implemented method of claim 21, wherein:

the user interface is a rectangular region having a long dimension and a short dimension,

displaying a user interface in a first UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the first UI-orientation; and

displaying the user interface in a second UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the second UI-orientation.

24. The computer-implemented method of claim 21, wherein the edge of the short dimension in the first UI-orientation comprises a bottom edge of the user interface, and in the second UI-orientation comprises a right edge of the user interface.

25. The computer-implemented method of claim 21, wherein the first UI-orientation comprises a portrait view of the user interface, and the second UI-orientation comprises a landscape view of the user interface.

26. The computer-implemented method of claim 21, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises crossfading the one or more of the user interface objects in the first set of user interface objects between their respective locations in the first and in the second UI-orientation.

27. The computer-implemented method of claim 21, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises rotating the set of one or more of the user interface objects as the user interface objects crossfade between their respective locations in the first and in the second UI-orientation.

28. The computer-implemented method of claim 21, wherein the user interface comprises a multi-page user interface, and the computer-implemented method further comprises:

in response to detecting a next-page input for switching between different pages of the multi-page user interface, displaying a set of user interface objects that are different from the first set of user interface objects, while maintaining display of the dock region and the second set of user interface objects.

29. The computer-implemented method of claim 21, wherein detecting the UI-orientation change condition comprises receiving input indicative of a change in orientation of the display of the electronic device from a first device orientation to a second device orientation.

30. The computer-implemented method of claim 21, wherein rotating the one or more of the user interface objects in the first set of user interface objects in conjunction with the second UI-orientation is delayed until the electronic device is fully rotated from a first device orientation when displaying the user interface objects in the first UI-orientation to second device orientation associated with displaying the user interface objects in the second UI-orientation.

31. The computer-implemented method of claim 21, further comprising:

displaying the dock region to the right side of the user interface in the second UI-orientation.

32. The computer-implemented method of claim 21, further comprising:

displaying the dock region to the side of the user interface closest to the location of a physical button on the electronic device.

33. The computer-implemented method of claim 21, wherein

ceasing display of the dock region along the first edge of the display includes ceasing to display the dock region on the display by sliding the dock region off the display in a first direction relative to the first set of user interface objects;

and

displaying the dock region along a second edge of the display opposite to the first edge of the display includes sliding the dock region back onto the display in the first direction relative to the first set of user interface objects from an edge of the display opposite to an edge from which the dock region slid off.

34. The computer-implemented method of claim 33, wherein the second set of user interface objects of the dock region sliding back onto the display is identical to the second set of the dock region sliding off the display, and each user interface object in the second set of user interface objects of the dock region sliding onto the display is rotated into a different orientation with respect to the identical user interface object in the second set of the dock region sliding off the display.

35. The computer-implemented method of claim 33, wherein the sliding of the dock region off the display is displayed such that the dock region rotates along with the one or more of the user interface objects in the first set of user interface objects rotating with respect to the second UI-orientation.

36. The computer-implemented method of claim 21, wherein the user interface comprises a wallpaper background that maintains, with respect to the first edge of the display, a same orientation between the first UI-orientation and the second UI-orientation.

37. The computer-implemented method of claim 21, wherein the user interface comprises a multi-page user interface, and the computer-implemented method further comprising:

in response to detecting a next-page input for moving a user interface object from a first page to a second page in the second UI-orientation, the first and second page being arranged on either side of the dock region, moving the user interface object laterally underneath the dock region.

38. The computer-implemented method of claim 21, further comprising:

displaying a lock screen in the first UI-orientation; and

in response to detecting an unlock input and detecting the UI-orientation change condition, displaying a home screen of the user interface in the first UI-orientation before displaying the home screen in the second UI-orientation after a pre-defined time period has elapsed.

39. The computer-implemented method of claim 21, wherein the first set of user interface objects comprises a folder icon that corresponds to a folder, and the computer-implemented method further comprising:

while displaying the first set of one or more objects, detecting selection of the folder icon that is associated with a third set of user interface objects; and

in response to detecting selection of the folder icon;

in accordance with a determination the user interface is in the second UI-orientation, concurrently displaying a first region with a first subset of the third set of user interface objects and a second region with a second subset of the third set of user interface objects, wherein the second subset comprises user interface objects that are not included in the first subset and the first region is visually distinguished from the second region; and

in accordance with a determination the user interface is in the first UI-orientation, displaying a region with the first subset of the third set of user interface objects without displaying other user interface objects in the third set of user interface objects.

40. The computer-implemented method of claim 21, wherein:

ceasing display of the dock region along the first edge of the display includes ceasing to display altogether the dock region along the first edge of the display; and

displaying the dock region along the second edge of the display opposite to the first edge of the display includes re-displaying the dock region along the second edge of the display opposite to the first edge of the display.

41. The computer-implemented method of claim 21, wherein the second orientation is rotated 180 degrees relative to the first orientation.

22. 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 when executed by the electronic device cause the electronic device to;

display a user interface in a first UI-orientation relative to the display, the user interface comprising a first set of user interface objects and a dock region that comprises a second set of user interface objects arranged in a row, wherein the dock is displayed along a first edge of the display;

while displaying the user interface in the first UI-orientation, detect a UI-orientation change condition, wherein the UI-orientation change condition includes rotation of the electronic device; and

in response to detecting the UI-orientation change condition;

display the user interface in a second UI-orientation relative to the display with one or more of the user interface objects in the first set of user interface objects rotated relative to the display, wherein the dock region in the second UI-orientation comprises the second set of user interface objects arranged in a column;

in accordance with a first dock condition being met when the electronic device is rotated to a first orientation;

continuously display the dock region along the first edge of the display; and

rotate each user interface object in the second set of user interface objects in place, such that a center of each rotated user interface object retains a same location on the display; and

in accordance with a second dock condition being met when the electronic device is rotated to a second orientation, the second dock condition being different from the first dock condition;

cease display of the dock region along the first edge of the display; and

display the dock region along a second edge of the display opposite to the first edge of the display.

42. The electronic device of claim 22, wherein:

the user interface is a rectangular region having a long dimension and a short dimension,

displaying a user interface in a first UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the first UI-orientation; and

displaying the user interface in a second UI-orientation relative to the display comprises displaying the dock region along an edge of the short dimension of the user interface in the second UI-orientation.

43. The electronic device of claim 22, wherein the edge of the short dimension in the first UI-orientation comprises a bottom edge of the user interface, and in the second UI-orientation comprises a right edge of the user interface.

44. The electronic device of claim 22, wherein the first UI-orientation comprises a portrait view of the user interface, and the second UI-orientation comprises a landscape view of the user interface.

45. The electronic device of claim 22, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises crossfading the one or more of the user interface objects in the first set of user interface objects between their respective locations in the first and in the second UI-orientation.

46. The electronic device of claim 22, wherein rotating of the one or more of the user interface objects in the first set of the user interface objects relative to the display comprises rotating the set of one or more of the user interface objects as the user interface objects crossfade between their respective locations in the first and in the second UI-orientation.

47. The electronic device of claim 22, wherein the user interface comprises a multi-page user interface, and the instructions when executed by the electronic device further cause the electronic device to:

in response to detecting a next-page input for switching between different pages of the multi-page user interface, display a set of user interface objects that are different from the first set of user interface objects, while maintaining display of the dock region and the second set of user interface objects.

48. The electronic device of claim 22, wherein detecting the hi-orientation change condition comprises receiving input indicative of a change in orientation of the display of the electronic device from a first device orientation to a second device orientation.

49. The electronic device of claim 22, wherein rotating the one or more of the user interface objects in the first set of user interface objects in conjunction with the second UI-orientation is delayed until the electronic device is fully rotated from a first device orientation when displaying the user interface objects in the first UI-orientation to second device orientation associated with displaying the user interface objects in the second UI-orientation.

50. The electronic device of claim 22, wherein the instructions when executed by the electronic device further cause the electronic device to:

display the dock region to the right side of the user interface in the second UI-orientation.

51. The electronic device of claim 22, wherein the instructions when executed by the electronic device further cause the electronic device to:

display the dock region to the side of the user interface closest to the location of a physical button on the electronic device.

52. The electronic device of claim 22, wherein

ceasing display of the dock region along the first edge of the display includes ceasing to display the dock region on the display by sliding the dock region off the display in a first direction relative to the first set of user interface objects;

and

displaying the dock region along a second edge of the display opposite to the first edge of the display includes sliding the dock region back onto the display in the first direction relative to the first set of user interface objects from an edge of the display opposite to an edge from which the dock region slid off.

53. The electronic device of claim 52, wherein the second set of user interface objects of the dock region sliding back onto the display is identical to the second set of the dock region sliding off the display, and each user interface object in the second set of user interface objects of the dock region sliding onto the display is rotated into a different orientation with respect to the identical user interface object in the second set of the dock region sliding off the display.

54. The electronic device of claim 52, wherein the sliding of the dock region off the display is displayed such that the dock region rotates along with the one or more of the user interface objects in the first set of user interface objects rotating with respect to the second UI-orientation.

55. The electronic device of claim 22, wherein the user interface comprises a wallpaper background that maintains, with respect to the first edge of the display, a same orientation between the first UI-orientation and the second UI-orientation.

56. The electronic device of claim 22, wherein the user interface comprises a multi-page user interface, and wherein the instructions when executed by the electronic device further cause the electronic device to:

in response to detecting a next-page input for moving a user interface object from a first page to a second page in the second UI-orientation, the first and second page being arranged on either side of the dock region, move the user interface object laterally underneath the dock region.

57. The electronic device of claim 22, wherein the instructions when executed by the electronic device further cause the electronic device to:

display a lock screen in the first UI-orientation; and

in response to detecting an unlock input and detecting the UI-orientation change condition, display a home screen of the user interface in the first UI-orientation before displaying the home screen in the second UI-orientation after a pre-defined time period has elapsed.

58. The electronic device of claim 22, wherein the first set of user interface objects comprises a folder icon that corresponds to a folder, and wherein the instructions when executed by the electronic device further cause the electronic device to:

while displaying the first set of one or more objects, detect selection of the folder icon that is associated with a third set of user interface objects; and

in response to detecting selection of the folder icon;

in accordance with a determination the user interface is in the second UI-orientation, concurrently display a first region with a first subset of the third set of user interface objects and a second region with a second subset of the third set of user interface objects, wherein the second subset comprises user interface objects that are not included in the first subset and the first region is visually distinguished from the second region; and

in accordance with a determination the user interface is in the first UI-orientation, display a region with the first subset of the third set of user interface objects without displaying other user interface objects in the third set of user interface objects.

59. The electronic device of claim 22, wherein:

ceasing display of the dock region along the first edge of the display includes ceasing to display altogether the dock region along the first edge of the display; and

displaying the dock region along the second edge of the display opposite to the first edge of the display includes re-displaying the dock region along the second edge of the display opposite to the first edge of the display.

60. The electronic device of claim 22, wherein the second orientation is rotated 180 degrees relative to the first orientation.