Interface Layout Research Articles

Exploring the Role of Visual Design in Digital Public Health Safety Education.

In this research, the positive role of interface visual design in digital safety education was verified taking COVID-19 prevention and control knowledge as the content of public health safety education, where interface emotion (positive, negative, and neutral) and interface layout (waterfall typed and juxtaposition typed) were regarded as independent variables, and readers’ understanding, course evaluation and system usability score were dependent variables. As revealed in the results of a 3 × 2 two-factor experiment in which 252 college students participated: first, different interface emotion can cause significantly different understanding, where negative emotion has the best learning transfer effect; second, due to the difference in interface emotion, participants may give certain courses significantly different evaluation scores, while positive emotional interface contributes to the obviously high scores of three course-evaluation items, “appeal of the lesson”, “enjoyment of the lesson” and “interface quality”; third, significantly different system usability can be caused by different interface layout, where waterfall-type layout enjoys higher appraisal from users; fourth, interface emotion and interface layout have a similar interactive effects in terms of “effort of the lesson” and “interface quality”, where waterfall-type layout is favored in terms of positive emotional interface, and juxtaposition-type layout is more advantageous in terms of negative emotional interface. These results are of vital significance for interface design and safety education. Further, the visual design method for interface emotion and interface layout were analyzed to determine the most suitable design principles so as to improve the effect of digital public health safety education and provide constructive ideas for fighting against COVID-19 at the educational level.

Human Reliability Evaluation Based on Objective and Subjective Comprehensive Method Used for Ergonomic Interface Design

In the process of machining, the operator’s incorrect operation using the control human-computer interaction interface may lead to a disastrous effect on the whole production chain such as task failure and system failure. The eight types of using errors about human-computer interaction interface system (misperception, memory lapse, carelessness, improper decision-making, improper operation, improper interface layout design, improper icon and text display design, and improper prompt feedback) are proposed based on the cognition from users. According to the eight types of using error, the human reliability and safety evaluation method is proposed. Considering the variability objective and uncertainty subjective factors in the human-machine interaction process, the human reliability evaluation method is proposed based on objective and subjective comprehensive weighting under ergonomic principles. Firstly, based on the investigation of relevant machine tool interface design, the comprehensive evaluation index system for man-machine reliability of complex interface design is established. Secondly, an objective and subjective comprehensive weight assignment method as the composition of Theilʼs entropy weight method combined with TOPSIS (Technique for Order Preference by Similarity to an Ideal Solution) and improved AHP (analytic hierarchy process) method combined with fuzzy mathematics is proposed. It can not only effectively avoid the impact of excessive subjective factors on empowerment but also fully excavate the real information in the survey data and improve the objectivity and accuracy of the weight data of evaluation indicators at all levels. Thirdly, taking the interface design of CNC machine tool equipment for example, the best human-computer interaction interface design schemes are chosen according to the human reliability evaluation method based on objective and subjective comprehensive method calculated by Entropy-TOPSIS-AHP. Finally, based on eye movement experiments, the use efficiency and accuracy of the human-computer interaction interface design scheme chosen by the assessment method are better than the other design schemes or original one to verify the assessment method validity.

Research on-orbit temperature variation stability of the positioning accuracy of maintenance interface

The space telescope is running, which is influenced by the rapid temperature difference. The paper analyzes the stability of the space environment of the on-orbit maintenance interface. The influence of temperature changes on the positioning of the interface mechanism is studied. Based on the 3-2-1 kinematic positioning principle, a mathematical model is established, and the mathematical expression of the on-orbit positioning accuracy of the back-end module between the temperature change and the interface layout point is deduced, and the variation quantity and the displacement variation of the angle of the center point are derived. The results show that when the line of AB points coincides with the positioning axis of B point, the rotation angle of the back-end module in the plane composed of A, B, C three points is the smallest. Through the relationship between the four independent variables λ, μ, η, t and the change of the central point ∆E, it is concluded that when A, B, C three-point layout is obtained, to make the back-end module have the highest stability, the order of variable design should be η, t, λ and μ. The suspension wire system was used to build a ground microgravity simulation test rig. The gravity unloading and thermal stress tests were carried out by the balancing mass method. The thermal stress test results prove that the interface can realize kinematics positioning and complete the on-orbit thermal stress release.

Research on User Operation of High-density Entity Interactive Target Quantitative Simulation Interface

The paper determines the general cognitive model of people in visual information search, and summarizes the basic design criteria that conform to the user’s cognitive model. Under the premise of the consistency of user needs, we disassemble and analyse each step of the user interaction process through the tool visualization simulation model, find out the user’s inner cognitive law under the guidance of different interfaces, and discuss the interface layout the impact of the difference on the user’s search time. The study found that through the numerical comparison of the experiment combined with the simulation analysis of Cog Tool and the target interaction experiment, the intrinsic cognitive law of the user in the interaction process was extracted. Therefore, we can conclude that the design guidelines for interface layout proposed in the paper can help art designers improve the efficiency of information cognition.

Layout Design of Medical Terminal Interface Combining User-Oriented andGenetic Algorithm

<p indent="0mm">In order to achieve the optimal interface design of the public terminal while improving user experience, this paper proposes an interface layout method that combines user orientation and a genetic algorithm. According to this method, the subjective cognition of users and their objective vision principle are integrated before conversion into a layout index. With the index of the interface layout scheme taken as the independent variable and the user experience value as the dependent variable, the cognitive relationship between the interface layout index and subjective user experience was modeled as a computable function. The expansion solution space was searched after the interface layout features were encoded using the slicing tree method. The specific steps include generating tree structure, determining the cutting method to obtain the best section tree, and adjusting the element nodes to identify the most satisfactory layout. With the registration interface and payment interface of the medical public terminal as an example, this method was applied to optimize its layout and then verified through a usability test. According to the experimental results, the usability indicators of the optimized interface layout was improved more significantly compared with the initial interface, suggesting the effectiveness of this method in the application of medical terminal interface design scenarios. Moreover, the generative auxiliary design of this kind is conducive to reducing the workload placed on designers and to enhancing efficiency.

Comparative Analysis of Interface Layout Design of Educational Web Sites in China and Korea

Taking design of educational websites as an example, this paper analyzes the basic elements of interface design, including composition, user research and theme practice, and compares the similarities and differences between Chinese and Korean web designs from four perspectives: text, image, color and navigation design, respectively. According to the comparison results, both countries' educational web designs prefer to use calligraphic fonts, but China prefers square diagrams, horizontal and vertical navigation, and stable and prudent colors, while Korean designs tend to use circular diagrams, tilted navigation, and youthful and lively colors. This paper provides reference for China's educational web design innovation by comparing the similarities and differences of the two countries' designs.

Implementation of Simulation Control Automation Tool Based on Android Accessibility Service

With the development of Internet plus era and the increasing popularity of mobile phone in China, people still use the traditional finger touch mode. However, in the face of some application scenarios with high repetition frequency, an automatic control method can be built to reduce repetitive operation of users. This paper introduces how to solve the problem of automatic control process for Android operating system, and provides a complete solution for the design and construction of automation tools. Starting from the wake-up of the device, the system automatically unlocks, and then uses intent to transfer parameters to start the target application and specify the activity. After entering the specified application interface, the tool will scan the XML information of the interface layout drawn by the system, and accurately capture the view control through the regular matching of attribute values and other information of the control. Finally, the control object can be operated by simulating events, so as to achieve the same effect as the user operation. In addition, the automatic control tool obtains the control information accurately through OCR identification, and realizes the multithreading cycle operation through the delay start function, which improves the operation efficiency of the tool automation degree and the user operation efficiency of the smart phone.

Relevance of Emotional Conflict and Gender Differences in the Cognitive Tasks of Digital Interface Layouts Using NIRS Technology

This article aimed to explore whether there are emotional conflicts and gender differences in the cognitive processing of user interface layouts. By taking the basic layout framework of a shopping interface as the research object and using behavioral experiments and NIRS (Near-Infrared Spectroscopy) technology, this study evaluated the emotional conflict response of men and women to 9 interface layouts formed by the combination of different numbers of layout elements. The results showed that there is a gender difference ( $p ) in cognition of the interface layout with combinations of 3 and 4 layout elements in the behavioral experiment. Behavioral response was positively correlated with brain function. Oriented by positive emotions, the HbO (oxygenated hemoglobin in the brain) concentration in the cerebral cortex is significantly activated ( $p ) with gender differences in the case of interfaces combining four elements in the H-type layout frame and three elements in the left-I-type layout frame. These research conclusions can be extended to the application of personalized design and evaluation process of the interface and provide a reference for style changes to digital interface products in actual projects.

Mobile application user interface layout features for data-driven design

Mobile application user interface layout features for data-driven design

Mobile application user interface layout features for data-driven design

Mobile application user interface layout features for data-driven design

Research on the Teaching of Visual Communication Design Based on Digital Technology

In the era of big data, the rapid development of information technology has made the sharing of data and information more free, bringing convenience to the public, but at the same time, the massive amount of data also brings “information anxiety.” In this paper, we use the knowledge of design discipline, combined with psychological cognitive science, statistics, and communication discipline, and analyze a large number of excellent cases to effectively combine “information visualization‐visual representation‐design.” The purpose of this study is to enable audiences to efficiently access information through visual symbols in a large amount of data and to increase their interest in reading and satisfaction in accessing information. As a carrier of communication between designers and audiences in the process of visual representation of information visualization, visual symbols can effectively convey information content and emotional concepts to audiences. Finally, based on the theoretical support of the previous paper, combined with our own practical experience, we conduct a systematic study on the application of design thinking and the construction of design methods for the design of visual representations of information visualization. A comparative study on the aesthetics of different categories of APP interface design is conducted, and it is believed that different categories of APP can create distinctive and different categories of APP interface aesthetics through the differentiated design of interface layout, content expression, and visual form, which is considered as the ultimate goal that APP interface design must pursue. Visual representation is a method and means to realize information visualization as a representation practice that expresses the meaning of information in the form of visual symbols. The visual representation of information visualization uses visual symbols as a medium, and the audience interprets the visual symbols based on cognitive experience to obtain information, which helps to maximize the dissemination of information.

Social representations and interface layout: A new way of enhancing persuasive technology applied to organ donation.

Although campaigns promoting organ donation have proved their effectiveness, increasing the number of people who explicitly agree to become donors is still difficult. Based on the social marketing notion of persuasive technology, we reasoned that it was timely to focus on the design of this persuasive technology and to analyze its contribution in particularly challenging contexts such as organ donation. More specifically, the originality of the present study lay in the way we linked the field of persuasive technology to the theory of social representations, and combined them with an analysis of the ergonomic aspects of interface layout. This study had two complementary goals. The first was to determine whether the sociocognitive salience of the central elements of social representations (i.e., the most frequent and important themes related to the subject—here, organ donation—for individuals), can be used to achieve persuasive outcomes. The second was to determine whether interface layout, in terms of information location and background characteristics (color and contrast), can strengthen the persuasive impact. University students (N > 200) were exposed to a computer screen displaying a message involving either central or peripheral elements of the social representations of organ donation (status), placed either in the middle or on one side of the screen (location), and shown against either a white or a blue background (background). Eye-tracking data were recorded, in addition to self-reported data. In line with the elaboration likelihood model, results showed that participants who were exposed to central (vs. peripheral) elements of the social representations of organ donation followed the central route in processing information. Moreover, they had stronger attitudes, and more of them stated that they were actual organ donors. Importantly, however, at least for some variables, these status-related effects were not independent of the interface layout. More specifically, the persuasive impact of the central elements was enhanced when the information was displayed in the middle (vs. the side) of the screen and when it was displayed on a white (vs. blue) background. We discuss the theoretical and practical issues raised by these results.

Impact of involving people with dementia and their care partners in research: a qualitative study

ObjectivesWe aimed to evaluate the impact of patient and public involvement (PPI) at each stage of the research cycle in a dementia research programme.DesignWe used monitoring forms to record the...

Interface Design for the Command-control Module Based on Adaptive Interaction Technology

Firstly, the concepts of three adaptive modes are introduced, and the experiment for the interface layout based on the adaptive adjustment interaction is designed, in which the speed of information identification of other 8 regions is sorted under the condition of interference of the intermediate region with fixed constraints. An adaptive interaction experiment of state monitoring parameter interface is designed, and the following conclusions are obtained: Compared with the original chart monitoring interface, the dimensionless and normalized graphical parameter interface can effectively shorten the time to discover abnormal parameters and improve the accuracy rate.

The Influence of Target Layout and Clicking Method on Picking Time and Dragging Performance Based on Eye-Control Technique

Eye-tracking has been a hot topic in human–computer interaction (HCI). Nevertheless, previous studies usually adopted eye-tracking as information output rather than input. The eye-control technique can achieve convenient and rapid real-time operation through the movement of the eyes and reduce unnecessary manual operations. Because the layout determines the location orientation, organizational complexity, cognitive consistency, and predictive ability of the information display, the interface layout design affects the user’s perception of information intensity, complexity, and logic. Moreover, the method of target clicking by eye-control techniques, which include blink and dwell, also depends on the application and user’s ability. The purpose of this study is to investigate the influence of target layout and target picking method on picking time and dragging performance based on eye-control technique. The results indicate that the target picking method, i.e., blink or dwell, had significant effects on the dragging time and dragging numbers. However, there was no significant effect of target layout on picking time and dragging performance (dragging time and numbers), which may be related to the setting of the experimental conditions (e.g., lighting level and screen resolution). Moreover, the target picking method and the target layout had no significant interaction effect on picking time and dragging performance. The findings are anticipated to provide helpful implications for future eye control technique design.

ANALISIS POLA LAYOUT APLIKASI MOBILE COMMERCE POPULER DI INDONESIA DENGAN METODE KUALITATIF HEURISTIK

The development of the internet and smartphones, making almost allactivities can be accessed very easily for example shopping onlineusing a mobile commerce application. In Indonesia, there is much ecommerce with many users too, but it does not rule out the possibilityto build new e-commerce because Indonesia is the best market for ecommerce. UI / UX designers are needed to build new mobilecommerce because it requires research on interaction design. UI /UX layout guidelines needed by designers in the development ofmobile commerce. This study analyzes the layout patterns of mobilecommerce applications in 4 popular online stores in Indonesia.This study used qualitative research methods. The analysis is carriedout using the principles of pattern and graphic layout, the heuristicmethod of the 10 Nielsen principles used to evaluate a device orapplication.The results of this study successfully proved that the 4 Nielsenprinciples are used by mobile commerce applications (Bukalapak,Shopee, Tokedia, Lazada), namely Match between system and thereal world, Consistency and standards, Error prevention,Recognition rather than recall. The mobile commerce applicationhas the same shopping flow pattern and interface layout that is likethe navigation buttons on the top and bottom of the page, visualweight for promotional features, the concept of finger touch for thesafe size of a button measuring 1x1 cm, visual objects entered on thethumb zone mostly contain elements important and promotions suchas digital bill payments and discounts.

Research on Mobile Marketing Recommendation Method Incorporating Layout Aesthetic Preference for Sustainable m-Commerce

The strong interactivity and size limitation of the mobile interface calls for the utilization of users’ aesthetic preferences to provide better mobile marketing recommendations in order to promote the sustainable development of m-commerce. Existing studies mostly focus on matching user interests by analyzing marketing content properties. The studies for utilizing the layout information and user aesthetic preferences for the layout of the mobile marketing interface from an aesthetic perspective are insufficient. This paper proposes a mobile marketing recommendation method (LAPR) that incorporates layout aesthetic preferences. Based on the traditional content-based and collaborative filtering recommendation methods, this method introduces users’ aesthetic preferences for interface layout into a mobile marketing recommender. From an aesthetic perspective, a new interface layout design quantification method, a user aesthetic preference similarity measurement model, and a recommendation result ranking method are designed. Experiments show that compared to traditional methods, LAPR is significantly higher in recommendation precision in the task for recommending the same content and outperforms traditional methods in recall, precision, and F-metrics in the common recommendation task. We conclude that incorporating aesthetic preference for layout can improve mobile marketing recommendation quality and promote the sustainable development of m-commerce.

Quantitative Evaluation of Visual Aesthetics of Human-Machine Interaction Interface Layout.

The current research on human-machine interaction interface layout focused on ergonomic analysis, while the research on aesthetics and aesthetic degree calculation of interface layout was insufficient. In order to objectively evaluate the aesthetic degree of interface layout, this paper put forward an aesthetic degree evaluation method of interface design based on Kansei engineering. Firstly, the perceptual image structure of interface aesthetic degree was analyzed from the perspective of aesthetic cognition. Six aesthetic image factors affecting interface aesthetic degree, including proportion, conciseness, order, rhythm, density, and equilibrium, were extracted by factor analysis method, and the variance contribution rate of each factor was taken as the weight. Secondly, according to the six aesthetic degree indexes, the calculation system of interface aesthetic degree was constructed, and the aesthetic degree value of aesthetic image factor was calculated by the corresponding aesthetic degree evaluation mathematical formula. Then, Technique for Order Preference by Similarity to Ideal Solution (TOPSIS) method was used to analyze the order of aesthetic degree superiority of design schemes, and the comprehensive aesthetic degree evaluation was carried out. Finally, the aesthetic degree evaluation of human-machine interaction interface layout of the driller's console of an AC variable frequency drilling rig was taken as an example to verify that this method was helpful for designers to optimize the design scheme. The experimental results showed that the proposed method was feasible and effective compared with the method of paired comparison commonly used in psychophysics.

USER INTERFACE DESIGN AND INFORMATION SYSTEMS USAGE: A CASE STUDY OF TVET INFORMATION SYSTEM AT IPRC KIGALI

The purpose of this study was to assess the effect of User Interface Design on Information Systems Usage for the Technical Vocational and Educational Training Information System at (TVET-IS) at Integrated Polytechnic and Regional Centre (IPRC) Kigali, with the following objectives; to examine the design of the user interface of TVET information systems at IPRC Kigali; to evaluate the level of usage of the TVET information system at IPRC Kigali; and to establish the relationship between TVET Information system user interface design and its usage. The study was a descriptive research design with a simple random sampling method used to select academic, administrative, and ICT staff respondents for administration of the questionnaire. From a target population of 308, a sample size of 174 staff was selected. Data was analyzed using SPSS version 22 with tables, frequencies and charts used for presentation. TVET IS components considered in this research, were interface usability, interface layout and the interface design technology. The correlation coefficient (r = 0.587, P&lt;0.01) was found between interface layout and IS Usage implying that the relationship was positive and statistically significant. Similarly r = 0.743, P&lt;0.01 for the relationship between interface design Technology and IS Usage implying that the relationship was positive and statistically significant. Correlation coefficient (r = 0.642) and p-value (0.000) was produced between interface usability and IS usage meaning the relationship was positive and statistically significant. The TVET IS was used for data entry, retrieval and data security to a very minimal degree. The finding therefore showed that the relationship between User Interface Design and IS usage with multiple correlation coefficient R = 0.994, provided evidence that user interface design and TVET IS usage was positive and statistically significant. The recommendation after this study and findings is that IPRC Kigali administration should set up policies and mechanism to have all its activities done online with much emphasis on TVET Information System since most modules for the activities are included in this system. The online activities would include those activities that bring incentives to the staff and activities like accreditation of programs and accreditation of schools be done online through TVET-IS. More coaching is paramount to the users of the system so that they are very conversant with the system and technologies used. Workforce Development Authority should only accept online applications for accreditation and its approval to IPRC through TVET Information. The government should set the policy where online services are paramount and this would encourage institutions like IPRC Kigali to use the available systems like TVET-IS to the maximum.

Numeric input operation on electronic devices among individuals with visuospatial working memory impairment

ABSTRACT In human–computer interactions, higher-level visuospatial function is likely needed to effectively use the interface. The aim of this study is to clarify whether individuals with visuospatial defects can use electronic devices effectively. We quantitatively and qualitatively analyzed the ability of seven individuals with Bálint syndrome and seven individuals with left-unilateral spatial neglect (USN) to input a digit sequence into a flat touch interface. Control groups consisted of seven individuals with memory deficits and 11 healthy individuals. Participants with Bálint syndrome took longer and had more hesitations than the USN group and the two control groups to input numerical sequences (Steel-Dwass test, p < .01). In addition, participants with Bálint syndrome had a high percentage of hesitations for exploration of the button array on the interface relative to USN and the memory deficit group (Fisher’s exact test, p < .05). Regarding neuropsychological data, participants with Bálint syndrome had a lower score for visuospatial working memory than participants with USN and the memory deficits control group (Steel-Dwass test, p < .01). The results shed some light on the relation between visuospatial working memory deficits and the spatial perception of interface layouts and spatial control during electronic device operation.