Oftentimes there is a need for adequate space in an application user interface for display of commands, information, or other elements. With the increasing popularity of using smaller form devices such as tablet computing devices and mobile communication devices for various computing tasks, screen space for display of user interface elements is even more limited. Additionally, many user interface elements or commands may be relevant in relatively narrow situations or periods of time. Oftentimes when an element or command is not relevant of applicable, the element or command may be disabled yet may still be displayed in the user interface. Transient elements provide a way to balance these competing factors. It is with respect to these and other considerations that the present disclosure has been made.
This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended as an aid in determining the scope of the claimed subject matter.
Embodiments of the present disclosure solve the above and other problems by providing surfacing of transient commanding elements. As should be appreciated, it may be considered important to display certain user interface (UI) elements in a standard and prominent location; however, such UI elements may only apply in relatively narrow situations or periods of time. To help preserve screen space, particularly on smaller form devices such as tablet computing devices and mobile communication devices where screen space is more limited, a UI element may animate into place in the UI when the element is relevant. When the element is no longer relevant, it may disappear from view. The animation may provide a smooth transition and thus be non-disruptive or distracting to a user.
The details of one or more embodiments are set forth in the accompanying drawings and description below. Other features and advantages will be apparent from a reading of the following detailed description and a review of the associated drawings. It is to be understood that the following detailed description is explanatory only and is not restrictive of the disclosure as claimed.
The accompanying drawings, which are incorporated in and constitute a part of this disclosure, illustrate various embodiments of the present disclosure. In the drawings:
The following detailed description refers to the accompanying drawings. Wherever possible, the same reference numbers are used in the drawing and the following description to refer to the same or similar elements. While embodiments of the disclosure may be described, modifications, adaptations, and other implementations are possible. For example, substitutions, additions, or modifications may be made to the elements illustrated in the drawings, and the methods described herein may be modified by substituting, reordering, or adding stages to the disclosed methods. Accordingly, the following detailed description does not limit the disclosure, but instead, the proper scope of the disclosure is defined by the appended claims.
As briefly described above, embodiments of the present disclosure are directed to providing surfacing of transient user interface elements. Referring now to the drawings, in which like numerals represent like elements, various embodiments will be described.
A user 102 may utilize an application 120 on a computing device 110 for a variety of tasks, which may include, for example, to write, calculate, draw, organize, prepare presentations, send and receive electronic mail, take and organize notes, make music, and the like. Applications 120 may include thick client applications, which may be stored locally on the computing device 110 (as illustrated in
An application 120 may be configured to enable a user 102 to use a pointing device (e.g., a mouse, pen/stylus, etc.) and/or to utilize sensors 124 (e.g., touch sensor, accelerometer, hover, facial recognition, voice recognition, light sensor, proximity sensor, gyroscope, tilt sensor, GPS, etc.) on the computing device 110 to interact with content 122 via a number of input modes. To assist users to locate and utilize functionalities of a given application 120, a user interface (UI) 205 containing a plurality of selectable functionality controls and elements may be provided. According to embodiments and as will be described below in greater detail with reference to
As briefly described above, it may be considered important to display certain commands, bits of information, or user interface (UI) elements (herein collectively referred to as UI elements) in a standard and prominent location; however, such UI elements may only apply in relatively narrow situations or periods of time. To help preserve screen space, particularly on smaller form devices such as tablet computing devices and mobile communication devices where screen space is more limited, certain UI elements may appear in the UI 205 when they are relevant, that is, when the functionality associated with the UI element may be applied. These UI elements are herein referred to as transient UI elements. When the transient UI elements are no longer relevant, they may be removed from view. According to an embodiment, transient UI elements may animate into and/or out of place in the UI 205, for example, may slide in/out, may fade in/out, etc. The animation may be non-disruptive to a user. Space in UI 205 may be reserved for the transient UI elements, providing for non-disruptive scaling changes or distracting switching of contextual UI groupings.
Referring now to
With reference now to
Referring now to
According to an embodiment, empty space in the UI 205 may be reserved for any transient UI elements 235 that may be displayed. Accordingly, the UI 205 may be prevented from having to be re-laid out, as well as preventing a movement of tabs into a switcher. To reserve empty space in the UI 205 for transient UI elements 235, a determination may be made as to which UI elements may show and hide. The UI elements that are determined that may be shown and hidden may be annotated such that fake invisible copies of the UI elements may be created to reserve space and added to the UI layout. Scaling of the UI 205 may be updated to know about the fake UI elements if necessary. When an animation 240 occurs, both the real UI elements and the fake UI elements may animate at the same time. Additionally, other elements that move may be animated at the same time (e.g., title, save or sync indicator, etc.).
The transient UI element 235 may transition into view in various ways. According to an embodiment and as illustrated in
As described above, a transient UI element 235 may be displayed as long as it applies or is relevant. A user 102 may make an input or select a functionality that may make a displayed transient UI element no longer applicable. With reference now to
As mentioned above, the slide animation 240 and displacement of UI elements 208 to empty space in the UI 205 for display of the transient UI element 235 is but one of many methods of surfacing a transient UI element 235. For example, if there is not available empty space in the UI 205, one or more UI elements 208 may be truncated or temporarily covered to make room for the transient UI element 235. As another example and as illustrated in
As another example and as illustrated in
Sometimes a functionality may apply to multiple actions, for example, when navigating, undoing actions, redoing actions, etc. As illustrated in
The above examples describe surfacing a transient UI element 235 when the element applies according to a received input made by the user 102 (e.g., surfacing a “redo” command after selection of an “undo” command). According to embodiments, applicability of a transient UI element 235 may be determined according to a function of time. For example, when an application 120 is opened and displayed, one or more transient UI elements 235 may be displayed for a predetermined or calculated time period. After the predetermined or calculated time period passes, the applicability of the transient UI element 235 may be reduced and accordingly may be removed from display.
With reference now to
As should be appreciated, the user interface components, content items and specific application functionalities illustrated and described herein are for purposes of example and illustration only and are not limiting of different software applications and user interface components and layouts that may be used in accordance with embodiments of the present disclosure.
The method 300 may proceed to OPERATION 315, where one or more UI elements 208 may be displayed in the user interface 205. As described above, UI elements 208 may include selectable commands, as well as document and application information (e.g., a document title 209, save state information, etc.). The displayed UI elements 208 may be defined by a developer of the application 120 as default elements or as UI elements that should be always displayed.
At OPERATION 320, an indication of an action may be received. For example, a user may select a functionality command, may input content 122, may erase content 122, modify content 122, etc.
The method 300 may proceed to DECISION OPERATION 325, where a determination may be made as to whether a transient UI element 235 is relevant. As described above, relevance may be determined according to actions or according to time.
If a determination is made at DECISION OPERATION 325 that the transient UI element 235 is not relevant, the method 300 may return to OPERATION 320, where an indication of an action may be received. If a determination is made at DECISION OPERATION 325 that the transient UI element 235 is relevant, the method 300 may proceed to OPERATION 330, where the transient UI element 235 may be surfaced in the user interface 205. The transient UI element 235 may animate into view. As described above, the transient UI element 235 may be surfaced in various ways and may cause other displayed UI elements to slide, truncate, collapse, or be temporarily covered.
The method 300 may also start at OPERATION 305 and proceed directly to OPERATION 330, where a transient UI element 235 is first displayed upon start of an application 120 or opening or creation of a document 215. For example, the method 300 may proceed directly to OPERATION 330 such as in the use case described with reference to
The method 300 may proceed from OPERATION 330 to OPERATION 335, where an indication of an action is received or a predetermined time period has elapsed, and the transient UI element 235 has become irrelevant or no longer applies.
The method 300 may proceed to OPERATION 340, where the transient UI element 235 may disappear from view. According to an embodiment, the transient UI element 235 may animate out, and any UI elements 208 that were moved, truncated, or covered may animate back to their starting state. The method 300 may return to OPERATION 320, where an indication of an action is received, or may end at OPERATION 395.
While the disclosure has been described in the general context of program modules that execute in conjunction with an application program that runs on an operating system on a computer, those skilled in the art will recognize that the disclosure may also be implemented in combination with other program modules. Generally, program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types.
The embodiments and functionalities described herein may operate via a multitude of computing systems including, without limitation, desktop computer systems, wired and wireless computing systems, mobile computing systems (e.g., mobile telephones, netbooks, tablet or slate type computers, notebook computers, and laptop computers), hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, and mainframe computers.
In addition, the embodiments and functionalities described herein may operate over distributed systems (e.g., cloud-based computing systems), where application functionality, memory, data storage and retrieval and various processing functions may be operated remotely from each other over a distributed computing network, such as the Internet or an intranet. User interfaces and information of various types may be displayed via on-board computing device displays or via remote display units associated with one or more computing devices. For example user interfaces and information of various types may be displayed and interacted with on a wall surface onto which user interfaces and information of various types are projected. Interaction with the multitude of computing systems with which embodiments of the disclosure may be practiced include, keystroke entry, touch screen entry, voice or other audio entry, gesture entry where an associated computing device is equipped with detection (e.g., camera) functionality for capturing and interpreting user gestures for controlling the functionality of the computing device, and the like.
As stated above, a number of program modules and data files may be stored in the system memory 404. While executing on the processing unit 402, the program modules 406 may perform processes including, but not limited to, one or more of the stages of the method 300 illustrated in
Furthermore, embodiments of the disclosure may be practiced in an electrical circuit comprising discrete electronic elements, packaged or integrated electronic chips containing logic gates, a circuit utilizing a microprocessor, or on a single chip containing electronic elements or microprocessors. For example, embodiments of the disclosure may be practiced via a system-on-a-chip (SOC) where each or many of the components illustrated in
The computing device 400 may also have one or more input device(s) 412 such as a keyboard, a mouse, a pen, a sound input device, a touch input device, etc. The output device(s) 414 such as a display, speakers, a printer, etc. may also be included. The aforementioned devices are examples and others may be used. The computing device 400 may include one or more communication connections 416 allowing communications with other computing devices 418. Examples of suitable communication connections 416 include, but are not limited to, RF transmitter, receiver, and/or transceiver circuitry; universal serial bus (USB), parallel, and/or serial ports.
The term computer readable media as used herein may include computer storage media. Computer storage media may include volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information, such as computer readable instructions, data structures, or program modules. The system memory 404, the removable storage device 409, and the non-removable storage device 410 are all computer storage media examples (i.e., memory storage.) Computer storage media may include RAM, ROM, electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other article of manufacture which can be used to store information and which can be accessed by the computing device 400. Any such computer storage media may be part of the computing device 400. Computer storage media does not include a carrier wave or other propagated data signal.
Communication media may be embodied by computer readable instructions, data structures, program modules, or other data in a data signal, such as a carrier wave or other transport mechanism, and includes any information delivery media. The term “data signal” may describe a signal that has one or more characteristics set or changed in such a manner as to encode information in the signal. By way of example, and not limitation, communication media may include wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, radio frequency (RF), infrared, and other wireless media.
One or more application programs 550 may be loaded into the memory 562 and run on or in association with the operating system 564. Examples of the application programs include phone dialer programs, e-mail programs, personal information management (PIM) programs, word processing programs, spreadsheet programs, Internet browser programs, messaging programs, and so forth. The system 502 also includes a non-volatile storage area 568 within the memory 562. The non-volatile storage area 568 may be used to store persistent information that should not be lost if the system 502 is powered down. The application programs 550 may use and store information in the non-volatile storage area 568, such as e-mail or other messages used by an e-mail application, and the like. A synchronization application (not shown) also resides on the system 502 and is programmed to interact with a corresponding synchronization application resident on a host computer to keep the information stored in the non-volatile storage area 568 synchronized with corresponding information stored at the host computer. As should be appreciated, other applications may be loaded into the memory 562 and run on the mobile computing device 500.
The system 502 has a power supply 570, which may be implemented as one or more batteries. The power supply 570 might further include an external power source, such as an AC adapter or a powered docking cradle that supplements or recharges the batteries.
The system 502 may also include a radio 572 that performs the function of transmitting and receiving radio frequency communications. The radio 572 facilitates wireless connectivity between the system 502 and the “outside world,” via a communications carrier or service provider. Transmissions to and from the radio 572 are conducted under control of the operating system 564. In other words, communications received by the radio 572 may be disseminated to the application programs 150 via the operating system 564, and vice versa.
The visual indicator 520 may be used to provide visual notifications and/or an audio interface 574 may be used for producing audible notifications via the audio transducer 525. In the illustrated embodiment, the visual indicator 520 is a light emitting diode (LED) and the audio transducer 525 is a speaker. These devices may be directly coupled to the power supply 570 so that when activated, they remain on for a duration dictated by the notification mechanism even though the processor 560 and other components might shut down for conserving battery power. The LED may be programmed to remain on indefinitely until the user takes action to indicate the powered-on status of the device. The audio interface 574 is used to provide audible signals to and receive audible signals from the user. For example, in addition to being coupled to the audio transducer 525, the audio interface 574 may also be coupled to a microphone to receive audible input, such as to facilitate a telephone conversation. In accordance with embodiments of the present disclosure, the microphone may also serve as an audio sensor to facilitate control of notifications, as will be described below. The system 502 may further include a video interface 576 that enables an operation of an on-board camera 530 to record still images, video stream, and the like.
A mobile computing device 500 implementing the system 502 may have additional features or functionality. For example, the mobile computing device 500 may also include additional data storage devices (removable and/or non-removable) such as, magnetic disks, optical disks, or tape. Such additional storage is illustrated in
Data/information generated or captured by the mobile computing device 500 and stored via the system 502 may be stored locally on the mobile computing device 500, as described above, or the data may be stored on any number of storage media that may be accessed by the device via the radio 572 or via a wired connection between the mobile computing device 500 and a separate computing device associated with the mobile computing device 500, for example, a server computer in a distributed computing network, such as the Internet. As should be appreciated such data/information may be accessed via the mobile computing device 500 via the radio 572 or via a distributed computing network. Similarly, such data/information may be readily transferred between computing devices for storage and use according to well-known data/information transfer and storage means, including electronic mail and collaborative data/information sharing systems.
Embodiments of the present disclosure, for example, are described above with reference to block diagrams and/or operational illustrations of methods, systems, and computer program products according to embodiments of the disclosure. The functions/acts noted in the blocks may occur out of the order as shown in any flowchart. For example, two blocks shown in succession may in fact be executed substantially concurrently or the blocks may sometimes be executed in the reverse order, depending upon the functionality/acts involved.
The description and illustration of one or more embodiments provided in this application are not intended to limit or restrict the scope of the disclosure as claimed in any way. The embodiments, examples, and details provided in this application are considered sufficient to convey possession and enable others to make and use the best mode of claimed disclosure. The claimed disclosure should not be construed as being limited to any embodiment, example, or detail provided in this application. Regardless of whether shown and described in combination or separately, the various features (both structural and methodological) are intended to be selectively included or omitted to produce an embodiment with a particular set of features. Having been provided with the description and illustration of the present application, one skilled in the art may envision variations, modifications, and alternate embodiments falling within the spirit of the broader aspects of the general inventive concept embodied in this application that do not depart from the broader scope of the claimed disclosure.
The application claims priority to U.S. Provisional Patent Application No. 61/974,392 titled “Transient User Interface Elements” filed Apr. 2, 2014, the disclosure of which is hereby incorporated by reference in its entirety.
Number | Date | Country | |
---|---|---|---|
61974392 | Apr 2014 | US |