Rule-based user in interface layout rearrangement

Patent metadata

Field	Value
Publication number	US-11327643-B2
Application number	US-201916692066-A
Country	US
Kind code	B2
Filing date	Nov 22, 2019
Priority date	Feb 21, 2019
Publication date	May 10, 2022
Grant date	May 10, 2022

Abstract

A device identifies one or more user interface elements, in a user interface, associated with a fixed positioning characteristic and not positioned within another user interface element with the fixed positioning characteristic. The device repositions the one or more user interface elements in the user interface to vacate space for a new user interface element based on a size of the new user interface element and forgo repositioning one or more other user interface elements in the user interface that do not have the fixed positioning characteristic or are positioned within another user interface element with the fixed positioning characteristic. The device inserts the new user interface element into the user interface in a portion of the user interface vacated in connection with repositioning the one or more user interface elements, and provides the user interface for display based on inserting the new user interface element into the user interface.

First claim

What is claimed is:

1. A method, comprising:
receiving, by a device, data identifying a new user interface element to be inserted into a user interface including a set of user interface elements using a rule-based user interface layout rearrangement;
repositioning, by the device and based on receiving the data identifying the new user interface element and using the rule-based user interface layout rearrangement, a first user interface element, of the set of user interface elements, by an amount corresponding to a size of the new user interface element;
repositioning, by the device and based on repositioning the first user interface element and using the rule-based user interface layout rearrangement, a second user interface element, of the set of user interface elements, to remain within a border of the first user interface element based on a fixed positioning characteristic associated with the second user interface element;
repositioning, by the device and based on repositioning the first user interface element and using the rule-based user interface layout rearrangement, a third user interface element, of the set of user interface elements, relative to the first user interface element based on a relative positioning characteristic associated with the third user interface element,
wherein the third user interface element is located outside the border of the first user interface element;
inserting, by the device, the new user interface element into the user interface in a portion of the user interface vacated based on the repositioning of the first user interface element, the second user interface element, and the third user interface element; and providing, by the device, the user interface for display based on inserting the new user interface element into the user interface.

2. The method of claim 1 , further comprising:
storing, in a cache, information identifying the repositioning of the first user interface element, the second user interface element, and the third user interface element; and
reversing, using the cache, the repositioning of the first user interface element, the second user interface element, and the third user interface element.

3. The method of claim 1 , further comprising:
monitoring a document object model (DOM) associated with the user interface; and
wherein receiving the data identifying the new user interface element comprises:
receiving, based on monitoring the DOM, data indicating an alteration of the DOM,
the data indicating the alteration of the DOM specifying the new user interface element.

4. The method of claim 1 , wherein the user interface comprises a website interface; and
wherein inserting the new user interface element comprises:
inserting, via a browser extension associated with a web browser application, the new user interface element into the website interface.

5. The method of claim 1 , wherein receiving the data identifying the new user interface element comprises:
receiving the data identifying the new user interface element based on a triggering event associated with the user interface,
the triggering event comprising detection of an input field in the user interface, and
the input field being associated with the new user interface element.

6. The method of claim 1 , further comprising:
traversing a document object model (DOM) associated with the user interface to identify:
the fixed positioning characteristic associated with the second user interface element, and
the relative positioning characteristic associated with the third user interface element.

7. The method of claim 1 , wherein:
the repositioning of the second user interface element is based on a first quantity of pixels, and
the repositioning of the third user interface element is based on a second quantity of pixels,
the first quantity of pixels being different from the second quantity of pixels.

8. A device, comprising:
one or more memories; and
one or more processors communicatively coupled to the one or more memories, configured to:
receive data identifying a new user interface element to be inserted into a user interface including a set of user interface elements using a rule-based user interface layout rearrangement technique;
reposition, based on receiving the data identifying the new user interface element and using the rule-based user interface layout rearrangement technique, a first user interface element, of the set of user interface elements, by an amount corresponding to a size of the new user interface element;
reposition, based on repositioning the first user interface element, a second user interface element, of the set of user interface elements, to remain within a border of the first user interface element, using the rule-based user interface layout rearrangement technique, and based on a fixed positioning characteristic associated with the second user interface element;

reposition a third user interface element, of the set of user interface elements, relative to the first user interface element based on a rule-based user interface layout rearrangement technique, and based on a relative positioning characteristic associated with the third user interface element,
wherein the third user interface element is located outside the border of the first user interface element;

insert the new user interface element into the user interface in a portion of the user interface vacated based on the repositioning of the first user interface element, the second user interface element, and the third user interface element; and
provide the user interface for display based on inserting the new user interface element into the user interface.

9. The device of claim 8 , wherein the one or more processors are further configured to:
store, in a cache, information identifying the repositioning of the first user interface element, the second user interface element, and the third user interface element; and
reverse, using the cache, the repositioning of the first user interface element, the second user interface element, and the third user interface element.

10. The device of claim 8 , wherein the one or more processors are further configured to:
monitor a document object model (DOM) associated with the user interface; and
wherein the one or more processors, when receiving the data identifying the new user interface element, are configured to:
receive, based on monitoring the DOM, data indicating an alteration of the DOM,
the data indicating the alteration of the DOM specifying the new user interface element.

11. The device of claim 8 , wherein the user interface comprises a website interface; and
wherein the one or more processors, when inserting the new user interface element, are configured to:
insert, via a browser extension associated with a web browser application, the new user interface element into the website interface.

12. The device of claim 8 , wherein the one or more processors, when receiving the data identifying the new user interface element, are configured to:
receive the data identifying the new user interface element based on a triggering event associated with the user interface,
the triggering event comprising detection of an input field in the user interface, and
the input field being associated with the new user interface element.

13. The device of claim 8 , wherein the one or more processors are further configured to:
traverse a document object model (DOM) associated with the user interface to identify:
the fixed positioning characteristic associated with the second user interface element, and
the relative positioning characteristic associated with the third

Assignees

• Capital One Services Llc

Inventors

• Edwards Joshua
• Nguyen Vu
• Vukich Adam
• Yucra Rodriguez Jonatan
• Bulgakov Mykhaylo
• Benkreira Abdelkadar M'Hamed
• Gabriele David
• Chatman Ljubica
• Montealegre Andrea

Classifications

• G06F8/35

  model driven · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F3/04847 Primary

  Interaction techniques to control parameter settings, e.g. interaction with sliders or dials · CPC title

• G06F8/38 Primary

  for implementing user interfaces · CPC title