METHOD OF INTERACTING WITH A SCROLLABLE AREA ON A PORTABLE ELECTRONIC DEVICE

• US 20110265002A1
• Filed: 03/21/2011
• Published: 10/27/2011
• Est. Priority Date: 04/21/2010
• Status: Active Grant

• Current Assignee: Malikie Innovations Limited (Key Patent Innovations Limited)
• Original Assignee: Blackberry Limited
• Inventors: Hong, Yoojin, Adamczyk, Patryk
• Granted Patent: US 8,555,184 B2
• Time in Patent Office: Days
• US Class Current: 715/702
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars
• 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

A method of interacting with a scrollable area on a portable electronic device is described. In accordance with one embodiment, there is provided a method of interacting with a portable electronic device having a touch-sensitive display, the method comprising: displaying a user interface screen having a scrollable area on the touch-sensitive display; and displaying a transparent scrollbar which overlays elements of the user interface screen when a touch event is detected in a display area corresponding to the scrollable area.

Claims

1. A method of interacting with a portable electronic device having a touch-sensitive display, the method comprising:

displaying a user interface screen having a scrollable area on the touch-sensitive display;

displaying a transparent scrollbar which overlays elements of the user interface screen when a touch event is detected in a display area corresponding to the scrollable area; and

redisplaying the user interface screen without the transparent scrollbar when the touch event ends.

2. The method of claim 1, wherein the transparent scrollbar overlays at least part of the scrollable area.

3. The method of claim 1, wherein only the elements of the user interface screen which are overlaid by the transparent scrollbar are redisplayed when the touch event ends.

4. The method of claim 1, wherein displaying the transparent scrollbar comprises decreasing a transparency level of the transparent scrollbar from a default level when the touch event is detected in the display area corresponding to the scrollable area, and wherein redisplaying the user interface screen comprises increasing the transparency level of the transparent scrollbar to the default level when the touch event ends.

5. The method of claim 1, wherein the transparent scrollbar is displayed adjacent to a location of the touch event.

6. The method of claim 1, further comprising:

decreasing a transparency level of the transparent scrollbar over a duration of the touch event when the duration is less than a threshold duration.

7. The method of claim 1, further comprising:

increasing a width of the transparent scrollbar over the duration of the touch event when the duration is less than the threshold duration

8. The method of claim 6, further comprising:

increasing the transparency level of the transparent scrollbar to the default level when the touch event ends.

9. The method of claim 6, further comprising:

highlighting the transparent scrollbar with an onscreen position indicator when the duration of the touch event is greater than or equal to the threshold duration.

10. The method of claim 9, wherein the highlighting comprises changing a colour of the transparent scrollbar from a first colour to a second colour.

11. The method of claim 9, wherein the highlighting comprises changing an appearance of the transparent scrollbar from a first visual state to a second visual state different from the first visual state.

12. The method of claim 9, further comprising:

performing an action associated with the transparent scrollbar when selection input is detected when the transparent scrollbar is highlighted.

13. The method of claim 12, wherein the action is context-sensitive in dependence on the scrollable list, an item in the scrollable list underneath the highlighted transparent scrollbar, or both.

14. The method of claim 9, further comprising:

scrolling content of the scrollable area at a first rate when the transparent scrollbar is not highlighted; and

scrolling content of the scrollable area at a second rate when the transparent scrollbar is highlighted.

15. The method of claim 14, wherein the second rate is greater than the first rate.

16. The method of claim 6, wherein the threshold duration is a threshold duration of a touch and hold gesture.

17. The method of claim 6, wherein the threshold duration is 400 milliseconds.

18. A method of interacting with a portable electronic device having a touch-sensitive display, the method comprising:

displaying a user interface screen having a scrollable area on the touch-sensitive display, the user interface screen having a transparent scrollbar which overlays elements of the scrollable area when a touch event is detected in a display area corresponding to the scrollable area;

decreasing a transparency level of the transparent scrollbar from a default level when a touch event is detected in a display area corresponding to the scrollable area; and

increasing the transparency level of the transparent scrollbar to the default level when the touch event ends.

19. A portable electronic device, comprising:

a processor;

a touch-sensitive display having a touch-sensitive overlay coupled to the processor;

wherein the processor is configured for;

causing the display of a user interface screen having a scrollable area on the touch-sensitive display;

causing the display of a transparent scrollbar which overlays elements of the user interface screen when a touch event is detected in a display area corresponding to the scrollable area; and

causing the redisplay of the user interface screen without the transparent scrollbar when the touch event ends.

20. A portable electronic device, comprising:

a processor;

a touch-sensitive display having a touch-sensitive overlay coupled to the processor;

wherein the processor is configured for;

causing the display of a user interface screen having a scrollable area on the touch-sensitive display, the user interface screen having a transparent scrollbar which overlays elements of the scrollable area when a touch event is detected in a display area corresponding to the scrollable area;

causing a transparency level of the transparent scrollbar to be decreased from a default level when a touch event is detected in a display area corresponding to the scrollable area; and

causing the transparency level of the transparent scrollbar to be increased to the default level when the touch event ends.