A graphic device for computer displays (for example, touchscreen style computer displays) with multiple independently operable active areas, each of which can be operated to change a different dimensions. In some embodiments, the dimensions correspond to spatial dimensions in which a selected object in the display can be moved. In some embodiments, the dimensions correspond to spatial dimensions in which the display can be scrolled. In some embodiments, the dimensions correspond to actions performed on real world devices and/or objects (for example, motions of a remote control aerial vehicle, operations of an Internet of Things type video monitor).

Webpage loading method and system. While browsing a webpage, a user can uninterruptedly browse subsequent contents without waiting for page loading since whether subsequent pages need to be loaded is determined by the prediction of remaining page browsing time. The method comprises: in response to a page loading completion event, recording a current page end scroll bar value, a current page initial scroll bar value and a current page loading completion moment; in response to a scroll bar scrolling event, recording a present scroll bar triggering moment and a present scroll bar value; calculating a page browsing speed and a remaining page browsing time; and when the remaining page browsing time meets a preset condition, sending to a server a page acquisition request related to subsequent pages of the current page and loading and updating page data about the subsequent pages to the end of the current page.

Aspects disclosed herein relate to the use of navigational control UI elements to aid in navigating large surfaces on a touchscreen device. The navigational control UI element may be operable to facilitate traversal of the navigable surface along the axis upon which the navigational control UI element is placed. In alternate examples, the navigational control element may be operable to provide functionality to traverse or adjust the navigable surface along both the horizontal vertical axes. In still further aspects, other types of navigational control UI elements may provide the ability to directly jump to a specific position on the navigable surface.

The various implementations described herein include methods, devices, and systems for detecting motion and persons. In one aspect, a method is performed at a smart home system that includes a video camera, a server system, and a client device. The video camera captures video and audio, and wirelessly communicates, via the server system, the captured data to the client device. The server system: (1) receives and stores the captured data from the video camera; (2) determines whether an event has occurred, including detected motion; (3) in accordance with a determination that the event has occurred, identifies video and audio corresponding to the event; and (4) classifies the event. The client device receives information indicative of the identified events, displays a user interface for reviewing the video and audio stored by the remote server system, and displays the at least one classification for the event.

A dynamic interface layout method includes that a width of a screen of an electronic device is divided into a plurality of columns. The electronic device displays a first interface on the screen. After detecting an interface refresh signal, the electronic device obtains a first column quantity corresponding to a width of a second interface to be displayed after refreshing. The first column quantity is a quantity of columns included in the width of the second interface. The electronic device determines a second column quantity according to a layout rule corresponding to a first element on the second interface. The second column quantity is a quantity of columns included in a width of the first element. The electronic device displays the second interface on the screen.

A dynamic interface layout method includes that a width of a screen of an electronic device is divided into a plurality of columns. The electronic device displays a first interface on the screen. After detecting an interface refresh signal, the electronic device obtains a first column quantity corresponding to a width of a second interface to be displayed after refreshing. The first column quantity is a quantity of columns included in the width of the second interface. The electronic device determines a second column quantity according to a layout rule corresponding to a first element on the second interface. The second column quantity is a quantity of columns included in a width of the first element. The electronic device displays the second interface on the screen.

Various examples are directed to systems and methods for interfacing a computing system to a human user. For example, a computing system may provide a graphical user interface at a display of a user computing device. The user interface may include a positive financial profile indicator at a first position on the display; a negative financial profile indicator at a second position on the display opposite the positive financial profile indicator; and a user financial profile indicator describing a user, the user financial profile indicator positioned between the positive financial profile indicator and the negative financial profile indicator. The computing system may receive user transaction data describing a financial transaction. The computing system may determine that the financial transaction worsens a financial profile of the user. The computing system may also modify the user interface to orient the user financial profile indicator towards the negative financial profile indicator.

A method is performed by an electronic device with a display and a touch-sensitive surface. The method includes: displaying a progress icon that indicates a current position within a first piece of content; displaying a multi-purpose content navigation icon; while providing the first piece of content: detecting a first contact at a first location that corresponds to the multi-purpose content navigation icon; while continuing to detect the contact at the first location, moving the current position within the first piece of content at a predefined scrubbing rate; and, in response to detecting movement of the contact that includes a first component of movement in a direction that corresponds to movement on the display parallel to the first predefined direction, moving the current position within the first piece of content at a variable scrubbing rate that varies monotonically as the first component of movement increases.

A method is performed by an electronic device with a display and a touch-sensitive surface. The method includes: displaying a progress icon that indicates a current position within a first piece of content; displaying a multi-purpose content navigation icon; while providing the first piece of content: detecting a first contact at a first location that corresponds to the multi-purpose content navigation icon; while continuing to detect the contact at the first location, moving the current position within the first piece of content at a predefined scrubbing rate; and, in response to detecting movement of the contact that includes a first component of movement in a direction that corresponds to movement on the display parallel to the first predefined direction, moving the current position within the first piece of content at a variable scrubbing rate that varies monotonically as the first component of movement increases.

A method of controlling an electronic apparatus that displays representative information is provided. The method includes displaying the content on a display unit, detecting a gesture for scrolling the content, scrolling the content upon the gesture being detected, extracting representative information of the content, displaying the representative information of the content, and stopping the scrolling of the content.