User interface component generation system and method

Abstract

The invention relates to the field of interface design, and provides a user interface component generation system and method in order to improve the matching degree of interface design and user requirements, a to-be-displayed component is selected by identifying a user intention, and the display position and size are determined based on the degree of correlation with the user intention and user behavior data when the component is displayed. By adopting the mode, the specific requirements of the user can be responded in real time, the display position and size of the display component can be dynamically adjusted, the personalization and flexibility of interaction are improved, and the user experience is remarkably improved.

Description

Technical Field

[0001] The invention relates to the field of interface design, and in particular to a user interface component generation system and method. Background Art

[0002] Existing interface designs usually use fixed templates and lack personalized UI component adjustments, resulting in a monotonous user experience and an inability to dynamically adapt to the needs of different users. Summary of the invention

[0003] In order to improve the matching degree between interface design and user needs, the present application provides a user interface component generation system and method.

[0004] The technical solution adopted by the present invention to solve the above problems is:

[0005] User interface component generation system, including:

[0006] Intent input unit: used to obtain user input information;

[0007] Data collection unit: used to collect user behavior data;

[0008] Intent parsing unit: obtaining user intent based on user input information or obtaining user intent based on user input information and user behavior data;

[0009] UI component library unit: used to provide display components;

[0010] UI component layout unit: used to select display components and perform layout display based on user intent and user behavior data.

[0011] Further, the intention input unit adopts text input and / or voice input.

[0012] Furthermore, the intention parsing unit obtains the user intention based on the LLM big model.

[0013] Furthermore, the UI component layout unit selects display components based on the LLM large model and performs layout display.

[0014] Furthermore, the layout display of the component by the UI component layout unit includes a display position and a display size.

[0015] Furthermore, it also includes a feedback module for collecting user feedback suggestions, and the UI component layout unit optimizes the component selection and layout display method based on the feedback suggestions.

[0016] The user interface component generation method comprises:

[0017] Step 1: Obtain user input information and user behavior data;

[0018] Step 2: parse the user's input information to obtain the user's intention;

[0019] Step 3: Select display components based on user intent, and prioritize the display components based on the relevance of the display components to the user intent and user behavior data;

[0020] Step 4: Determine the display position and display size of the display component based on the priority ranking.

[0021] Furthermore, step 2 also combines user behavior data when obtaining user intent.

[0022] Furthermore, it also includes obtaining user feedback information, and optimizing the selection of display components and the display position and size of the display components according to the user feedback information.

[0023] Compared with the prior art, the present invention has the following beneficial effects: by identifying the user's intention to select the component to be displayed, when the component is displayed, the display position and size are determined based on the degree of relevance to the user's intention and the user's behavior data. The above method can respond to the specific needs of the user in real time, dynamically adjust the display position and size of the display component, improve the personalization and flexibility of the interaction, and significantly improve the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] Figure 1 Generate system architecture diagrams for user interface components;

[0025] Figure 2 Generate method flow diagrams for user interface components. DETAILED DESCRIPTION

[0026] In order to make the purpose, technical solution and advantages of the present invention more clearly understood, the present invention is further described in detail below in conjunction with the embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not used to limit the present invention.

[0027] like Figure 1 As shown, the user interface component generation system includes:

[0028] Intent input unit: used to obtain user input information, which can be text input and / or voice input.

[0029] Data collection unit: used to collect user behavior data.

[0030] Intent parsing unit: obtains user intent based on user input information or obtains user intent based on user input information and user behavior data. User intent can be obtained by using natural language processing technology or by using the LLM large model. In this embodiment, the LLM large model is used to obtain user intent. The LLM large model enables the system to accurately understand the user's intent, rather than relying solely on static keyword matching, thereby effectively reducing mismatches and improving the accuracy of user-system interaction.

[0031] UI component library unit: used to provide display components.

[0032] UI component layout unit: used to select display components and perform layout display based on user intent and user behavior data. Layout display includes display position and display size.

[0033] The dynamic component selection capability ensures that the user interface can flexibly adapt to different user needs and contexts, making the interface presentation more personalized and relevant, thereby improving user satisfaction. According to user behavior and preferences, the layout, size and presentation of UI components are adjusted in real time to ensure the best visual effects and interactive experience. Through this dynamic layout capability, users can experience more natural and smoother interactions during use, reduce operational complexity, and improve the overall user experience.

[0034] It also includes a feedback module for collecting user feedback and suggestions, and the UI component layout unit optimizes the component selection and layout display method based on the feedback suggestions.

[0035] like Figure 2 As shown, the user interface component generation method is characterized by comprising:

[0036] Step 1: Obtain user input information and user behavior data.

[0037] Step 2: Analyze the user's input information to obtain the user's intention. The user's input information is input into the LLM large model (such as GPT-4 or similar architecture). The model uses natural language processing technology to identify the user's needs and extract actionable instructions. This step includes but is not limited to:

[0038] Text parsing: Perform natural language processing on user input to extract keywords, grammatical structures, and potential intent. This step uses lexical analysis and syntactic analysis techniques to identify user intent. For example, if a user says "I want to watch a science fiction movie," the system will identify "science fiction movie" as a topic keyword and prioritize it as recommended content.

[0039] Contextual understanding: Based on the user's historical behavior, the model will consider contextual information to help more accurately identify the user's needs. By analyzing the user's past operations, the model can discover the user's usage patterns and habits, and thus better predict the user's current needs. For example, if the user frequently watches movies in the evening, the model may infer that he needs movie recommendations at this time.

[0040] For example, when a user who loves watching Northeastern dramas says "recommend some comedies", the large language model will parse his preferences and input into a structured data format, such as {"action":"recommend","type":"comedy","area":"northeast"}, for subsequent processing.

[0041] Step 3: Select display components based on user intent and prioritize display components based on their relevance to user intent. This process is implemented based on the LLM large model and includes:

[0042] Pre-establish a library containing various UI components, such as introduction components, highlight moments components, and recommended components for you. The construction of this library should take into account the characteristics of different user groups to ensure the diversity and applicability of components. For example, young users may prefer components with entertainment content, while elderly users may pay more attention to components with practical functions.

[0043] The model prioritizes components based on user intent, ensuring that components that best match user preferences are displayed first. The sorting algorithm can be continuously optimized through machine learning technology based on user behavior data and model predictions to ensure that the display order maximizes user satisfaction.

[0044] For example, if the model recognizes that the user is requesting recommended content, it selects the "Recommendations for you component"; if the user wants to view viewing history, it selects the "History component". If the user has recently searched for "music programs" many times, the big model will increase the priority of the "music recommendation component" to ensure that it is prominently displayed in the user interface.

[0045] Step 4: Determine the display position and size of the display components based on priority sorting. Use machine learning algorithms (such as reinforcement learning) to optimize the layout, and adjust the component position and size through real-time data analysis to achieve the best user experience. For example, for users watching sports programs, place the recommendation module of sports content in a prominent position and increase its visual share appropriately. Dynamic adjustment can respond to user behavior in real time to ensure that the interface always matches user needs. The system automatically adjusts the display method of UI components according to changes in user behavior to adapt them to different usage scenarios.

[0046] For example, when a user is watching a sports event, the system will analyze the user's viewing behavior and find out the user's attention to the game results and player statistics. In this case, the model will generate the following structured layout instructions:

[0047] {"layout":{"components":[{"id":"live_score","position":"top_left","size":"large"},{"id":"player_stats","position":"top_right","size":"m edium"},{"id":"commentary_feed","position":"bottom","size":"full_width"},{"id":"related_videos","position":"sidebar","size":"small"}]}}

[0048] In this example, a layout is generated that contains several components:

[0049] The “live_score” component is located in the upper left corner and is displayed in a larger size to ensure that users can quickly see the game results.

[0050] The "player_stats" component is located in the upper right corner and is of moderate size, allowing users to easily view the performance of key players.

[0051] The "commentary_feed" (real-time update of comments) component is located at the bottom, and its width fills the entire screen, allowing users to obtain comment information in real time.

[0052] The "related_videos" component is displayed in the sidebar. It is smaller in size and provides video content of related games for users to view.

[0053] This layout generation mechanism not only takes into account the user's current needs and viewing habits, but also makes real-time adjustments and optimizations to keep the interface intuitive and efficient at all times, thereby enhancing the user's interactive experience.

[0054] Furthermore, it also includes step 5, obtaining user feedback information, and optimizing the selection of display components and the display position and size of display components according to the user feedback information. For example, the system analyzes the click-through rate and dwell time of users when watching the game, and finds that the click-through rate of the "game status component" is high, while the interaction of the "related video component" is low. Combined with user feedback, the system may decide to reduce the display frequency of related videos and focus more on content that users are more interested in. Through these analyses and real-time optimizations, the system can continuously adjust the interface display to make it more in line with user preferences and needs, thereby improving overall user satisfaction and stickiness.

Claims

1. A user interface component generation system, characterized in that: include: Intent input unit: used to obtain user input information; Data collection unit: used to collect user behavior data; Intent parsing unit: obtaining user intent based on user input information or obtaining user intent based on user input information and user behavior data; UI component library unit: used to provide display components; UI component layout unit: used to select display components and perform layout display based on user intent and user behavior data.

2. The user interface component generation system according to claim 1, characterized in that: The intention input unit adopts text input and / or voice input.

3. The user interface component generation system according to claim 1, characterized in that: The intention parsing unit obtains user intention based on the LLM model.

4. The user interface component generation system according to claim 1, characterized in that: The UI component layout unit selects display components based on the LLM large model and performs layout display.

5. The user interface component generation system according to claim 1, characterized in that: The UI component layout unit displays the layout of the component including the display position and display size.

6. The user interface component generation system according to claim 1, characterized in that: It also includes a feedback module for collecting user feedback and suggestions, and the UI component layout unit optimizes the component selection and layout display method based on the feedback suggestions.

7. A method for generating a user interface component, characterized in that: include: Step 1: Obtain user input information and user behavior data; Step 2: parse the user's input information to obtain the user's intention; Step 3: Select display components based on user intent, and prioritize the display components based on the relevance of the display components to the user intent and user behavior data; Step 4: Determine the display position and display size of the display component based on the priority ranking.

8. The method for generating a user interface component according to claim 7, characterized in that: Step 2 also combines user behavior data when obtaining user intent.

9. The method for generating a user interface component according to claim 7 or 8, characterized in that: It also includes obtaining user feedback information, and optimizing the selection of display components and the display position and size of the display components according to the user feedback information.

Images