SYSTEMS AND METHODS FOR AUTOMATED GENERATION OF GRAPHICAL USER INTERFACES

A computer-implemented method for automated generation of a graphical user interface for a target application, the method being performed in connection with a computerized system comprising a processor, a memory and a display device, the method involving: obtaining a content associated with the target application; using the obtained content to generate a central graphical element, the central graphical element being generated using at least a first portion of the obtained content; magnifying at least a second portion of the content; applying a Gaussian blurring filter to the magnified second portion of the content; generating a background image based on the blurred magnified second portion of the content; and generating the graphical user interface, the graphical user interface comprising the central graphical element, the background image and a content block, wherein the central graphical element and the content block overlay the background image.

BACKGROUND OF THE INVENTION

1. Technical Field

The disclosed embodiments relate in general to user interfaces of electronic computing devices and, more specifically, to systems and methods for automatically generating graphical user interfaces.

2. Description of the Related Art

In designing of graphical user interfaces for various computing devices, a need often arises to automatically generate a graphics-enhanced front or title page or screen for a collection of content, a profile, such as a user profile or a software application. It is desirable for the generated graphical page or screen to contain some type of visual indication of the information contained in the content collection or the profile or the nature of the associated software application. In addition, the generated page should distinguish the associated content or profile from similar content or profiles and also be visually appealing to users.

On the other hand, it is also desirable to keep the same or substantially the same positional arrangement of various graphical elements, control elements of the graphical user interface and/or informational items in the generated page or screen.

However, the conventional technology fails to provide graphical user interface generation techniques that satisfy the above requirements. Therefore, new and improved techniques for automatically generating graphical title page for a collection of content or a profile, such as user profile, or a software application are needed.

SUMMARY OF THE INVENTION

The embodiments described herein are directed to methods and systems that substantially obviate one or more of the above and other problems associated with conventional techniques for generating graphical user interfaces.

In accordance with one aspect of the inventive concepts described herein, there is provided a computer-implemented method for automated generation of a graphical user interface for a target application, the method being performed in connection with a computerized system comprising a processor, a memory and a display device. The method involves: obtaining a content associated with the target application; using the obtained content to generate a central graphical element, the central graphical element being generated using at least a first portion of the obtained content; magnifying at least a second portion of the content; applying a Gaussian blurring filter to the magnified second portion of the content; generating a background image based on the blurred magnified second portion of the content; and generating the graphical user interface, the graphical user interface comprising the central graphical element, the background image and a content block, wherein the central graphical element and the content block overlay the background image.

In one or more embodiments, the content block comprises at least one interactive graphical user interface control element.

In one or more embodiments, the content block comprises textual content descriptive of the target application.

In one or more embodiments, the target application is a software application.

In one or more embodiments, the target application is a user profile.

In one or more embodiments, the central graphical element has a square shape.

In one or more embodiments, the size of the central graphical element is substantially one-third of the width of the generated graphical user interface.

In one or more embodiments, the central graphical element is horizontally positioned substantially in the middle if the generated graphical user interface.

In one or more embodiments, the content block is positioned substantially below the central graphical element.

In one or more embodiments, the determined length of the user gesture is either a full display width or half display width.

In accordance with another aspect of the inventive concepts described herein, there is provided a non-transitory computer-readable medium embodying a set of computer-readable instructions, which, when executed in connection with a computerized system comprising a processor, a memory and a display device, cause the computerized system to perform a method for automated generation of a graphical user interface for a target application. The method involves: obtaining a content associated with the target application; using the obtained content to generate a central graphical element, the central graphical element being generated using at least a first potion of the obtained content; magnifying at least a second portion of the content; applying a Gaussian blurring filter to the magnified second portion of the content; generating a background image based on the blurred magnified second portion of the content; and generating the graphical user interface, the graphical user interface comprising the central graphical element, the background image and a content block, wherein the central graphical element and the content block overlay the background image.

In one or more embodiments, the content block comprises at least one interactive graphical user interface control element.

In one or more embodiments, the content block comprises textual content descriptive of the target application.

In one or more embodiments, the target application is a software application.

In one or more embodiments, the target application is a user profile.

In one or more embodiments, the central graphical element has a square shape.

In one or more embodiments, the size of the central graphical element is substantially one-third of the width of the generated graphical user interface.

In one or more embodiments, the central graphical element is horizontally positioned substantially in the middle if the generated graphical user interface.

In one or more embodiments, the content block is positioned substantially below the central graphical element.

In one or more embodiments, the determined length of the user gesture is either a full display width or half display width.

In accordance with yet another aspect of the inventive concepts described herein, there is provided a computerized system comprising a processor, a memory and a display device, the memory storing a set of computer-readable instructions, which, when executed by the processor cause the computerized system to perform a method for automated generation of a graphical user interface for a target application. The method involves: obtaining a content associated with the target application; using the obtained content to generate a central graphical element, the central graphical element being generated using at least a first portion of the obtained content; magnifying at least a second portion of the content; applying a Gaussian blurring filter to the magnified second portion of the content; generating a background image based on the blurred magnified second portion of the content; and generating the graphical user interface, the graphical user interface comprising the central graphical element, the background image and a content block, wherein the central graphical element and the content block overlay the background image.

DETAILED DESCRIPTION

In accordance with one or more embodiments described herein, there is provided a computerized system and an associated computer-implemented method for automatically generating graphical user interfaces. The term graphical user interface used herein shall be construed in the broadest possible sense and shall include, without limitation, graphical title page or screen for a collection of content or a profile, such as user profile, or a screen of a software application, such as messaging or gaming application. Also, the term application used herein shall cover any type of application or content collection usable on connection with a computing device, including, without limitation, software applications, online applications, web pages, as well as a collections of content and various profiles, such as a user profiles.

In one or more embodiments, the generated graphical user interface comprises a central graphical element in a form of an icon positioned in the middle part of the generated user interface, a text/control block with descriptive content and/or control elements as well as a background image. In one or more embodiments, the aforesaid central graphical element is generated using the content from the content collection or profile or content associated with the software application for which the graphical user interface is being generated. In one or more embodiments, the text/control block may incorporate textual information descriptive of the underlying content, profile or software application. In the same or different embodiment, the text/control block may incorporate one or more control elements of the graphical user interface of the associated software application. Finally, the background image is preferably generated from the same content as the central graphical element using, for example, Gaussian smoothing (blurring) technique well known to persons of ordinary skill in the art.

Two exemplary embodiments of the graphical user interface generated in accordance with an embodiment of the inventive computer-implemented method is illustrated inFIGS. 1aand 1b. As shown inFIGS. 1aand 1b, the user interface100incorporates a central graphical element101, a text/control block102and a background image103. The background image103may be generated by magnifying the same unit of content as being used in generating the central graphical element101and applying a Gaussian filter, well known to persons of ordinary skill in the art, to the resulting magnified image. The text/control box102, in addition to the textual information of descriptive nature, may incorporate one or more control elements of the graphical user interface of the associated software application, such as a user interface button or a link to additional content. The aforesaid control elements provide interactive functionality to the generated interface allowing the user to retrieve additional content or control the associated software application.

FIG. 2illustrates an exemplary embodiment of an operating sequence200of the computerized system for automatically generating the graphical user interface100. At step201, the content associated with the software application or profile is obtained. At step202, the central graphical element of the graphical user interface is generated using a portion of the obtained content. In one or more embodiments, to generate the central graphical element, the content may be cropped, reduced or magnified, or any combination thereof. In one or more embodiments, the central graphical element may be in a form of an icon or a thumbnail. In one or more embodiments, the central graphical element represents the content associated with the graphical user interface or the nature of the software application. For example, if the software application is a gaming application, the central graphical element may be a portion of a screen from the aforesaid game.

At step203, a portion of the obtained content is magnified with a predetermined magnification ratio. At step204, a Gaussian blur filter well known to persons of ordinary skill in the art is applied to the magnified portion of the content. At step205, the background image for the user interface is generated using the blurred magnified portion of the content. At step206, the user interface is generated using the central graphical element, the background image and the text/control box, which may contain both textual descriptive content as well as graphical user interface control elements. In one or more embodiments, the aforesaid components of the generated user interface are arranged as illustrated inFIGS. 1aand1b. The operation terminates in step207.

As shown inFIGS. 1aand 1b, in one or more embodiments, the central graphical element101may have a square shape. In the same or different embodiment, the central graphical element101may have the size of substantially one-third of the width of the graphical user interface100. In one or more embodiments, the central graphical element101may be positioned substantially in the middle of the graphical user interface100, both horizontally and vertically. In an alternative embodiment, the central graphical element101may be positioned centrally horizontally, but vertically displaced towards the top of the graphical user interface100. In one or more embodiment, the text/control block is positioned substantially below the central graphical element101. In one or more embodiment, the central graphical element101overlays the background image.

FIG. 3is a block diagram that illustrates an embodiment of a computer system300upon which various embodiments of the inventive concepts described herein may be implemented. The system300includes a computer platform301, peripheral devices302and network resources303.

The computer platform301may include a data bus304or other communication mechanism for communicating information across and among various parts of the computer platform301, and a processor305coupled with bus304for processing information and performing other computational and control tasks. Computer platform301also includes a volatile storage306, such as a random access memory (RAM) or other dynamic storage device, coupled to bus304for storing various information as well as instructions to be executed by processor305, including the software application for automated generation of the graphical user interface described above. The volatile storage306also may be used for storing temporary variables or other intermediate information during execution of instructions by processor305. Computer platform301may further include a read only memory (ROM or EPROM)307or other static storage device coupled to bus304for storing static information and instructions for processor305, such as basic input-output system (BIOS), as well as various system configuration parameters. A persistent storage device308, such as a magnetic disk, optical disk, or solid-state flash memory device is provided and coupled to bus304for storing information and instructions.

Computer platform301may be coupled via bus304to a touch-sensitive display309, such as a cathode ray tube (CRT), plasma display, or a liquid crystal display (LCD), for displaying information to a system administrator or user of the computer platform301. An input device310, including alphanumeric and other keys, is coupled to bus304for communicating information and command selections to processor305. Another type of user input device is cursor control device311, such as a mouse, a trackball, or cursor direction keys for communicating direction information and command selections to processor305and for controlling cursor movement on touch-sensitive display309. This input device typically has two degrees of freedom in two axes, a first axis (e.g., x) and a second axis (e.g., y), that allows the device to specify positions in a plane. To detect user's gestures, the display309may incorporate a touchscreen interface configured to detect user's tactile events and send information on the detected events to the processor305via the bus304.

An external storage device312may be coupled to the computer platform301via bus304to provide an extra or removable storage capacity for the computer platform301. In an embodiment of the computer system300, the external removable storage device312may be used to facilitate exchange of data with other computer systems.

The invention is related to the use of computer system300for implementing the techniques described herein. In an embodiment, the inventive system may reside on a machine such as computer platform301. According to one embodiment of the invention, the techniques described herein are performed by computer system300in response to processor305executing one or more sequences of one or more instructions contained in the volatile memory306. Such instructions may be read into volatile memory306from another computer-readable medium, such as persistent storage device308. Execution of the sequences of instructions contained in the volatile memory306causes processor305to perform the process steps described herein. In alternative embodiments, hard-wired circuitry may be used in place of or in combination with software instructions to implement the invention. Thus, embodiments of the invention are not limited to any specific combination of hardware circuitry and software.

The term “computer-readable medium” as used herein refers to any medium that participates in providing instructions to processor305for execution. The computer-readable medium is just one example of a machine-readable medium, which may carry instructions for implementing any of the methods and/or techniques described herein. Such a medium may take many forms, including but not limited to, non-volatile media and volatile media. Non-volatile media includes, for example, optical or magnetic disks, such as the persistent storage device308. Volatile media includes dynamic memory, such as volatile storage306.

Common forms of computer-readable media include, for example, a floppy disk, a flexible disk, hard disk, magnetic tape, or any other magnetic medium, a CD-ROM, any other optical medium, punchcards, papertape, any other physical medium with patterns of holes, a RAM, a PROM, an EPROM, a FLASH-EPROM, a flash drive, a memory card, any other memory chip or cartridge, or any other medium from which a computer can read.

Various forms of computer readable media may be involved in carrying one or more sequences of one or more instructions to processor305for execution. For example, the instructions may initially be carried on a magnetic disk from a remote computer. Alternatively, a remote computer can load the instructions into its dynamic memory and send the instructions over a telephone line using a modem. A modem local to computer system can receive the data on the telephone line and use an infra-red transmitter to convert the data to an infra-red signal. An infra-red detector can receive the data carried in the infra-red signal and appropriate circuitry can place the data on the data bus304. The bus304carries the data to the volatile storage306, from which processor305retrieves and executes the instructions. The instructions received by the volatile memory306may optionally be stored on persistent storage device308either before or after execution by processor305. The instructions may also be downloaded into the computer platform301via Internet using a variety of network data communication protocols well known in the art.

The computer platform301also includes a communication interface, such as network interface card313coupled to the data bus304. Communication interface313provides a two-way data communication coupling to a network link314that is coupled to a local network315. For example, communication interface313may be an integrated services digital network (ISDN) card or a modem to provide a data communication connection to a corresponding type of telephone line. As another example, communication interface313may be a local area network interface card (LAN NIC) to provide a data communication connection to a compatible LAN. Wireless links, such as well-known 802.11a, 802.11b, 802.11g and Bluetooth may also used for network implementation. In any such implementation, communication interface313sends and receives electrical, electromagnetic or optical signals that carry digital data streams representing various types of information.

Network link314typically provides data communication through one or more networks to other network resources. For example, network link314may provide a connection through local network315to a host computer316, or a network storage/server322. Additionally or alternatively, the network link314may connect through gateway/firewall317to the wide-area or global network318, such as an Internet. Thus, the computer platform301can access network resources located anywhere on the Internet318, such as a remote network storage/server319. On the other hand, the computer platform301may also be accessed by clients located anywhere on the local area network315and/or the Internet318. The network clients320and321may themselves be implemented based on the computer platform similar to the platform301.

Local network315and the Internet318both use electrical, electromagnetic or optical signals that carry digital data streams. The signals through the various networks and the signals on network link314and through communication interface313, which carry the digital data to and from computer platform301, are exemplary forms of carrier waves transporting the information.

Computer platform301can send messages and receive data, including program code, through the variety of network(s) including Internet318and LAN315, network link315and communication interface313. In the Internet example, when the system301acts as a network server, it might transmit a requested code or data for an application program running on client(s)320and/or321through the Internet318, gateway/firewall317, local area network315and communication interface313. Similarly, it may receive code from other network resources.

The received code may be executed by processor305as it is received, and/or stored in persistent or volatile storage devices308and306, respectively, or other non-volatile storage for later execution.