CN112068832A - Visual interface design method and platform - Google Patents

Abstract

The invention discloses a visual interface design method and a visual interface design platform, wherein the method comprises the following steps: inputting a natural language sentence; recognizing natural language sentences and storing the natural language sentences as a graph database; a graph database is presented as an interface. The invention enables a user to interact with the platform in a natural language mode, thereby designing a visual interface meeting the requirements of the user in real time.

Description

Visual interface design method and platform

Technical Field

The invention relates to the field of interface design, in particular to a visual interface design method and a visual interface design platform.

Background

With the continuous development of IT technology, the demand of users for self-definition of a management system supporting services is more and more strong. At present, many system interfaces are all discordant, when a business changes, a user needs to submit a change requirement to a development team for development, and the change requirement is communicated, designed, developed, tested and released through long requirements, and the middle part of the business is also accompanied by consultation back and forth caused by the understood in-and-out, so that the time cost is very high, and the user experience is not good.

Disclosure of Invention

The invention aims to provide a visual interface design method and a visual interface design platform aiming at the defects in the prior art, and a user can interact with the platform in a natural language mode so as to design a visual interface meeting the requirements of the user in real time.

Therefore, the invention adopts the following technical scheme.

A visual interface design method comprises the following steps: inputting a natural language sentence; identifying the natural language sentences and storing the natural language sentences as a graph database; and displaying the graph database as a visual interface.

Preferably, the natural language sentences comprise entities and relations, and the graph database comprises nodes and links; the step of identifying the natural language sentence and storing the natural language sentence as a graph database specifically comprises the following steps: identifying the entity and the relationship in the natural language statement; the entities are stored as the nodes in the graph database and the relationships are stored as the links between the nodes.

Preferably, the visual interface comprises a menu, a form and a flow.

Preferably, the input method of the natural language sentence comprises voice recognition input, interface character input and file import.

Preferably, the input mode of the natural language sentence includes one-by-one input and batch input.

Preferably, the natural language sentence includes a build pattern and a cancel pattern.

Preferably, the natural language sentence further includes a name of the visual interface.

Based on the same inventive concept, the invention also provides a visual interface design platform, which comprises: the input module is used for inputting natural language sentences; the recognition module is used for recognizing the natural language sentences and storing the natural language sentences as a graph database; and the display module is used for displaying the graph database as a visual interface.

The technical scheme has the advantages that:

1. the user directly interacts with the platform in a natural language mode without a development team;

2. the sentence pattern of the natural language sentence required to be input is designed to be limited, and a user can easily start;

3. the communication cost and the time cost for communicating the user requirements are saved, the user-defined interface requirements are met, and the user experience is good.

Drawings

FIG. 1 is a flow chart of a method of visual interface design;

FIG. 2 is a platform interface diagram of the interactive contents of the input natural language according to the first embodiment;

FIG. 3 is a platform interface diagram of a generated menu according to the first embodiment;

FIG. 4 is a diagram of a platform interface for inputting interactive contents of natural language for the first time according to the second embodiment;

FIG. 5 is a platform interface diagram of a form generated for the first time according to the second embodiment;

FIG. 6 is a platform interface diagram of interactive contents of natural language input for the second time in the second embodiment;

FIG. 7 is a platform interface diagram of a form generated a second time in the second embodiment;

FIG. 8 is a platform interface diagram of interactive contents of natural language input for the first time according to the third embodiment;

FIG. 9 is a platform interface diagram of interactive contents of natural language input for the second time in the third embodiment;

fig. 10 is a platform interface diagram of the flow of generation in the third embodiment.

Detailed Description

In order that the objects, features and advantages of the invention will be more clearly understood, a more particular description of the invention will be rendered by reference to the appended drawings, which are illustrated in detail in order to provide a thorough understanding of the invention, but which may be carried out in other ways than those described. Accordingly, the invention is not limited by the specific implementations disclosed below.

The invention discloses a design idea, which is a visual interface designed by a user by interacting the user's own idea with a business system in a natural language way.

As shown in FIG. 1, the invention discloses a visual interface design method, which comprises the following steps.

Natural language sentences are input into the visual interface design platform.

The way to input natural language sentences can be through speech recognition entry, interface text entry and through documents. Such as a text file, Excel file, etc.

The input mode of the natural language sentence comprises one-by-one input and batch input. For example, the user may enter natural language statements in a single or batch through an input box of the platform interface.

The input natural language sentence also comprises the name of the designed visual interface, and the name is used for connecting the contents of the natural language sentences input twice.

The natural language sentence includes a build sentence pattern and a cancel sentence pattern.

The method for establishing the vertical sentence pattern mainly comprises the following steps:

y1 is a classification;

y2 is a classification;

y3 is a classification;

x1 is a Y1;

x2 is a Y2;

x3 is a Y3;

x1 is X3 of X2.

The canceling sentence pattern mainly comprises the following steps:

y1 is not a classification;

y2 is not a classification;

y3 is not a classification;

x1 is not a Y1;

x2 is not a Y2;

x3 is not a Y3;

x1 is not X3 of X2.

The platform identifies natural language sentences through a natural language processing algorithm and stores the natural language sentences as a graph database. The method specifically comprises the following steps.

1. The sentence pattern of the input natural language sentence is analyzed.

2. Segmentation is performed according to "yes".

3. And extracting the three triples of the subject and the predicate element.

4. Saved to the graph database.

A sentence pattern includes a sentence pattern of categories, entities, and relationships.

The platform firstly creates classification in a graph database, wherein the classification can be divided into three types, namely a menu, a form and a flow, and corresponds to three visual interfaces. The classification may be an entity or a relationship based on the sentence pattern of the different interface designs. And then creating nodes, storing the entities as the nodes, establishing the relationship between the nodes, and storing the relationship as the link between the nodes.

The classification is three categories of menu, form and flow, which correspond to three visual interfaces.

The platform firstly creates a classification in a graph database according to a classification entity, then creates a node, saves a node entity as the node, and saves a relationship as a link between the nodes, namely, establishes the relationship between the nodes.

And the platform extracts entity and relation data from the graph database through an interface analysis and display algorithm and displays the entity and the relation data into a visual interface. After the entity and the relation data in the graph database are obtained, the interface can be updated according to the set rule, and the interface design effect desired by the user is presented. The method specifically comprises the following steps.

1. And analyzing the natural language query request input by the interface.

2. Related data is obtained from a graph database.

3. And assembling into a webpage language.

4. And returning front-end response and presentation.

5. And displaying the visual interface.

The following invention embodiments one to three respectively disclose the design process of generating three visual interfaces of a menu, a form and a process by using the method.

Example one

FIG. 2 is a diagram of a platform interface prior to submission of interactive content defining a menu. Inputting at an input box of the platform interface: the shortcut menu is a category; location is a category; user management and equipment management are shortcut menus; 1. 2 is a position; the location of device management is 1.

In the embodiment of the invention, the shortcut menu and the position are menu categories. First, a shortcut menu and a classification of locations are created, respectively. Then, the user management, device management (entity) is saved as a node under the shortcut menu, 1, 2 (entity) are saved as nodes of the location, and a relationship between the device management and 1 is established, that is, "the location of the device management is 1" is saved as a link of the two nodes.

FIG. 3 is a platform interface diagram illustrating an automated platform generation menu after submission. The platform generates a menu according to the input natural language. The menu shows the entities that establish the relationships and their relationships.

Example two

The embodiment of the invention generates the final form by inputting two interactive content definitions.

FIG. 4 is a diagram of the platform interface prior to the first submission of the interactive content defining the form. Inputting at an input box of the platform interface: table, attribute is a category; the device is a form; the device number and the device name are attributes; the equipment number and the equipment name are the attributes of the equipment; DEVICE001, DEVICE002 is a DEVICE; a list of devices.

FIG. 5 is a diagram of a platform interface for the first time the platform automatically generates a form after submission. The platform generates a basic form from the first input of natural language. The forms and attributes are form categories. Establishing a node under the equipment: DEVICE001, DEVICE002 and nodes under the attributes: the relationship between the device number and the device name, and naming the generated form, i.e. inputting the name of the form.

FIG. 6 is a diagram of the platform interface prior to a second submission of the interactive content defining the form. Inputting at an input box of the platform interface: DEVICE002 is named robot; DEVICE002 is AUTOMACHINE; DEVICE001 is under the DEVICE name air conditioner; DEVICE number air of DEVICE 001; a list of devices.

FIG. 7 is a diagram of a platform interface for the second time the form is automatically generated by the platform after submission. And the second interactive content comprises the name of the generated form, so that the generated form is further defined, and the data are respectively stored in the nodes to generate a final form.

EXAMPLE III

The embodiment of the invention generates the final flow by inputting two interactive content definitions.

FIGS. 8 and 9 are diagrams of a platform interface prior to submission of interactive content of a flow menu. Firstly, inputting in an input box of a platform interface: the flow, flow relation and steps are classified; the purchasing process is a process; the steps are a flow relation; the inquiry and order of purchase is a step; the inquiry price and purchase order form of purchase are the steps of purchase flow. Establishing nodes under the process: the node under the purchase flow and step: relation between purchase inquiry and purchase order.

Then, inputting: the process matching relationship is a classification; the next step is a process matching relationship; the purchase order is the next step of the purchase inquiry; and (5) purchasing procedure. And establishing a relationship between the node purchase order and the purchase inquiry price, and naming the generated flow.

FIG. 10 is a platform interface diagram illustrating an automatic generation flow of a platform after submission. The platform generates a flow from the input natural language. The name of the flow is shown in the interface.

The method of the invention only needs a limited number of sentence patterns, and the user can interact with the system in a natural language mode, thereby designing menus, forms or flows meeting the requirements of the user in real time, expanding the menus according to the existing sentence patterns, storing the expanded sentences into a graph database, and realizing interface display or business algorithms of other types.

Example four

The embodiment of the invention provides a visual interface design platform, which comprises:

and the input module is used for inputting natural language sentences.

And the recognition module is used for recognizing the natural language sentences and storing the natural language sentences as the graph database.

And the display module is used for displaying the graph database as a visual interface.

The platform can obtain the composition relation of the menu, the form or the flow by using the obtained entity and relation information contained in the graph database, and then organize and display the user interface.

While the above description shows and describes the preferred embodiments of the present invention, it is to be understood that the invention is not limited to the forms disclosed herein, but is not to be construed as excluding other embodiments and is capable of use in various other combinations, modifications, and environments and is capable of changes within the scope of the inventive concept as expressed herein, commensurate with the above teachings, or the skill or knowledge of the relevant art. And that modifications and variations may be effected by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (8)

1. A visual interface design method is characterized by comprising the following steps:

inputting a natural language sentence;

identifying the natural language sentences and storing the natural language sentences as a graph database;

and displaying the graph database as a visual interface.

2. A visual interface design method according to claim 1 wherein said natural language statements include entities and relationships, said graph database including nodes and links;

the step of identifying the natural language sentence and storing the natural language sentence as a graph database specifically comprises the following steps:

identifying the entity and the relationship in the natural language statement;

the entities are stored as the nodes in the graph database and the relationships are stored as the links between the nodes.

3. A visual interface design method according to claim 1, wherein the visual interface comprises menus, forms and procedures.

4. A visual interface design method according to claim 1, characterized in that the input method of the natural language sentence comprises voice recognition input, interface text input and import by file.

5. A visual interface design method according to claim 1, wherein the input modes of the natural language sentence include one-by-one input and batch input.

6. A visual interface design method as claimed in claim 1, wherein said natural language sentences include build patterns and cancel patterns.

7. A visual interface design method according to claim 1, wherein the natural language sentence further comprises a name of the visual interface.

8. A visual interface design platform, comprising:

the input module is used for inputting natural language sentences;

the recognition module is used for recognizing the natural language sentences and storing the natural language sentences as a graph database;

and the display module is used for displaying the graph database as a visual interface.

Images