Web Interface Design Research Articles

Enhancing User Experience Using a Framework Integrating Emotion Recognition and Eye-Tracking

In a rapidly evolving digital landscape, ensuring a seamless and engaging user experience (UX) has become paramount. This study delves into the intricate realm of web interaction design, aiming to enhance user satisfaction and engagement. Through the integration of emotion recognition and eye-tracking technologies, a profound relationship between user emotions and web interface design is unveiled. The central theme of this research revolves around the integration of emotion recognition and eye-tracking technologies to evaluate web interaction designs. An experimental study involving 24 participants from diverse backgrounds and age groups was conducted. These participants navigated web interfaces that featured both emotion recognition and eye-tracking technologies. Three distinct tasks were carefully crafted to represent a spectrum of web interactions, ranging from basic navigation to complex decision-making. Data collection involved real-time valence and arousal scores, video recordings, visual attention patterns, task completion times, and questionnaires. The analysis revealed a series of significant discoveries. Users who engaged with simplified web versions consistently exhibited elevated valence values, indicative of heightened positive emotional feedback, diverging starkly from their counterparts navigating complex web iterations. The dynamic ebb and flow of emotional states, underscored by arousal levels, underscore the pivotal role of real-time emotional assessment in the critical evaluation of web interfaces. Moreover, the study unveiled a persistent preference for a state of emotional calmness during interactions, demonstrating a universal need for user-centered design principles that prioritize minimal cognitive load and emotional tranquility. In summation, this research contributes a robust framework to the design community and academia for the comprehensive evaluation of web interaction designs. The findings underscore the paramount significance of simplicity, real-time emotional evaluation, and unwavering adherence to user-centered design principles in the realm of web interaction. This study constitutes an invaluable repository for designers, developers, and researchers, steering their endeavors towards the relentless pursuit of optimized user experiences within the ever-evolving digital landscape.

Design of smart farming communication and web interface using MQTT and Node.js

Abstract The sustainable development goals (SDGs) are a UN agenda that has been approved by all UN member states. The SDGs have 17 targets, one of which is to eliminate hunger. In 2050, the world’s population is expected to reach 9.7 billion people. Improved soil and water management, according to the World Resources Institute, is one of the options for feeding 10 billion people sustainably by 2050. In comparison to conventional farming, smart and precision farming produces higher productivity at a lower cost. Based on the search for literature studies related to the development of agricultural technology, it was found that communication methods and online interfaces still require further improvement. The steps for developing the system are designing the architecture and end-to-end communication flow, designing use case diagrams, designing entity-relationship diagrams, designing user flow diagrams, implementing the system through code development, and finally testing the system. Planned communication and web design for precision smart agriculture are implemented effectively. The MQTT is used to communicate with the Node.js server worker. Data from numeric image feeds and images are directly processed by the system. The server will store all received data, including numeric data and live feeds, for future use. The back end of the website has many functions such as dataset management, device management, user administration, firmware management, control management, and live image feed management are some of the capabilities available. When 100 users access the system simultaneously, the RAM usage on the server is 167 MB. RAM utilization reaches 389 MB when 400 users access the system simultaneously. The limit for simultaneous user connections to the web interface is 400 users. The maximum number of devices that can be connected simultaneously via MQTT communication is 900.

Factors Affecting Online Shopping Behavior (Case study on Palestinian students)

This research aims to investigate the factors affecting consumers' online shopping behaviors. The main variables tested are brand recognition, web-interface design and demographics. This study was conducted as a case study on students of the college of administrative sciences and information system at Palestine Polytechnic University; a sample of 178 students were surveyed online in order to test the hypothesis from a population of a total of 1000 students of the college, using a random sampling method. In this research, an order quantitative approach was applied to do the correlation analysis. The measures of analysis were Cronbach’s Alpha Reliability test, Pearson’s Correlation Matrix and Linear Regression Analysis. The main finding of the research is that there is a significant impact that brand recognition has on a consumer’s online shopping behavior, as well as the significant impact of the web-interface design and consumer age. The study has also found that gender, specializations, and family income have no significant impact on the consumer online shopping behavior. The finding of this research should be considered by companies that operate online to better fine-tune their marketing decisions, whereas many other variables that are also influencing consumers' online shopping should be investigated by future research.

Adaptive technologies for rapid web interface design of corporate educational systems within the framework of the 1C:Enterprise 8.3 platform

The article discusses technologies for fast web application deployment design based on continuous information exchange with a corporate system developed using the 1C:Enterprise 8.3 platform. We identify data exchange formats between a web application and a software product based on the 1C:Enterprise 8.3 platform to handle the tasks of dynamically generated and adaptable interfaces. The study proposes the concept of a modifiable component-based architecture for the interaction of a web application with commercial data storage and processing systems. This concept makes it possible to implement a dynamic web application interface design and to automate the data management functionality directly from the enterprise solution based on the 1C:Enterprise 8.3 platform. The article formulates the criteria and operating principles for such an application. We have also developed system technologies to design a web application that can be integrated into replicated software solutions permitting control of the mechanisms for dynamic interface design and data transfer from the solution to a web application. The launched application for web application interfaces designing makes it possible to dynamically change the components of web forms as well as determine the details displayed to the user in the output interface. In addition, we describe the principles of dynamic interaction between a web application and the data interface management component. The research enabled us to identify the components of the module for interaction of interfaces with the web application. A conceptual universal control scheme for generating dynamic interfaces has been formulated. It can be implemented to create almost any kind of web forms, including processing incoming data from a web application using the REST interchange in JSON format. The article provides a comparison of interchange formats. We describe implemented IT-projects for organizing a prospective student’s personal account and the applicant’s dynamic rating. These projects are the result of the ideas proposed in the article.

Development of a database of kazakhstani digital multicultural content as a means of training future journalists

This article presents the practice of analyzing digital multicultural content and its application in the classes with students from the educational programs: “Digital Journalism” and “Media Technologies”. The choice of the topic is explained by the specifics of the cultural code of the modern student. The purpose of the paper is to study digital multicultural content as a mean of training future media workers using modern IT tools. The article examines the multicultural content of three TV channels and online publications hosted on digital services. The design and structuring of web portals, interface and content are studied. Due to the specifics of the subject of multicultural content, its role in the general information space is determined, and its relevance and relevance among students is described. The author conducts quantitative and qualitative researches of media materials. Based on statistical data, a comparative analysis of the indicators of digital multicultural content for 2018-2021 was carried out and the dynamics was demonstrated, the reasons for the change in indicators were described in detail. A parallel is drawn between the amount of digital content published on television and on Internet resources. Considering the need to prepare students for professional realities and for the purpose of practical orientation of this research, a lexical and compositional analysis of digital multicultural content was carried out. In particular, the study examined genres and forms of materials, lexical features of texts. The means of social interaction of online media representations are defined, which include the constant presentation of traditional media content in a virtual environment and monitoring of activity in the classroom. The structural and typological features of this format of digital journalism are revealed. Based on a qualitative analysis of the content, several trends and conclusions are presented. The information obtained during the study was organized into a database. The methods of working with students described and analyzed in this article are an important material for the development of educational goals of the educational programs “Digital Journalism” and “Media Technologies” in Kazakhstan and can become a methodological basis for the integration of IT technologies into media education. Key words: multicultural content, content analysis, journalistic education, format, media technologies, digital journalism, databases, training means.

Application of Big Data Clustering and Visual Communication in Business Website Interface Design.

The interface design of commercial websites is used in this paper to demonstrate the application of big data clustering and visual communication technologies. This paper presents the new requirements of user integration, emotion, and personalization by analyzing the broad influence of big data clustering technology and visual communication on the design concept and design method of commercial website interface design. Then, focusing on the information of visual graphic elements in web interface design and discussing how structures, images, words, emotions, and other elements can convey information more effectively through graphic means, the information in the web interface is creatively divided into two types: implicit and explicit. The database for the interface interaction system is built as part of this paper, which also uses fuzzy clustering to organize the data from the interface retrieval database and the hierarchical structure design method of process constraints to carry out interface information interaction and big data fusion processing. According to experiments, this algorithm's accuracy can reach 95.75%, which is about 11% higher than that of other approaches. This study can offer a workable design strategy for a business website's user interface.

The Influence of Artificial Intelligence on Visual Elements of Web Page Design under Machine Vision.

As the presentation form of the web, web pages contain a lot of important information in web design. As many information carriers, such as sound, graphics, and text, web pages have been integrated and have played a good role in visual transmission. It inherits many features of traditional graphic design, it can be said that it extends graphic design, and web design is richer in visual performance. At present, the research on web design in China is mainly background research. There is little research on the front-end aspects of web pages, especially in the aspect of plane vision. The lack of research in this area limits the development of web design. This paper introduces the relevant situation of web design and then analyzes the relevant elements in web design, such as visual elements, and their innovative applications. In addition, it focuses on the presentation form of visual elements in web design and summarizes the development trend of visual elements in contemporary web interface design. It proposes the strategy of innovation and application of visual elements in web design. The author hopes that, through the research of this paper, it will lay a theoretical foundation for the development of web design in the future. At the same time, this paper uses the NCMF algorithm in artificial intelligence to identify the visual elements of web pages, thereby improving the efficiency of web page design. Experiments show that the Chaos accuracy rate of the NCMF algorithm in the CETD dataset is 73.3482%.

Evaluation of User Experience Information Systems Using Heuristic Evaluation (Case Study of STMIK Amik Riau Student Portal)

The academic information system is an important system to supports lecture activities. Is used by almost all elements in the university, both students, lecturers, staff and leaders. This research uses Heuristic Evaluation as an inference method to assess the components of learnability, efficiency, memorability, errors, and satisfaction. for various cases, such as designing academic and corporate websites with reference to these problems, it is necessary to evaluate the usability of STMIK Amik Riau information system. STMIK Amik Riau implements an integrated information system to support fast and real-time information management processes of STMIK Amik Riau information system includes various services such as E-KRS, E-KTM, E-EDOM, and other information. The aim is to identify problems related to the usability of the website. The data collection method in this research was carried out using questionnaire, containing a list of questions distributed via google form to respondents, its about 100 students of STMIK Amik Riau. Based on the analysis conducted using the Heuristic Evaluation method, the evaluation results of STMIK Amik Riau web portal have met the usability criteria with an average of 78.71915% where P > 60% and provides user satisfaction in accessing STMIK Amik Riau web portal. STMIK Amik Riau's web interface design is quite good. These results are based on the results of Likert scale score which states that the respondents agree.

Web and Application Program Interface (API) Design “Parmon” Modern Parking Application

Samarinda city is one of the cities with large local revenue potential in the large parking fee sector. This is evidenced by the quite fast increasing number of users of two-wheeled and four-wheeled vehicles. But due to the increase in vehicle users in Samarinda it has not had a significant impact on the parking fee sector. This is because there is no clear record of every parking transaction. In this case the parking lot is open or roadside. The collection of parking fees in Samarinda there are still many obstacles faced by UTPD parking management, there are still many illegal parking spaces managed by irresponsible elements. One technology that is currently quite developed is the web. With the web, all data and information can be distributed effectively and efficiently and contain and display various information that can be accessed by various devices. Based on the problems and technological developments that have been presented, an idea emerged about the need to create a web-based information system to store and record transactions at any time and create an API for supporting applications. It is expected from this study that every transaction for drivers and drivers can be recorded so that the government can clearly know the income and the amount of levy tax from parking that must be paid by each parking attendant in the “Parmon” application.

An empirical study stepping towards ethnographic research for e-commerce websites: A perspective of user-centred design

User-centred design denotes human-centred design processes for interactive systems that intend to meet consumers’ demand for web interface design and usability in human–computer interactions. Perceptions of user interface quality, security, trust, and loyalty were examined in this study. Cross-sectional data were collected from a convenience sample of online consumers in South Africa. A total of 200 self-administered questionnaires were distributed, yielding a 75.5% response rate. Data were analyzed using the multivariate technique. The findings indicate that user interface quality affects perceived security and trust. Perceived security influences trust and customer loyalty, while concern about a perceived low level of security moderates the significant effect of trust on customer loyalty. This implies that reducing perceptions of low security and increasing user interface quality instil trust and develop customer loyalty towards the website. Reducing perceptions of low security contributes in the relationship between trust and customer loyalty in online shopping.

Visual Design of Web Interface Based on Computer Image Processing Technology

With the development of science and technology, computer graphics graphics have played a very important role in the design of web interface, it greatly enriches the design of web interface. Computer graphics helps to expand the space of web interface design, it enrich the theme, form and function, and it satisfies the diverse design needs. Combining the relationship between computing graphics and web interface design, this paper discusses the application of computer graphics in web interface design.

A Multipurpose Platform for Ambient Assisted Living (ActiveAdvice): Usability Study.

BackgroundAging of the global population is slowly paving the way for new markets for care products and services. The desire of older people to maintain their independence while remaining at home is boosting the development of ambient assisted living (AAL) solutions. Lack of user awareness of AAL solutions paired with an insufficient use of user-centered and participatory design approaches in the development of these products has hindered the uptake of these solutions by end users.ObjectiveThis study aims to describe the usability and users’ experiences within a novel platform, ActiveAdvice, aimed at offering advice and a holistic market overview of AAL products and services.MethodsUsability tests were performed on the developed platform among identified prospective end users, with 32 older adults and informal carers from 4 European countries being part of the user tests. The usability and appeal of the web interface design, information flow, and information architecture were analyzed by collecting both objective and subjective measures. These would include pretest and posttest surveys, along with a series of think-aloud tasks to be performed within the platform.ResultsThe outcomes suggest that the ActiveAdvice platform’s objectives and functionalities are mostly aligned with the needs and expectations of end users, who demonstrated interest in using it, stressing its purpose along with its simple and intuitive interaction. Task completion rates were high, and participants had good satisfaction rates when navigating the platform. However, the tests still advocate for an improved design at some points and better disclosure of information.ConclusionsOur findings shed light on a few peculiarities of interface design, information architecture, user needs, and preferred functionalities, which should be applied to future developments of similar platforms with related services. The AAL field could benefit from tools supporting the dissemination of available AAL solutions and how they can improve one's quality of life. These tools may benefit not only older adults but also caregivers, business owners, and governmental employees.

Research on the Visual Expression and Application of Web Designunder the Background of Individuation

With the rapid development of science and technology, personalized web design has been widely concerned and applied as a new way of communication. Web design is a way to integrate many different visual elements to effectively convey information, among which common visual elements include text, pictures, colors and animations. A successful personalized web design, in addition to effectively use different visual elements, but also has scientific and reasonable layout of the web content. Visual elements have many advantages and the most significant advantage is to provide users with a good reading environment and stimulate users' interest in browsing. From a certain point of view, web interface design is also a way of visual communication. Therefore, both web design and visual elements should be designed in the process of production without violating the rules. This paper analyzes and discusses the communication and application of visual elements in web design in details in the personalization context.

Analysis of Visual Experience of Network Interaction Design Based on Cognitive Psychology

Web2.0 has led to the common age of the Internet. Users not only passively read information online, but also actively become information producers. Therefore, humanization has become an increasingly important topic in network interface design. Whether the design of the web interfaces is consistent with the cognitive characteristics of the user, and whether it is conducive to the organization and processing of the consciousness, will affect the effectiveness, efficiency and satisfaction of the user interface. This article explores the relationship between designers and users through literature and case analysis, starting from cognitive psychology. Through analysis of a series of psychological activities such as perception, the goal of humanizing the web interface is finally achieved. Cognitive psychology is an effective means to improve the level of web interface design in the Web2.0 era. Learning and research on it can promote the construction of user-friendly web sites that are easy to use and loved by users.

Informational Social Influence, Belief Perseverance, and Conservatism Bias in Web Interface Design Evaluations

The ability to accurately measure the quality of a web interface design is critical if organizations hope to make effective decisions about their websites. Since websites are often the most publically visible face of an organization, website-related decisions can have profound impacts on the organization’s prospects for success. Prior research involving web interface quality assessments has typically considered those judging an interface to be independent actors who are making decisions in a situation that is free of social influence. In real-world settings, however, website designs are frequently evaluated by groups, rather than isolated individuals. To that end, this article seeks to provide insights into the effects that group-related cognitive biases may have on web interface design assessments. Specifically, by using a controlled, randomized experiment involving more than 500 research subjects, it is shown that judges’ web interface ratings can be easily manipulated by social influence phenomena, and that people assessing web interfaces in a social context are highly susceptible to informational social influence, belief perseverance, and conservatism bias. Given that these phenomena can all serve as significant sources of measurement error, and given the importance of being able to accurately measure the quality of a website design, the findings of the study suggest that organizational web interface design evaluations should be deliberately performed by individual judges in an environment that is free from social influence.

O património arquitetónico e o uso das tecnologias no tour virtual 360 graus

This article aims to discuss the role of architectural historical heritage in Brazil and how we can re-signify / preserve its importance using digital information technologies, more precisely a 360º virtual tour tool. The research was based on the Adaptive Web Interface Design Process proposed by Batista (2008), to create a virtualization platform. In addition to the guidelines for its construction, some tools were developed for the implementation of a 360º platform to promote the democratization of access to architectural heritage or also called historic cities

Enterprise Architecture Oriented Requirements Engineering for the Design of a School Friendly Open Data Web Interface

Open Data is considered a key to scientific innovations. These freely available datasets can also be used as a foundation to enhance the digital and data literacies among the younger generation of school pupils. This article presents the design and prototype of an Open Data web interface based on the Enterprise Architecture Oriented Requirements Engineering (EAORE) approach for Open Data usage as an educational resource in Danish public schools. We first systematically review the literature on Open Data use in educational fields and selected 14 research articles with a particular focus on the use of Open Data in the educational domain after prescribing an inclusion/exclusion criteria on 101 research articles identified initially. The review indicates that there is a gap between Open Data opportunities within the educational domain and in exploring the use of Open Data as a source to develop twenty-first-century skills, specifically digital and data literacies among younger school pupils. To fill this gap, we propose an EAORE approach that represents how Enterprise Architecture (EA) models can guide the overall Requirements Engineering (RE) process for the use of Open Data in Danish public schools. Based on these EA models, we designed the prototype of an Open Data web interface for schools.

ALBINA The White Goddess – Mapping and Communicating Avalanche Risk in the European Alps

Abstract. With the increasing importance of communication in the context of risk management and disaster prevention in mountainous environments, the demand for adequate communication channels and cartographic representations is constantly rising. In particular, the presentation of a broad spectrum of geospatial topics such as avalanche awareness requires innovative cartographic methods and approaches that go beyond standard cartographic depiction procedures.ALBINA is such a project that addresses this proposition. It embraces risk management with cartographic communication methods and stands for “The White Goddess” an allusion to snow avalanches. This cooperation project has the goal to publish a joint, multilingual avalanche bulletin in the entire European region of Tyrol, South Tyrol and Trentino. The aim is to inform the public daily about the avalanche situation as well as to communicate avalanche related information in an efficient and profound way. An online portal is currently being developed as part of an Interreg V-A Italy-Austria project in collaboration between the University of Vienna, the EVTZ Europaregion, the Austrian Avalanche Warning Service of Tyrol as well as the Italian Avalanche Warning Services of South Tyrol and Trentino. The developed communication structures promote and facilitate the exchange of spatial-temporal information between experts of neighboring regions as well as the public in a multi-lingual environment. The framework is supported by a software system that handles and visualizes meteorological data, observations, snow profiles and avalanche events of the entire region with a strong focus on cartographic communication. It furthermore offers the possibility to enter and manipulate the avalanche bulletin in a standardized way in order to optimize the exchange of information between the avalanche experts on duty.In order to foster the efforts in avalanche awareness and communication three conceptual cornerstones have been identified according to international avalanche warning standards: (1) avalanche danger assessment and forecasting production, (2) timing and validity of publication and (3) effective geo-communication. Based on this alignment the international ALBINA project was launched to showcase the ability and strength of such an approach. This presentation will primarily focus on effective geo-communication clarifying the general framework as well as the communication structures and workflow within the overall system. Thereby explaining the methods and interaction between the available real-time data, the technical infrastructure, the human resources as well as the geo-communicational aspects of the system. Thereafter the individual cornerstones of the system will be discussed. These consist of various services dealing with the input and administration of avalanche relevant information, geodata processing and provision, map production and dissemination, meteorological map and diagram manipulation and creation as well as the design and conception of the frontend web-interface. Finally, the current state of the system will be presented exemplifying the geo-communicational procedures and methods.

Research on the Application of BaChu Cultural Elements in Web Interface Design

The article highlights the importance of cultural elements in the relevant Ba Chu web interface design so as to reflect Ba Chu culture. It analyses the visual elements of texts, colors, graphic image, layouts dynamic effects and interaction theories, based on which to put forward the inner spirit and external performance of Ba Chu culture and expand the international vision of the traditional cultural elements in the application Ba Chu culture in the web interface design and its development trend.

Design and Implementation of Toxic Gas Concentration Monitoring System for Indoor Decoration Based on Odour Sensor Technology

With the improvement of people’s material living standards, they have also put forward higher quality requirements for the living environment, but the resulting toxic gases such as formaldehyde, toluene and organic volatiles brought about by decorations are fatal to human health. To this end, this paper designs one odour sensor-based toxic gases concentration monitoring system for indoor decoration: at the front end of the system, it is equipped with an independently-developed highly sensitive formaldehyde sensor; Wi-Fi technology with high stability and long transmission distance is selected as the main information transmission method; the front-end monitoring circuit can monitor the environmental parameters such as temperature, humidity, formaldehyde concentration, and CO concentration of each unit in real time; the design of the Web interface is based on the development of SpringMVC3+Hibernate3 development software and Oracle11g database. Finally, through the test of the toxic gas concentration monitoring system for indoor decoration, it’s found that it works stably in line with the design requirements.