Patent Application
20210048938
Visual hierarchy is an order in which a user's eye processes information on a page. Developers attempt to design a user interface such that the user interface allows users to easily understand information in an organized manner. By assigning different visual characteristics to various portions of the user interface, a designer influences what users perceive as being the next step in the visual hierarchy.
Anticipating user interaction is an important element in human-machine interface design. Guiding a user to perform a targeted action (e.g. make a purchase, download software, or follow a call-to-action) has long been an area of focus across industries. Several scientific experiments that involve eye gaze tracking have determined that individuals with cognitive disabilities, such as autism or people facing cognitive decline, tend to exhibit eye gazing behavior that is different from individuals that do not suffer from these challenges. Initial studies have also shown that it improving eye gaze behavior of users with cognitive disabilities is possible by blurring out parts of a screen on which they mistakenly gaze and only maintain in focus a desired next step.
According to one embodiment of the present disclosure, an approach is provided in which the approach deconstructs a user interface into user interface elements that each are assigned an importance score. The approach compares a user eye gaze pattern of a user viewing the user interface against an expected eye gaze pattern corresponding to the user interface, and determines that the user requires assistance navigating the user interface. The approach selects one of the user interface elements based on its importance score, generates an augmented reality overlay of the selected user interface element, and displays the augmented reality overlay on the user interface using an augmented reality device.
The foregoing is a summary and thus contains, by necessity, simplifications, generalizations, and omissions of detail; consequently, those skilled in the art will appreciate that the summary is illustrative only and is not intended to be in any way limiting. Other aspects, inventive features, and advantages of the present disclosure, as defined solely by the claims, will become apparent in the non-limiting detailed description set forth below.
The present disclosure may be better understood, and its numerous objects, features, and advantages made apparent to those skilled in the art by referencing the accompanying drawings, wherein:
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. As used herein, the singular forms “a”, “an” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms “comprises” and/or “comprising,” when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
The corresponding structures, materials, acts, and equivalents of all means or step plus function elements in the claims below are intended to include any structure, material, or act for performing the function in combination with other claimed elements as specifically claimed. The description of the present disclosure has been presented for purposes of illustration and description, but is not intended to be exhaustive or limited to the disclosure in the form disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the disclosure. The embodiment was chosen and described in order to best explain the principles of the disclosure and the practical application, and to enable others of ordinary skill in the art to understand the disclosure for various embodiments with various modifications as are suited to the particular use contemplated.
The present invention may be a system, a method, and/or a computer program product at any possible technical detail level of integration. The computer program product may include a computer readable storage medium (or media) having computer readable program instructions thereon for causing a processor to carry out aspects of the present invention.
The computer readable storage medium can be a tangible device that can retain and store instructions for use by an instruction execution device. The computer readable storage medium may be, for example, but is not limited to, an electronic storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. A non-exhaustive list of more specific examples of the computer readable storage medium includes the following: a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), a static random access memory (SRAM), a portable compact disc read-only memory (CD-ROM), a digital versatile disk (DVD), a memory stick, a floppy disk, a mechanically encoded device such as punch-cards or raised structures in a groove having instructions recorded thereon, and any suitable combination of the foregoing. A computer readable storage medium, as used herein, is not to be construed as being transitory signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through a waveguide or other transmission media (e.g., light pulses passing through a fiber-optic cable), or electrical signals transmitted through a wire.
Computer readable program instructions described herein can be downloaded to respective computing/processing devices from a computer readable storage medium or to an external computer or external storage device via a network, for example, the Internet, a local area network, a wide area network and/or a wireless network. The network may comprise copper transmission cables, optical transmission fibers, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers. A network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium within the respective computing/processing device.
Computer readable program instructions for carrying out operations of the present invention may be assembler instructions, instruction-set-architecture (ISA) instructions, machine instructions, machine dependent instructions, microcode, firmware instructions, state-setting data, configuration data for integrated circuitry, or either source code or object code written in any combination of one or more programming languages, including an object oriented programming language such as Smalltalk, C++, or the like, and procedural programming languages, such as the “C” programming language or similar programming languages. The computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet Service Provider). In some embodiments, electronic circuitry including, for example, programmable logic circuitry, field-programmable gate arrays (FPGA), or programmable logic arrays (PLA) may execute the computer readable program instructions by utilizing state information of the computer readable program instructions to personalize the electronic circuitry, in order to perform aspects of the present invention.
Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer readable program instructions.
These computer readable program instructions may be provided to a processor of a computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer readable program instructions may also be stored in a computer readable storage medium that can direct a computer, a programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer readable storage medium having instructions stored therein comprises an article of manufacture including instructions which implement aspects of the function/act specified in the flowchart and/or block diagram block or blocks.
The computer readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process, such that the instructions which execute on the computer, other programmable apparatus, or other device implement the functions/acts specified in the flowchart and/or block diagram block or blocks.
The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the Figures. For example, two blocks shown in succession may, in fact, be accomplished as one step, executed concurrently, substantially concurrently, in a partially or wholly temporally overlapping manner, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems that perform the specified functions or acts or carry out combinations of special purpose hardware and computer instructions. The following detailed description will generally follow the summary of the disclosure, as set forth above, further explaining and expanding the definitions of the various aspects and embodiments of the disclosure as necessary.
Northbridge 115 and Southbridge 135 connect to each other using bus 119.
In some embodiments, the bus is a Direct Media Interface (DMI) bus that transfers data at high speeds in each direction between Northbridge 115 and Southbridge 135. In some embodiments, a PCI bus connects the Northbridge and the Southbridge. Southbridge 135, also known as the Input/Output (I/O) Controller Hub (ICH) is a chip that generally implements capabilities that operate at slower speeds than the capabilities provided by the Northbridge. Southbridge 135 typically provides various busses used to connect various components. These busses include, for example, PCI and PCI Express busses, an ISA bus, a System Management Bus (SMBus or SMB), and/or a Low Pin Count (LPC) bus. The LPC bus often connects low-bandwidth devices, such as boot ROM 196 and “legacy” I/O devices (using a “super I/O” chip). The “legacy” I/O devices (198) can include, for example, serial and parallel ports, keyboard, mouse, and/or a floppy disk controller. Other components often included in Southbridge 135 include a Direct Memory Access (DMA) controller, a Programmable Interrupt Controller (PIC), and a storage device controller, which connects Southbridge 135 to nonvolatile storage device 185, such as a hard disk drive, using bus 184.
ExpressCard 155 is a slot that connects hot-pluggable devices to the information handling system. ExpressCard 155 supports both PCI Express and Universal Serial Bus (USB) connectivity as it connects to Southbridge 135 using both the USB and the PCI Express bus. Southbridge 135 includes USB Controller 140 that provides USB connectivity to devices that connect to the USB. These devices include webcam (camera) 150, infrared (IR) receiver 148, keyboard and trackpad 144, and Bluetooth device 146, which provides for wireless personal area networks (PANs). USB Controller 140 also provides USB connectivity to other miscellaneous USB connected devices 142, such as a mouse, removable nonvolatile storage device 145, modems, network cards, Integrated Services Digital Network (ISDN) connectors, fax, printers, USB hubs, and many other types of USB connected devices. While removable nonvolatile storage device 145 is shown as a USB-connected device, removable nonvolatile storage device 145 could be connected using a different interface, such as a Firewire interface, etcetera.
Wireless Local Area Network (LAN) device 175 connects to Southbridge 135 via the PCI or PCI Express bus 172. LAN device 175 typically implements one of the Institute of Electrical and Electronic Engineers (IEEE) 802.11 standards of over-the-air modulation techniques that all use the same protocol to wireless communicate between information handling system 100 and another computer system or device. Optical storage device 190 connects to Southbridge 135 using Serial Analog Telephone Adapter (ATA) (SATA) bus 188. Serial ATA adapters and devices communicate over a high-speed serial link. The Serial ATA bus also connects Southbridge 135 to other forms of storage devices, such as hard disk drives. Audio circuitry 160, such as a sound card, connects to Southbridge 135 via bus 158. Audio circuitry 160 also provides functionality associated with audio hardware such as audio line-in and optical digital audio in port 162, optical digital output and headphone jack 164, internal speakers 166, and internal microphone 168. Ethernet controller 170 connects to Southbridge 135 using a bus, such as the PCI or PCI Express bus. Ethernet controller 170 connects information handling system 100 to a computer network, such as a Local Area Network (LAN), the Internet, and other public and private computer networks.
While
As discussed above, prior approaches to influence certain users to a desired next step on a user interface is to blur out parts of the user interface on which the user mistakenly gazes and retain proper focus on a desired next step. However, such an approach has a significant drawback because, in most instances, user interface pages are provided to a user's device in their entirety and are not provided as individual elements (e.g., OK button, BACK button, etc.). As such, a user's device is not able to single out a particular component for which to highlight.
The approach performs a training phase and learns baseline behavior for “expected” and “outlier” eye gaze patterns from users interacting with a user interface. Expected eye gaze patterns are those patterns that typical users exhibit and follow an expected visual hierarchy pattern. Outlier eye gaze patterns are atypical patters that do not align with the designer's anticipated audience behavior given the principles of visual hierarchy, such as repeated circular patterns when viewing the user interface without taking action.
Following the training phase, a user equipped with an augmented reality device (e.g., goggles, glasses, etc.) interacts with the user interface. The approach evaluates the user's eye gaze patterns and classifies the patterns as “expected” or “outlier”. When the user's eye gaze patterns suggest “outlier” behavior (to exceed some threshold time duration), the approach identifies an element in the user interface corresponding to a desired next step (e.g., an OK button), generates an AR element that corresponds to the identified element, and overlays the AR element on the user interface using the AR device to guide the user's focus to the desired next step (e.g., change the user's viewing behavior).
In one embodiment, an object detection artificial intelligence (Al) module, trained to detect UI (user interface) elements, detects the location of the elements (from screenshots) and extracts a 2D images of the UI element that require interaction (in order for the user to follow the desired path of visual hierarchy, e.g., a “buy” button in an digital marketplace UI). The approach then coverts the extracted 2D images to 3D models suitable for AR rendering.
As discussed above, AR assist system 310 performs a training stage and stores expected eye gaze patterns in historical eye gaze corpus 325. At runtime, eye gaze classification engine 320 monitors and classifies eye gaze patterns of AR enabled user 300 by comparing AR enabled user 300's eye gaze pattern against an expected eye gaze pattern of the corresponding user interface (see
When UI modification controller 330 receives an “outlier” classification, UI modification controller 330 captures a screen shot of the user interface being viewed by AR enabled user 300 and sends the screenshot to object detection Al model 350. Object detection Al model 350 decomposes the screenshot into elements/regions based on UI element training data 355. In one embodiment, object detection Al model 350 performs this step manually. In another embodiment, object detection Al model 350 uses a visual recognition Al to perform object detection within the UI window. In this embodiment, UI modification controller 330 captures a screenshot of the UI window and object detection Al model 350 uses a custom trained You-Only-Look-Once (YOLO) convolutional neural network model to perform object detection of the UI objects (also referred to herein as elements) within the screenshot. Object detection Al model 350 then captures the bounding box coordinates of the detected elements/regions.
Image processing engine 360 receives the information from object detection AI model 350 and determines bounding box coordinates of the elements/regions. Then, image processing engine 360 assigns an importance level to the captured elements, such as based on a visual hierarchy of the user interface. In one embodiment, within each user interface, elements are labeled as elements of interests with a tuple denoting a sequencing of anticipated user interactions given the design visual hierarchy, along with a weighting factor corresponding to the importance of the user completing a specific interaction given the context. In another embodiment, the labeling is performed automatically based on predictions made by historical user interactions in a similar context.
For each important element, image processing engine 360 uses the bounding box coordinates of the captured elements to extract the bounding box (and thus a cropped image of the UI element itself) from the original screenshot image. Within each bounding box for the extracted elements of interest, image processing engine 360 uses an edge detection approach to identify the edges of the object. Image processing engine 360 extracts the objects from the bounding boxes and eliminates the background image.
At this point, image processing engine 360 provides the extracted 2D images of the elements to AR UI overlay engine 340. AR UI overlay engine 340 performs 2D image matching and tracking via an AR translation module, in one embodiment, to map the 2D object model to a 3D object model that is suitable for rendering via an AR framework. Based on the object's importance as previously identified, AR UI overlay engine 340 applies individual (or a combination) of visual effects to the AR rendering of the UI element to increase user focus via visual hierarchy.
AR UI overlay engine 340 sends the rendered 3D model (AR element) to UI modification controller 330, which sends the AR element to AR device 305. AR device 305 overlays the AR element onto the user interface such that AR enabled user 300 notices (see
Eye gaze classification engine 320 retrieves expected eye gaze pattern 410 from historical eye gaze corpus 325 that matches the user interface being viewed by the user. Eye gaze classification engine 320 compares the two patterns and determines whether user eye gaze pattern 400 is an outlier pattern based on various classification approaches. The example in
A user views user interface 500 and begins to exhibit outlier eye gaze patterns as discussed herein. For example, the user may be a user that suffers from progressive cognitive decline. As the user is traversing user interface 500, the user's eye gaze patterns are observed by AR assist system 310 and, as the user's eye gaze repeatedly scans user interface 500, AR assist system 310 marks the user's eye gaze pattern as an “outlier” compared to an expected gaze behavior of user interface 500.
Next, AR assist system 310 decompose user interface 500 and evaluates elements of user interface 500. AR assist system 310 determines that the user's next step is to select export button 520. As such, AR assist system 310 overlays “EXPORT” overlay 560 onto user interface 500 to assist the user in moving along the visual hierarchy of user interface 500. In one embodiment, AR assist system 310 removes AR overlay 560 when the user gazes at export overlay 560 or moves a mouse icon over export overlay 560. This allows the user to click the actual export button (Export button 520) on user interface 500 to complete the user's transaction.
At step 630, the process displays the user interface to AR enabled user 300 and begins to monitor the user's eye pattern. At step 640, the process evaluates the user's eye gaze and compares the user's eye gaze pattern to an expected eye gaze stored in historical eye gaze corpus 325 (see
If the user is not exhibiting outlier behavior, then decision 650 branches to the ‘no’ branch which loops back to continue to monitor the user's eye pattern. This looping continues until the user's eye pattern exhibits outlier behavior, at which point decision 650 branches to the ‘yes’ branch exiting the loop. At predefined process 660, the process performs steps to add an AR overlay to the user interface to assist the user in performing a next action, such as emphasizing an element on the user interface (see
The process determines as to whether to continue (decision 670). If the process should continue, then decision 670 branches to the ‘yes’ branch which loops back to continue to monitor the user's eye pattern. This looping continues until the process should terminate, at which point decision 670 branches to the ‘no’ branch exiting the loop.
At step 720, the process determines bounding box coordinates of the various elements/regions and annotates the elements/regions with importance values. In one embodiment, the process uses tuples for the annotations and the importance values are based on a visual hierarchy of the user interface.
At step 730, the process identifies the important elements, which are those elements having an importance score higher than a predefined threshold. In one embodiment, the important elements are the next elements the user interface's visual hierarchy based on the user's eye gaze pattern. For each important element, the process uses its bounding box coordinates of the captured elements to extract the bounding box (e.g., a cropped image of the UI element) from the original screenshot image.
At step 740, within each bounding box for the extracted elements of interest, the process uses an edge detection approach to identify the edges of the element. The process extracts the elements from the bounding boxes and eliminates the background image. At step 750, the process performs 2D image matching and tracking via, in one embodiment, an AR translation module to map the 2D element to a 3D object model (element) that is suitable for rendering via an AR framework.
At step 760, based on the element's annotated importance, the process applies individual (or a combination) of visual effects to the AR rendering of the AR element to increase a user focus via visual hierarchy (e.g., modifications to size, color, contrast, alignment, repetition, whitespace texture and style, etc.). For example, if the element is of high importance, the process adds a highlighting layer as well as increasing the size of the element. At step 770, the process presents the rendered AR element (3D model) to AR enabled user 300 via AR device 305 as an overlay to the UI to direct user eye gaze.
While particular embodiments of the present disclosure have been shown and described, it will be obvious to those skilled in the art that, based upon the teachings herein, that changes and modifications may be made without departing from this disclosure and its broader aspects. Therefore, the appended claims are to encompass within their scope all such changes and modifications as are within the true spirit and scope of this disclosure. Furthermore, it is to be understood that the disclosure is solely defined by the appended claims. It will be understood by those with skill in the art that if a specific number of an introduced claim element is intended, such intent will be explicitly recited in the claim, and in the absence of such recitation no such limitation is present. For non-limiting example, as an aid to understanding, the following appended claims contain usage of the introductory phrases “at least one” and “one or more” to introduce claim elements. However, the use of such phrases should not be construed to imply that the introduction of a claim element by the indefinite articles “a” or “an” limits any particular claim containing such introduced claim element to disclosures containing only one such element, even when the same claim includes the introductory phrases “one or more” or “at least one” and indefinite articles such as “a” or “an”; the same holds true for the use in the claims of definite articles.
