Rule-based user interface layout rearrangement

Patent metadata

Field	Value
Publication number	US-11747973-B2
Application number	US-202217662468-A
Country	US
Kind code	B2
Filing date	May 9, 2022
Priority date	Feb 21, 2019
Publication date	Sep 5, 2023
Grant date	Sep 5, 2023

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:
repositioning, by a device and based on receiving data identifying a new user interface element and using a rule-based user interface layout rearrangement, a set of user interface elements associated with a user interface,
wherein the repositioning includes:
repositioning a first user interface element, of the set of user interface elements, by an amount associated with a dimension of the new user interface element,
repositioning, 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, relative to the first user interface element based on a relative positioning characteristic associated with the second user interface element,
wherein the second user interface element is located outside a border of the first user interface element,

filtering the set of user interface elements to determine a first subset of user interface elements associated with a fixed positioning type of attribute,
removing user interface elements contained within other user interface elements with a fixed position from the first subset of user interface elements to identify a second subset of user interface elements, and
applying a translation to a position associated with the second subset of user interface elements; and

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 set of user interface elements.

2. The method of claim 1 , further comprising:
determining the relative positioning characteristic based on traversing a document object model (DOM) tree.

3. The method of claim 1 , further comprising:
setting the new user interface element as a relative positioning element.

4. The method of claim 1 , further comprising:
monitoring a document object model (DOM) associated with altering the set of user interface elements; and
repositioning the set of user interface elements based on detecting an alteration to the DOM.

5. The method of claim 1 , further comprising:
translating one or more user interface elements, of the set of user interface elements, to vacate space in the user interface; and
storing information identifying which of the one or more user interface elements was translated.

6. The method of claim 1 , wherein the data identifying a new user interface element is associated with a browser extension.

7. The method of claim 1 , wherein the applying the translation comprises:
applying the translation based on a size of the new user interface element.

8. A device, comprising:
one or more memories; and
one or more processors, coupled to the one or more memories, configured to:
reposition, based on receiving data identifying a new user interface element and using a rule-based user interface layout rearrangement, a set of user interface elements associated with a user interface,
wherein the one or more processors, to reposition the set of user interface elements, are configured to:
reposition a first user interface element, of the set of user interface elements, by an amount associated with a dimension of the new user interface element, and
reposition, 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, relative to the first user interface element based on a relative positioning characteristic associated with the second user interface element,
wherein the second user interface element is located outside a border of the first user interface element,

filter the set of user interface elements to determine a first subset of user interface elements associated with a fixed positioning type of attribute,
remove user interface elements contained within other user interface elements with a fixed position from the first subset of user interface elements to identify a second subset of user interface elements, and
apply a translation to a position associated with the second subset of user interface elements; and

insert the new user interface element into the user interface in a portion of the user interface vacated based on the repositioning of the set of user interface elements.

9. The device of claim 8 , wherein the one or more processors are further configured to:
determine the relative positioning characteristic based on traversing a document object model (DOM) tree.

10. The device of claim 8 , wherein the one or more processors are further configured to:
set the new user interface element as a relative positioning element.

11. The device of claim 8 , wherein the one or more processors are further configured to:
monitor a document object model (DOM) associated with altering the set of user interface elements; and
reposition the set of user interface elements based on detecting an alteration to the DOM.

12. The device of claim 8 , wherein the one or more processors are further configured to:
translate one or more user interface elements, of the set of user interface elements, to vacate space in the user interface; and
store information identifying which of the one or more user interface elements was translated.

13. The device of claim 8 , wherein the data identifying a new user interface element is associated with a browser extension.

14. The device of claim 8 , wherein the one or more processors are further configured to:
assign one or more positioning attributes to the new user interface element.

15. A non-transitory computer-readable medium storing a set of instructions, the set of instructions comprising:
one or more instructions that, when executed by one or more processors of a device, cause the device to:
reposition, based on receiving data identifying a new user interface element and using a rule-based user interface layout rearrangement, a set of user interface elements associated with a user interface,
wherein the one or more instructions, that cause the one or more processors to reposition the set of user interface elements, cause the one or more processors to:
reposition a first user interface element, of the set of user interface elements, by an amount associated with a dimension of the new user interface element, and
reposition, 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, relative to the first user interface element based on a relative positioning characteristic associated with the second user interface element,
wherein the second user interface element is located outside a border of the first user interface element,

filter the set of user interface elements to determine a first subset of user interface elements associated with a fixed positioning type of attribute,
remove user interface elements contained within other user interface elements with a fixed position from the first subset of user interface elements to identify a second subset of user interface elements, and
apply a translation to a position associated with the second subset of user interface elements; and

insert the new user interface element into the user interface in a portion of the user interface vacated based on the repositioning of the set of user interface elements.

16. The non-transitory computer-readable medium of claim 15 , wherein the one or more instructions further cause the device to:
determine the relative p

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

• 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

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F8/35

  model driven · CPC title