Design Of Website User-Interface Based On Analytic Connection Method

In recent years,the concepts of Industry 4.0 and Internet+have risen to the national strategic level,which has promoted the optimization and upgrading of traditional business and enterprise industrial structure and the process of informationization,and has enabled the development of enterprise Web applications in the direction of large-scale and complicated.In the web application,human-computer interaction has become an important factor that can not be ignored in the design process of information system.How to improve the efficiency of human-computer interaction,capture the visual area of the user in a short time,and accurately present the information of "what you get is what you want" to the user.The concerns of Web UI designers.Connection analysis as a design concept in human-computer interaction has been widely used in human factors engineering.The use of connection analysis theory in human factors engineering to desigu a set of high-quality UI solutions can not only better guide enterprises to complete various businesses,but also better improve customer service quality and efficiency,and at the same time,can also bring corporate culture beautiful It is generously given to enhance the brand image,so it is very important to carry out UI desigu guided by connection analysis.At present,the interface design is mostly based on the design team or personal style,while the guiding principles and specific implementation methods are slightly lacking.With the consideration of user needs improving and improving user experience,we try to design the Web UI with analytic connection method.First,we establish an interface model and a cornection model.The interface model is divided into a single module and composite module according to the function strength and control composition.According to the connection relationship,the connection model is divided into four categories:inclusion,coordination,triggering and similarity.Second,we established the design principles of the interface model and the connection model,and established the design criteria in combination with gestalt psychology and page features.Third,set the customer purchase behavior as example,graphical description of page orientation,combined with the connection model to build the page function structure,simple and intuitive display of the logical relationship between different pages.Finally,according to the functional structure and similarity,the pages have divided into three levels:main page,Vmiddle and Vlast.Combined with UI design principles and gestalt psychology,the specific parameters of the page are formulated,and the reusable parts of the functional structure are encapsulated into modules to ensure rapid development of UI design.The research results are applied in the construction of the Z company e-commerce website,using the results of the connection analysis to achieve an orderly jump between the interfaces,naturally guiding the user to obtain the target information,and improving the smoothness of use.At the same time,the common functions are modularized,and the reuse components are provided to avoid the style conflicts in the interface design.The use of the connection analysis method is presented in a graphical manner,which effectively reduces the misunderstanding between the developer and the designer,and shortens the Web.The system's build cycle verifies the effectiveness of connection analysis design ideas,principles,and methods in Web UI design.Practice has proved that the UI design based on the connection analysis method developed in this paper,the layout and connection of the interface fits the human factors engineering idea and enhances the user experience.At the same time,the interface design of the reuse component realized by the modular idea is effectively reduced.The coupling between the modules in the interface reduces the redundant redundancy of the code,improves the development efficiency,and has important guiding role and application value for UI design.