[go: up one dir, main page]

 
 
Sign in to use this feature.

Years

Between: -

Subjects

remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline
remove_circle_outline

Journals

Article Types

Countries / Regions

Search Results (32)

Search Parameters:
Keywords = Web UI

Order results
Result details
Results per page
Select all
Export citation of selected articles as:
12 pages, 731 KiB  
Systematic Review
Response to Treatment with Botulinum Neurotoxin A (BoNT-A) in Children and Adolescents with Neurogenic Lower Urinary Tract Dysfunction and Idiopathic Overactive Bladder: A Systematic Review and Meta-Analysis
by Andrea Panunzio, Rossella Orlando, Giovanni Mazzucato, Sonia Costantino, Giulia Marafioti Patuzzo, Clara Cerrato, Rita De Mitri, Vincenzo Pagliarulo, Alessandro Tafuri, Antonio Benito Porcaro, Alessandro Antonelli, Riccardo Giuseppe Bertolo, Luca Giacomello and Maria Angela Cerruto
Toxins 2024, 16(10), 443; https://doi.org/10.3390/toxins16100443 (registering DOI) - 15 Oct 2024
Viewed by 324
Abstract
Introduction: Botulinum neurotoxin A (BoNT-A) is a treatment option for neurogenic lower urinary tract dysfunctions (NLUTD) and idiopathic overactive bladder (OAB) in adults. Recently, its use has gained popularity in paediatric urology. Transitional urology deals with adolescents affected by congenital urological issues, who [...] Read more.
Introduction: Botulinum neurotoxin A (BoNT-A) is a treatment option for neurogenic lower urinary tract dysfunctions (NLUTD) and idiopathic overactive bladder (OAB) in adults. Recently, its use has gained popularity in paediatric urology. Transitional urology deals with adolescents affected by congenital urological issues, who mature into adulthood. The aim of this systematic review was to update the current knowledge on the use of BoNT-A in children and adolescents. Methods: A comprehensive search in PubMed, Scopus, and Web of Science databases was performed from articles published up to September 2024. Both prospective and retrospective single-cohort or comparative studies evaluating outcomes of interest were included. These consisted of the amelioration of urinary incontinence (UI), continence rates, improvement of urodynamic parameters (maximum detrusor pressure during voiding, maximum bladder capacity, and bladder compliance), and type and prevalence of adverse/side effects. Qualitative and quantitative data syntheses were provided. Moderators and meta-regression analyses were carried out as well. Results: Forty-one full-text manuscripts were selected of which 26 focused on children with NLUTD, 13 on idiopathic OAB, and two on both conditions. Overall, 1521 patients were included of whom 715 were male, 646 female, and 160 of unknown sex. Mean age varied between 5.6 and 15.6 years. No studies specifically focused on transitional urology, despite patients up to at least 17 years of age being included. Several differences existed in design, type, dose, way of administration, outcomes measured and follow-up time; however, all studies independently showed an improvement of UI and urodynamic parameters with no major side/adverse events. Pooled analysis showed a mean rate of improvement in UI scores/episodes of 75.87% within a period of 3–6 months following BoNT-A treatment. Meta-regression analyses demonstrated a significant correlation between dryness rate and both patients’ age (negative) and bladder compliance (positive). Conclusions: Several uncontrolled or comparative studies provided significative evidence of the clinical benefit and safety of BoNT-A administration in children in terms of UI relief and improvement of urodynamic parameters, with neurogenic aetiologies being the most investigated conditions. A reduced bladder compliance was identified as one of the potential predictors of poor response to BoNT-A. Moreover, the earlier the treatment was started the higher the success rate that was reached in terms of dryness/urinary continence achievement. Full article
(This article belongs to the Section Bacterial Toxins)
Show Figures

Figure 1

Figure 1
<p>PRISMA (Preferred Reporting Items for Systematic Review and Meta-Analyses) flow diagram for the identification and selection of studies assessing the efficacy of botulinum neurotoxin A (BoNT-A) in paediatric and transitional urology.</p>
Full article ">
17 pages, 4134 KiB  
Article
Design and Development Model of a Web Accessibility Ecosystem
by Galina Bogdanova, Todor Todorov, Juliana Dochkova-Todorova, Nikolay Noev and Negoslav Sabev
Information 2024, 15(10), 613; https://doi.org/10.3390/info15100613 - 7 Oct 2024
Viewed by 451
Abstract
The article examines issues of web accessibility ecosystems for people with special needs. Methods, models, accessibility standards, and technologies related to the structure, design, and functionality of the web accessibility ecosystem are studied. The stages of developing an accessibility ecosystem are explored. The [...] Read more.
The article examines issues of web accessibility ecosystems for people with special needs. Methods, models, accessibility standards, and technologies related to the structure, design, and functionality of the web accessibility ecosystem are studied. The stages of developing an accessibility ecosystem are explored. The accessibility of the design, functionalities, structure, and content of a particular ecosystem are presented. Several themes for the design of the system with an emphasis on its accessibility for blind users are explored and analyzed. UX/UI design and the ontological model of accessibility, used in the implementation of the model of the ecosystem and its elements, are studied. A web accessibility ecosystem model has been developed, compliant with the Web Content Accessibility Guidelines and based on semantic technologies. Other qualities of this model are easy access to information resources on the topic of accessibility, convenience for users with different needs, and the possibility of expansion and enrichment in the future. Full article
(This article belongs to the Special Issue Feature Papers in Information in 2024–2025)
Show Figures

Figure 1

Figure 1
<p>Schema of the Stages in the Development of an Accessibility Ecosystem.</p>
Full article ">Figure 2
<p>Schema of the Accessibility Ecosystem Modules.</p>
Full article ">Figure 3
<p>A Model of Part of the Content of the Accessibility Ontology Related to the AB Ecosystem.</p>
Full article ">Figure 4
<p>Scheme of Arrangement of Elements in the Ecosystem.</p>
Full article ">Figure 5
<p>Main Menu in the Ecosystem.</p>
Full article ">Figure 6
<p>An Example Tag Cloud.</p>
Full article ">Figure 7
<p>Scheme with the Ecosystem Map.</p>
Full article ">Figure 8
<p>Widget Customization via CSS.</p>
Full article ">Figure 9
<p>AB Ecosystem Accessibility Panel.</p>
Full article ">
17 pages, 3841 KiB  
Article
An Image-Based User Interface Testing Method for Flutter Programming Learning Assistant System
by Soe Thandar Aung, Nobuo Funabiki, Lynn Htet Aung, Safira Adine Kinari, Khaing Hsu Wai and Mustika Mentari
Information 2024, 15(8), 464; https://doi.org/10.3390/info15080464 - 3 Aug 2024
Viewed by 935
Abstract
Flutter has become popular for providing a uniform development environment for user interfaces (UIs) on smart phones, web browsers, and desktop applications. We have developed the Flutter programming learning assistant system (FPLAS) to assist its novice students’ self-study. We implemented the Docker-based Flutter [...] Read more.
Flutter has become popular for providing a uniform development environment for user interfaces (UIs) on smart phones, web browsers, and desktop applications. We have developed the Flutter programming learning assistant system (FPLAS) to assist its novice students’ self-study. We implemented the Docker-based Flutter environment with Visual Studio Code and three introductory exercise projects. However, the correctness of students’ answers is manually checked, although automatic checking is necessary to reduce teachers’ workload and provide quick responses to students. This paper presents an image-based user interface (UI) testing method to automate UI testing by the answer code using the Flask framework. This method produces the UI image by running the answer code and compares it with the image made by the model code for the assignment using ORB and SIFT algorithms in the OpenCV library. One notable aspect is the necessity to capture multiple UI screenshots through page transitions by user input actions for the accurate detection of changes in UI elements. For evaluations, we assigned five Flutter exercise projects to fourth-year bachelor and first-year master engineering students at Okayama University, Japan, and applied the proposed method to their answers. The results confirm the effectiveness of the proposal. Full article
Show Figures

Figure 1

Figure 1
<p>Overview of <span class="html-italic">Docker</span>-based <span class="html-italic">Flutter</span> development environment.</p>
Full article ">Figure 2
<p>Overview of image-based <span class="html-italic">UI</span> testing method.</p>
Full article ">Figure 3
<p>Highlighting differences with similarity result in <span class="html-italic">UI</span> testing.</p>
Full article ">Figure 4
<p><span class="html-italic">To-do list</span> project in <b>Exercise-5</b>.</p>
Full article ">Figure 5
<p>Similarity scores for all images of five exercises.</p>
Full article ">Figure 6
<p>Results for <b>Exercise-1</b> and <b>Exercise-2</b>.</p>
Full article ">Figure 7
<p>Results for <b>Exercise-3</b>.</p>
Full article ">Figure 8
<p>Results for <b>Exercise-4</b>.</p>
Full article ">Figure 9
<p>Results for <b>Exercise-5</b>.</p>
Full article ">
25 pages, 1652 KiB  
Article
Toward Safer Roads: Predicting the Severity of Traffic Accidents in Montreal Using Machine Learning
by Bappa Muktar and Vincent Fono
Electronics 2024, 13(15), 3036; https://doi.org/10.3390/electronics13153036 - 1 Aug 2024
Cited by 1 | Viewed by 1341
Abstract
Traffic accidents are among the most common causes of death worldwide. According to statistics from the World Health Organization (WHO), 50 million people are involved in traffic accidents every year. Canada, particularly Montreal, is not immune to this problem. Data from the Société [...] Read more.
Traffic accidents are among the most common causes of death worldwide. According to statistics from the World Health Organization (WHO), 50 million people are involved in traffic accidents every year. Canada, particularly Montreal, is not immune to this problem. Data from the Société de l’Assurance Automobile du Québec (SAAQ) show that there were 392 deaths on Québec roads in 2022, 38 of them related to the city of Montreal. This value represents an increase of 29.3% for the city of Montreal compared with the average for the years 2017 to 2021. In this context, it is important to take concrete measures to improve traffic safety in the city of Montreal. In this article, we present a web-based solution based on machine learning that predicts the severity of traffic accidents in Montreal. This solution uses a dataset of traffic accidents that occurred in Montreal between 2012 and 2021. By predicting the severity of accidents, our approach aims to identify key factors that influence whether an accident is serious or not. Understanding these factors can help authorities implement targeted interventions to prevent severe accidents and allocate resources more effectively during emergency responses. Classification algorithms such as eXtreme Gradient Boosting (XGBoost), Categorical Boosting (CatBoost), Random Forest (RF), and Gradient Boosting (GB) were used to develop the prediction model. Performance metrics such as precision, recall, F1 score, and accuracy were used to evaluate the prediction model. The performance analysis shows an excellent accuracy of 96% for the prediction model based on the XGBoost classifier. The other models (CatBoost, RF, GB) achieved 95%, 93%, and 89% accuracy, respectively. The prediction model based on the XGBoost classifier was deployed using a client–server web application managed by Swagger-UI, Angular, and the Flask Python framework. This study makes significant contributions to the field by employing an ensemble of supervised machine learning algorithms, achieving a high prediction accuracy, and developing a real-time prediction web application. This application enables quicker and more effective responses from emergency services, potentially reducing the impact of severe accidents and improving overall traffic safety. Full article
(This article belongs to the Special Issue Advances in Artificial Intelligence Engineering)
Show Figures

Figure 1

Figure 1
<p>Distribution of accident rates by severity level.</p>
Full article ">Figure 2
<p>Hourly distribution of accident severity.</p>
Full article ">Figure 3
<p>Weekly distribution of accident severity.</p>
Full article ">Figure 4
<p>Monthly distribution of accident severity.</p>
Full article ">Figure 5
<p>Yearly distribution of accident severity.</p>
Full article ">Figure 6
<p>Comparison of classification algorithm performance.</p>
Full article ">Figure 7
<p>Montreal severity accident predictor web application architecture.</p>
Full article ">Figure 8
<p>Montreal severity accident predictor web application interface.</p>
Full article ">Figure 9
<p>Spatial distribution of accident severity in Montreal.</p>
Full article ">
30 pages, 2117 KiB  
Article
Towards a Refined Heuristic Evaluation: Incorporating Hierarchical Analysis for Weighted Usability Assessment
by Leonardo Talero-Sarmiento, Marc Gonzalez-Capdevila, Antoni Granollers, Henry Lamos-Diaz and Karine Pistili-Rodrigues
Big Data Cogn. Comput. 2024, 8(6), 69; https://doi.org/10.3390/bdcc8060069 - 13 Jun 2024
Viewed by 1305
Abstract
This study explores the implementation of the analytic hierarchy process in usability evaluations, specifically focusing on user interface assessment during software development phases. Addressing the challenge of diverse and unstandardized evaluation methodologies, our research develops and applies a tailored algorithm that simplifies heuristic [...] Read more.
This study explores the implementation of the analytic hierarchy process in usability evaluations, specifically focusing on user interface assessment during software development phases. Addressing the challenge of diverse and unstandardized evaluation methodologies, our research develops and applies a tailored algorithm that simplifies heuristic prioritization. This novel method combines the analytic hierarchy process framework with a bespoke algorithm that leverages transitive properties for efficient pairwise comparisons, significantly reducing the evaluative workload. The algorithm is designed to facilitate the estimation of heuristic relevance regardless of the number of items per heuristic or the item scale, thereby streamlining the evaluation process. Rigorous simulation testing of this tailored algorithm is complemented by its empirical application, where seven usability experts evaluate a web interface. This practical implementation demonstrates our method’s ability to decrease the necessary comparisons and simplify the complexity and workload associated with the traditional prioritization process. Additionally, it improves the accuracy and relevance of the user interface usability heuristic testing results. By prioritizing heuristics based on their importance as determined by the Usability Testing Leader—rather than merely depending on the number of items, scale, or heuristics—our approach ensures that evaluations focus on the most critical usability aspects from the start. The findings from this study highlight the importance of expert-driven evaluations for gaining a thorough understanding of heuristic UI assessment, offering a wider perspective than user-perception-based methods like the questionnaire approach. Our research contributes to advancing UI evaluation methodologies, offering an organized and effective framework for future usability testing endeavors. Full article
(This article belongs to the Special Issue Human Factor in Information Systems Development and Management)
Show Figures

Figure 1

Figure 1
<p>Meshgrid of number of comparisons by N and m.</p>
Full article ">Figure 2
<p>Consistency ratio boxplot by number of pairwise comparisons.</p>
Full article ">Figure 3
<p>Frequency of pairwise comparisons.</p>
Full article ">Figure 4
<p>Frequency distribution of the number of pairwise comparisons with acceptable consistency.</p>
Full article ">Figure 5
<p>Radar plot with the normalized average in each heuristic.</p>
Full article ">Figure 6
<p>Paired boxplot of usability percentages.</p>
Full article ">Figure 7
<p>Barplot assorted for the major difference between Traditional and Modified weights. (<b>a</b>) Difference between both methods, (<b>b</b>) standardized average score in each heuristic, and (<b>c</b>) standardized deviation standard.</p>
Full article ">
19 pages, 12184 KiB  
Article
Emotion Recognition in Usability Testing: A Framework for Improving Web Application UI Design
by Darius Drungilas, Ignas Ramašauskas and Mindaugas Kurmis
Appl. Sci. 2024, 14(11), 4773; https://doi.org/10.3390/app14114773 - 31 May 2024
Cited by 1 | Viewed by 862
Abstract
Traditional usability testing methods often lack the ability to fully capture different aspects of the user experience (UX). The focus of this research work is to propose a framework and develop its comprehensive prototype to improve usability testing and UX analysis by integrating [...] Read more.
Traditional usability testing methods often lack the ability to fully capture different aspects of the user experience (UX). The focus of this research work is to propose a framework and develop its comprehensive prototype to improve usability testing and UX analysis by integrating session recording, interaction logging, and emotion recognition methods. A trained emotion recognition model based on MobileNetV2 architecture in conjunction with Hotjar and Google Analytics is proposed to add more context to the user experience during usability testing. The results obtained during the testing of a developed framework prototype showed that UI testing based on UX principles and integration of emotion recognition can be a powerful tool for improving the UI of web applications. It is recommended to improve UI testing processes by incorporating these aspects and data analysis methods. This would provide a more complete and more objective picture of the usability of the interface. Full article
Show Figures

Figure 1

Figure 1
<p>Architecture of CNN for emotion recognition.</p>
Full article ">Figure 2
<p>Architecture of the proposed framework prototype for web application testing.</p>
Full article ">Figure 3
<p>Emotion recognition algorithm activity diagram.</p>
Full article ">Figure 4
<p>Activity diagram of the proposed framework prototype for web application testing.</p>
Full article ">Figure 5
<p>Plots of the results of the second trained model (Keras and TensorFlow): (<b>a</b>) accuracy plot; (<b>b</b>) loss plot.</p>
Full article ">Figure 6
<p>Test results of the fourth trial of the emotion recognition model, recognizing seven out of seven emotions (left side—the image that was used; right side—predicted emotion probabilities: (<b>a</b>) Angry; (<b>b</b>) Disgusted; (<b>c</b>) Fearful; (<b>d</b>) Happy; (<b>e</b>) Neutral; (<b>f</b>) Sad; (<b>g</b>) Surprised).</p>
Full article ">Figure 6 Cont.
<p>Test results of the fourth trial of the emotion recognition model, recognizing seven out of seven emotions (left side—the image that was used; right side—predicted emotion probabilities: (<b>a</b>) Angry; (<b>b</b>) Disgusted; (<b>c</b>) Fearful; (<b>d</b>) Happy; (<b>e</b>) Neutral; (<b>f</b>) Sad; (<b>g</b>) Surprised).</p>
Full article ">Figure 7
<p>Real-time emotion recognition test results (under normal conditions without the use of special video/lighting equipment): (<b>a</b>) Angry; (<b>b</b>) Disgusted; (<b>c</b>) Fearful; (<b>d</b>) Happy; (<b>e</b>) Neutral; (<b>f</b>) Sad; (<b>g</b>) Surprised.</p>
Full article ">Figure 7 Cont.
<p>Real-time emotion recognition test results (under normal conditions without the use of special video/lighting equipment): (<b>a</b>) Angry; (<b>b</b>) Disgusted; (<b>c</b>) Fearful; (<b>d</b>) Happy; (<b>e</b>) Neutral; (<b>f</b>) Sad; (<b>g</b>) Surprised.</p>
Full article ">Figure 8
<p>Use case #1 for identifying problematic negative emotion events, highlighted in the red frame.</p>
Full article ">Figure 9
<p>Use case #1: (1) a double-click on a small image is detected; (2) the action list shows the double-click.</p>
Full article ">Figure 10
<p>Use case #1: (1) top one click shown on the page by Hotjar heatmap; (2) percentage of this click compared it to all clicks on the page.</p>
Full article ">Figure 11
<p>Use case #2: (1) “rage click” identified in recording; (2) multiple clicks in action list; (3) “rage click” marked by Hotjar.</p>
Full article ">Figure 12
<p>Group of five angry emotions detected (bordered by a red square). Potential problem—no back-to-top button, extensive scrolling (1) marked as frustrated (2) by Hotjar.</p>
Full article ">Figure 13
<p>Group of three angry emotions detected (bordered by a red square). Potential problem—user did not like the feedback form and chose to skip (1) and skipping action logged in (2).</p>
Full article ">Figure 14
<p>Group of five negative emotions detected (bordered by a red square). Potential problem—the search bar (2) keeps appearing and disappearing when the mouse is over it (1), making it difficult to navigate.</p>
Full article ">Figure 15
<p>Group of five negative emotions detected (bordered by a red square). Potential problem—leaving a comment (1 and 2) results in a critical error in a Hello Word blog post.</p>
Full article ">Figure 16
<p>Use case #2: user engagement on different pages data from Google Analytics. The red frames highlight the pages with problematic UI in a use case #1 and #2.</p>
Full article ">
19 pages, 11780 KiB  
Article
UIGuider: Detecting Implicit Design Guidelines Using a Domain Knowledge Graph Approach
by Bo Yang and Shanping Li
Electronics 2024, 13(7), 1210; https://doi.org/10.3390/electronics13071210 - 26 Mar 2024
Viewed by 835
Abstract
Mobile application developers must adhere to a set of design guidelines to ensure consistency in graphical user interfaces (GUIs) and strive for best practices. Violating these widely accepted design guidelines can negatively impact user experience and diminish an application’s market value. Although a [...] Read more.
Mobile application developers must adhere to a set of design guidelines to ensure consistency in graphical user interfaces (GUIs) and strive for best practices. Violating these widely accepted design guidelines can negatively impact user experience and diminish an application’s market value. Although a few explicit design guidelines outline specific user interface layouts to avoid, substantial design knowledge remains scattered across various web pages. This implicit design knowledge includes design guidelines for UI component usage scenarios, anatomy, fine-grained categorizations, etc. Manually inspecting design guideline violations is knowledge-intensive and time-consuming, demanding high levels of expertise. To address this, we propose UIGuider, a novel approach to automatically constructing a component-based design knowledge graph using multimodal data. UIGuider can discern valuable text containing design guidelines, extract component and concept entities, and establish relationships among them. Our experiments demonstrate the effectiveness and usefulness of UIGuider in automatically detecting implicit design guidelines and constructing domain knowledge graphs. Additionally, the result presentation of a design violation detection tool is optimized. The results of user studies confirm that the use of the knowledge graph and real-world app datasets enhances the overall usability of the tool. Full article
(This article belongs to the Section Computer Science & Engineering)
Show Figures

Figure 1

Figure 1
<p>UI design smells (1st row) vs. non-smell UIs (2nd row) (issues highlighted in red boxes).</p>
Full article ">Figure 2
<p>Examples of explicit and implicit design guidelines in Material Design. The part above the dashed line shows explicit design guidelines labeled as “do not do that” and “caution” for using the bottom navigation and tab, respectively. The part below the dashed line shows implicit design guidelines without labels, such as the usage scenarios for using bottom navigation, the anatomy of a top bar, and the fine-grained classifications of buttons.</p>
Full article ">Figure 3
<p>Overview of proposed approach to constructing multimodal design knowledge graph.</p>
Full article ">Figure 4
<p>POS tagging results for the usage sentence of bottom navigation.</p>
Full article ">Figure 5
<p>Example of chunking NPs and VPs from the usage sentence of bottom navigation. Different colors represent different tags.</p>
Full article ">Figure 6
<p>Overview of UIGuider demonstration (illustrating the detection of a navigation drawer as an example).</p>
Full article ">Figure 7
<p>Comparison between UIGuider demonstration and Google Search for design knowledge.</p>
Full article ">Figure 8
<p>Answer accuracy and answer time for each task.</p>
Full article ">Figure 9
<p>Distribution and average score of SUS results.</p>
Full article ">
22 pages, 8916 KiB  
Article
A Bleeding Edge Web Application for Early Detection of Cyanobacterial Blooms
by Jesús Chacón, Giordy A. Andrade, Jose L. Risco-Martín and Segundo Esteban
Electronics 2024, 13(5), 942; https://doi.org/10.3390/electronics13050942 - 29 Feb 2024
Cited by 1 | Viewed by 840
Abstract
Harmful Algal and Cyanobacterial Bloom (HACB) threaten aquatic ecosystems, human health, and the economy. Many factors influence these dynamic events, which are often difficult to detect until the late stages of growth. The inclusion of an Early Warning System (EWS) can be instrumental [...] Read more.
Harmful Algal and Cyanobacterial Bloom (HACB) threaten aquatic ecosystems, human health, and the economy. Many factors influence these dynamic events, which are often difficult to detect until the late stages of growth. The inclusion of an Early Warning System (EWS) can be instrumental in identifying hazards and preventing or at least minimizing their impact. Traditional monitoring approaches often fail to provide the real-time, high-resolution data needed for effective early warnings. The integration of Internet of Things (IoT) technologies offers a promising avenue to address these limitations by creating a network of interconnected sensors capable of continuously collecting and transmitting data from various aquatic environments. In this paper, we present DEVS-BLOOM-WebUI, an advanced web application that extends the capabilities of the DEVS-BLOOM framework, providing a user-friendly interface that supports different user roles. The application includes an interface to manage users and permissions, dashboards to inspect data (from sensors, Unmanned Surface Vehicles (USVs), weather stations, etc.), train AI models, explore their predictions, and facilitate decision-making through notification of early warnings. A key feature of DEVS-BLOOM-WebUI is the Scenario Configuration Editor (SCE). This interactive tool allows for users to design and configure the deployment of monitoring infrastructure within a water body, enhancing the system’s adaptability to user-defined simulation scenarios. This paper also investigates the practical implementation of an IoT-based EWS, discussing design considerations, sensor technologies, and communication protocols essential for seamless data integration and effective operation of the EWS. Full article
(This article belongs to the Special Issue Advanced Web Applications)
Show Figures

Figure 1

Figure 1
<p>Conceptual design of the IoT layered structure to facilitate future real-world implementation.</p>
Full article ">Figure 2
<p>Coupled model of the architecture of the bloom monitoring using an inference service.</p>
Full article ">Figure 3
<p>Relational diagram of DEVS-BLOOM Cloud Model.</p>
Full article ">Figure 4
<p>Application of USV monitoring.</p>
Full article ">Figure 5
<p>Application of HACB monitoring.</p>
Full article ">Figure 6
<p>Use Case Diagram of Web UI System.</p>
Full article ">Figure 7
<p>Application of Bloom’s level forecast.</p>
Full article ">Figure 8
<p>The Scenario Configuration Editor interface within the DEVS-BLOOM-WebUI.</p>
Full article ">Figure 9
<p>Application of the USV monitoring.</p>
Full article ">Figure 10
<p>View of the data analysis application. Simulated Oxygen sensor signal (blue) and north wind speed component signal (orange) are displayed.</p>
Full article ">Figure 11
<p>Application of the warnings for Bloom and Oxygen levels.</p>
Full article ">Figure 12
<p>Application of water body analysis for measured Bloom levels (BloomMesS) and inferred Bloom levels (BloomInS).</p>
Full article ">Figure 13
<p>View of the user administration application.</p>
Full article ">
16 pages, 1254 KiB  
Article
Investigating Color-Blind User-Interface Accessibility via Simulated Interfaces
by Amaan Jamil and Gyorgy Denes
Computers 2024, 13(2), 53; https://doi.org/10.3390/computers13020053 - 17 Feb 2024
Viewed by 2518
Abstract
Over 300 million people who live with color vision deficiency (CVD) have a decreased ability to distinguish between colors, limiting their ability to interact with websites and software packages. User-interface designers have taken various approaches to tackle the issue, with most offering a [...] Read more.
Over 300 million people who live with color vision deficiency (CVD) have a decreased ability to distinguish between colors, limiting their ability to interact with websites and software packages. User-interface designers have taken various approaches to tackle the issue, with most offering a high-contrast mode. The Web Content Accessibility Guidelines (WCAG) outline some best practices for maintaining accessibility that have been adopted and recommended by several governments; however, it is currently uncertain how this impacts perceived user functionality and if this could result in a reduced aesthetic look. In the absence of subjective data, we aim to investigate how a CVD observer might rate the functionality and aesthetics of existing UIs. However, the design of a comparative study of CVD vs. non-CVD populations is inherently hard; therefore, we build on the successful field of physiologically based CVD models and propose a novel simulation-based experimental protocol, where non-CVD observers rate the relative aesthetics and functionality of screenshots of 20 popular websites as seen in full color vs. with simulated CVD. Our results show that relative aesthetics and functionality correlate positively and that an operating-system-wide high-contrast mode can reduce both aesthetics and functionality. While our results are only valid in the context of simulated CVD screenshots, the approach has the benefit of being easily deployable, and can help to spot a number of common pitfalls in production. Finally, we propose a AAA–A classification of the interfaces we analyzed. Full article
(This article belongs to the Special Issue Selected Papers from Computer Graphics & Visual Computing (CGVC 2023))
Show Figures

Figure 1

Figure 1
<p>Normalized spectral sensitivity of the three types of retinal cone cells as a function of light wavelength. Note the similarity of the <span class="html-italic">M</span> and <span class="html-italic">L</span> cones, where minor individual differences can result in an unresolvable overlap, causing observers to have a reduced ability to differentiate between lights in the red–green region. This is plotted based on Stockman and Sharpe [<a href="#B23-computers-13-00053" class="html-bibr">23</a>].</p>
Full article ">Figure 2
<p>Illustration of a popular quiz platform’s UI processed with simulated tritanomaly [<a href="#B22-computers-13-00053" class="html-bibr">22</a>]. While text vs. background contrast remains mostly unchanged, <math display="inline"><semantics> <mrow> <mo>Δ</mo> <msub> <mi>E</mi> <mn>2000</mn> </msub> </mrow> </semantics></math> color difference [<a href="#B28-computers-13-00053" class="html-bibr">28</a>] between buttons 1 and 2 is reduced from <math display="inline"><semantics> <mrow> <mn>25.1</mn> </mrow> </semantics></math> to <math display="inline"><semantics> <mrow> <mn>14.1</mn> </mrow> </semantics></math>. Similarly, <math display="inline"><semantics> <mrow> <mo>Δ</mo> <msub> <mi>E</mi> <mn>2000</mn> </msub> </mrow> </semantics></math> between buttons 3 and 4 is reduced from <math display="inline"><semantics> <mrow> <mn>43.0</mn> </mrow> </semantics></math> to <math display="inline"><semantics> <mrow> <mn>18.3</mn> </mrow> </semantics></math>. The colors remain distinguishable, but the difference between them is less noticeable. WCAG analysis would flag an insufficient text vs. background contrast on button 3 (&lt;3), but the current guidelines do not address the reduced color difference between buttons.</p>
Full article ">Figure 3
<p>Illustration of a website automatically adapting to Windows high-contrast mode (<span class="html-italic">Night Sky</span>). The reduced color palette is designed to increase contrast between key UI components.</p>
Full article ">Figure 4
<p>Overview of the experimental methods, with each step discussed in detail in the main text [<a href="#B22-computers-13-00053" class="html-bibr">22</a>].</p>
Full article ">Figure 5
<p>Visualization of the experiment setup with the reference screenshot and three types of simulated CVD (protanomaly, deuteranomaly, and tritanomaly) with otherwise identical content. The user controls the aesthetics (binary)and functionality scores (1–5) at the bottom of the screen.</p>
Full article ">Figure 6
<p>Functionality MOS for each UI. Colors show (a) <span class="html-italic">all</span> responses, (b) <span class="html-italic">standard</span> (non-high-contrast), and (c) <span class="html-italic">high-contrast</span> responses for each UI. Error bars indicate 95% confidence intervals, asterisks (*) indicate a significant difference between standard and high-contrast responses for a given app (b vs. c).</p>
Full article ">Figure 7
<p>Result of significance test on functionality scores and aesthetics with dark squares indicating significance (<math display="inline"><semantics> <mrow> <mi>p</mi> <mo>≪</mo> <mn>0.05</mn> </mrow> </semantics></math>). Differences across applications were only significant for highly rated UIs vs. low-rated UIs.</p>
Full article ">Figure 8
<p>Probability of aesthetics being kept for each UI. Colors and notation identical to <a href="#computers-13-00053-f006" class="html-fig">Figure 6</a>. The difference between (b) and (c) is notable.</p>
Full article ">Figure 9
<p>Functionality vs. aesthetics for populations (b) <span class="html-italic">standard</span> (non-high-contrast) mode (blue circles) and (c) <span class="html-italic">high constrast</span> mode (orange crosses). Each point indicates an app. The dataset shows a strong positive correlation (Pearson r = 0.74).</p>
Full article ">Figure 10
<p>Color-coded error field. The UI meets WCAG guidelines with the use of the warning icon; however, the shade of red when seen through CVD simulation (deuteranomaly) stands out less, which can make the user interaction slower in a large form.</p>
Full article ">Figure 11
<p>Reduced functionality in high-contrast mode. In this instance, turning the calendar icon black would have helped to maintain functionality.</p>
Full article ">Figure 12
<p>Tabular results of our user-interface classification. Software ranked from Level A (lowest) to AAA (highest), where the ordering considers both aesthetics and functionality. Tiles on the same level represent a similar overall score.</p>
Full article ">Figure A1
<p>Relative functionality scores of simulated CVD screenshots plotted over average probability of aesthetics kept. Each point indicates an app in either (b) <span class="html-italic">standard</span> (non-high-contrast) mode or (c) <span class="html-italic">high-contrast</span> mode (orange crosses).</p>
Full article ">Figure A2
<p>Experiment setup: top-left image is the reference screenshot, with three types of CVD (protanomaly: top right, deuteranomaly: bottom left, tritanomaly: bottom right) simulated. The user controls the aesthetics and functionality scores at the bottom of the screen. Hovering over a screenshot magnifies it to reveal it in its original resolution.</p>
Full article ">
2 pages, 134 KiB  
Abstract
How to Nudge a Modern Consumer towards Healthier Food Choices
by Eva Valenčič, Barbara Koroušić Seljak, Tamara Bucher, Clare E. Collins and Emma Beckett
Proceedings 2023, 91(1), 248; https://doi.org/10.3390/proceedings2023091248 - 4 Feb 2024
Viewed by 584
Abstract
Food environments have a major influence on consumers’ food choices. The increasing abilities and accessibility of technology have caused food choices to be made in digital environments. Contemporary consumers increasingly select and purchase foods via web-based and mobile applications, where their perceptions and [...] Read more.
Food environments have a major influence on consumers’ food choices. The increasing abilities and accessibility of technology have caused food choices to be made in digital environments. Contemporary consumers increasingly select and purchase foods via web-based and mobile applications, where their perceptions and food choices are mediated entirely through user-interface (UI) designs. Therefore, online services offer a great opportunity for choice architects to develop new digital nudging strategies that could promote healthier food choices. At the conference, we present the results of two recently conducted studies to test two digital nudging strategies: the first was conducted within an experimental online grocery store and the second was conducted using a mobile application for food (specifically snacks) tracking. A review of existing digital nudging strategies used on online grocery stores was provided to demonstrate why research on the potential impacts of digital environments on food choices is needed. In addition, two different digital nudging strategies were presented, providing details about the applied human–computer interaction principles. The first nudging strategy, implemented within an experimental online grocery store, is based on the re-positioning of product categories and of food products within those categories based on the content of a specific nutrient (specifically dietary fibre). The second strategy, implemented within a mobile application, exploits the influence of UI, implemented as background images of either healthy or unhealthy snacks, on snack choices. In addition, the mobile app was published as an open-access app; thus, further studies investigating the impact of UI can be conducted and the easy collection of data is facilitated. The results of both studies, performed in different digital settings and in two countries (Slovenia and Australia), were presented. The main findings suggest that further investigation of this research field is warranted, and that strategically implementing digital nudging strategies in online environments may promote healthier food choices. Lastly, this research provides insights (i) for consumers on how UIs can affect food choice decisions, (ii) for choice architects in the health-promotion research area, as it may inform the development of interventions to promote healthy food choices, and (iii) for policy makers regarding whether regulations are needed to protect consumers in online food choice settings. Full article
(This article belongs to the Proceedings of The 14th European Nutrition Conference FENS 2023)
23 pages, 664 KiB  
Review
Non-Pharmacological Management of Urge Urinary Incontinence in Women between 40 and 65 Years Old: A Systematic Review
by Sara Trapani, Giulia Villa, Andrea Poliani, Silvia Gnecchi, Debora Rosa and Duilio F. Manara
Nurs. Rep. 2024, 14(1), 174-196; https://doi.org/10.3390/nursrep14010015 - 9 Jan 2024
Viewed by 2383
Abstract
Background: Urinary incontinence (UI) has been identified as a World Health Organization health priority. In particular, urge UI (UUI) refers to urine leakage associated with a sudden and compelling desire to void urine. It affects quality of life more than other kinds of [...] Read more.
Background: Urinary incontinence (UI) has been identified as a World Health Organization health priority. In particular, urge UI (UUI) refers to urine leakage associated with a sudden and compelling desire to void urine. It affects quality of life more than other kinds of UI, but it is not always treated adequately. For these reasons, this study aimed to evaluate the effectiveness of conservative treatment practices to counteract UUI in women aged 40–65 years old. Methods: This systematic review was conducted following the Joanna Briggs Institute (JBI) methodology. According to the protocol registered in PROSPERO, a systematic search was carried out in the CINAHL, Embase, PubMed, PsycInfo, Scopus and Web of Science databases up to October 2022, to find primary studies meeting the inclusion criteria. Results: Fourteen studies were included. The scientific literature reported different strategies dealing with the problem of UUI, some purely physical, others physical and psycho-educational and others exclusively psychological. Conclusion: Conservative treatments are useful to aid the reduction in UUI episodes in middle-aged women. However, none of them can be considered more effective than others due to the impossibility of conducting meta-analytical analyses. Further studies comparing the effectiveness of conservative treatments for UUI are needed. Full article
Show Figures

Figure 1

Figure 1
<p>PRISMA Flow Diagram (2020) [<a href="#B41-nursrep-14-00015" class="html-bibr">41</a>].</p>
Full article ">
2 pages, 157 KiB  
Abstract
Tailored Food Recommendations in Facilitating Dietary Change: A Rule-Based Personalized Eating Solution
by Jenni Lappi, Adil Umer, Jaakko Lähteenmäki and Nesli Sözer
Proceedings 2023, 91(1), 28; https://doi.org/10.3390/proceedings2023091028 - 14 Nov 2023
Viewed by 582
Abstract
Background and objectives: A concept of personalized eating originates from personalized nutrition, where dietary advice is tailored to an individual. In personalized nutrition solutions, dietary advice is more and more based on clinical biomarkers, genetics, and the gut microbiome. However, there is evidence [...] Read more.
Background and objectives: A concept of personalized eating originates from personalized nutrition, where dietary advice is tailored to an individual. In personalized nutrition solutions, dietary advice is more and more based on clinical biomarkers, genetics, and the gut microbiome. However, there is evidence that tailored dietary advice based only on personal dietary data is effective in facilitating changes in dietary intakes. Thus, the aim is to create a personalized eating solution: a prototype of data platform recommends foods by linking individual’s dietary data with product information via specified rules. Methods: The data platform is integrated with an external global food product database and a user interface (UI), and the system structure is: (1) a personal profile, (2) a rules engine with functionality for setting tags and filtering rules, and (3) a knowledge database (food product database). The food product database is integrated via an open API (application programming interface) with the platform, and is utilized to retrieve product information for the filtering rules. When using the platform for the first time, a user must enter demographic data and information about specific dietary criteria and personal preferences. With the permission from the user, the data platform may also retrieve data for the personal profile from other integrated services, including wearable devices. Food recommendations are generated by filtering the product information based on the personal profile and food groups selected by the user. The user can access the food recommendations via a web-based UI. The platform also includes an API, which allows the recommendations to be integrated to existing wellness applications and devices. Results and Discussion: The personalized eating solution suitability for use by consumers and ecommerce services will be tested in 2023. A strength is that the solution considers personal preferences to motivate users, such as values related to the consumption of ethic and sustainable products. However, the food recommendation rules rely on formal information about products in the external food database. In the future, the solution could be used for research, commercial, and healthcare purposes in facilitating dietary changes to promote health and wellbeing. Full article
(This article belongs to the Proceedings of The 14th European Nutrition Conference FENS 2023)
35 pages, 10269 KiB  
Article
Assessing Interactive Web-Based Systems Using Behavioral Measurement Techniques
by Thanaa Saad AlSalem and Majed Aadi AlShamari
Future Internet 2023, 15(11), 365; https://doi.org/10.3390/fi15110365 - 11 Nov 2023
Cited by 1 | Viewed by 2537
Abstract
Nowadays, e-commerce websites have become part of people’s daily lives; therefore, it has become necessary to seek help in assessing and improving the usability of the services of e-commerce websites. Essentially, usability studies offer significant information about users’ assessment and perceptions of satisfaction, [...] Read more.
Nowadays, e-commerce websites have become part of people’s daily lives; therefore, it has become necessary to seek help in assessing and improving the usability of the services of e-commerce websites. Essentially, usability studies offer significant information about users’ assessment and perceptions of satisfaction, effectiveness, and efficiency of online services. This research investigated the usability of two e-commerce web-sites in Saudi Arabia and compared the effectiveness of different behavioral measurement techniques, such as heuristic evaluation, usability testing, and eye-tracking. In particular, this research selected the Extra and Jarir e-commerce websites in Saudi Arabia based on a combined approach of criteria and ranking. This research followed an experimental approach in which both qualitative and quantitative approaches were employed to collect and analyze the data. Each of the behavioral measurement techniques identified usability issues ranging from cosmetic to catastrophic issues. It is worth mentioning that the heuristic evaluation by experts provided both the majority of the issues and identified the most severe usability issues compared to the number of issues identified by both usability testing and eye-tracking combined. Usability testing provided fewer problems, most of which had already been identified by the experts. Eye-tracking provided critical information regarding the page design and element placements and revealed certain user behavior patterns that indicated certain usability problems. Overall, the research findings appeared useful to user experience (UX) and user interface (UI) designers to consider the provided recommendations to enhance the usability of e-commerce websites. Full article
(This article belongs to the Special Issue Advances and Perspectives in Human-Computer Interaction)
Show Figures

Figure 1

Figure 1
<p>Research methodology.</p>
Full article ">Figure 2
<p>Task success of Extra website.</p>
Full article ">Figure 3
<p>Task times of Extra website.</p>
Full article ">Figure 4
<p>Error number rate of Extra website.</p>
Full article ">Figure 5
<p>Task success of Jarir website.</p>
Full article ">Figure 6
<p>Task time of Jarir website.</p>
Full article ">Figure 7
<p>Error number rate of Jarir website.</p>
Full article ">Figure 8
<p>Aggregated heatmap for search bar—Task 1.</p>
Full article ">Figure 9
<p>Aggregated heatmap menu and categories—Task 1.</p>
Full article ">Figure 10
<p>Users fixating on the item card to Locate a compare button.</p>
Full article ">Figure 11
<p>Users’ fixation on the item description page to locate a compare button.</p>
Full article ">Figure 12
<p>No add to cart button in item cards.</p>
Full article ">Figure 13
<p>Heatmap for detecting customer support.</p>
Full article ">Figure 14
<p>Menu browsing heatmap—Jarir.</p>
Full article ">Figure 15
<p>Search heatmap—Jarir.</p>
Full article ">Figure 16
<p>Users search for a compare button.</p>
Full article ">Figure 17
<p>Finalizing comparison—Jarir.</p>
Full article ">Figure 18
<p>Using the search bar to locate items.</p>
Full article ">Figure 19
<p>Adding an item to cart.</p>
Full article ">Figure 20
<p>Heatmap of support number location on Jarir website.</p>
Full article ">Figure 21
<p>Behavioral measurement techniques severity rating for Extra website.</p>
Full article ">Figure 22
<p>Behavioral measurement techniques severity rating for Jarir website.</p>
Full article ">
18 pages, 7976 KiB  
Article
Prototyping of Utilization Model for KOMPSAT-3/3A Analysis Ready Data Based on the Open Data Cube Platform in Multi-Cloud Computing Environment: A Case Study
by Kwangseob Kim and Kiwon Lee
Appl. Sci. 2023, 13(18), 10478; https://doi.org/10.3390/app131810478 - 20 Sep 2023
Cited by 1 | Viewed by 1163
Abstract
This study introduces a multi-cloud model that combines private and public cloud services for processing and managing satellite images. The multi-cloud service is established by incorporating private clouds within organizations and integrating them with external public cloud services to utilize the data. Private [...] Read more.
This study introduces a multi-cloud model that combines private and public cloud services for processing and managing satellite images. The multi-cloud service is established by incorporating private clouds within organizations and integrating them with external public cloud services to utilize the data. Private clouds can maintain data security within an organization or between organizations, while public clouds offer easy processing options for general users with access accounts. The model for the private cloud service utilizes open-source OpenStack software to create virtual machines, allowing users to manage analysis ready data (ARD) of the Korea Multi-Purpose Satellite (KOMPSAT)-3/3A images simultaneously. The public cloud service through Amazon Web Services (AWS) offers four services and uses the Open Data Cube (ODC) to manage data and provide web-based time-series visualization and processing. The model utilizes OpenStack to create virtual machines, and the public cloud service through AWS offers various services using ODC to manage data. A system that handles large amounts of satellite imagery in a multi-cloud environment has benefits such as improved availability, cost savings through open-source, and enhanced scalability. We present a prototyped utilization model that can be used with the ODC user interface (UI) that applies the proposed multi-cloud model. The multi-cloud model of this study can be applied to constructing a country-scale data cube system, that deals with large-scale satellite image data. It can also be applied to systems that need to be built with data that is tailored to a specific user’s needs at any institution. Full article
Show Figures

Figure 1

Figure 1
<p>Conceptual diagram of a multi-cloud service based on the ODC platform.</p>
Full article ">Figure 2
<p>Microservice design of the multi-cloud environment for the integrated management and utilization of KOMPSAT based on ODC.</p>
Full article ">Figure 3
<p>Sequence diagram for uploading KOMPSAT data to the private cloud and ODC indexing.</p>
Full article ">Figure 4
<p>Sequence diagram for ODC indexing of KOMPSAT data in conjunction with public and private clouds.</p>
Full article ">Figure 5
<p>Examples of the step processes on ODC and data sharing settings for private cloud KOMPSAT bundled data. Base map is OpenStreetMap [<a href="#B46-applsci-13-10478" class="html-bibr">46</a>] in Korean.</p>
Full article ">Figure 6
<p>Results of synchronization of KOMPSAT-3/3A reflectance data on AWS S3.</p>
Full article ">Figure 7
<p>Web search results for ODC KOMPSAT TOCR data indexing on AWS cloud.</p>
Full article ">Figure 8
<p>User interfaces for ODC data processing: (<b>a</b>) Areas; (<b>b</b>) Application type; and (<b>c</b>) Satellite sensor type.</p>
Full article ">Figure 9
<p>Processing results of registered data visualization, spectral indices using KOMPSAT-3A TOCR, and downloading tab: (<b>a</b>) Web mapping of ingested data; (<b>b</b>) Interface for spectral indices function selection; (<b>c</b>) Interface for checking processing status; (<b>d</b>) Processing results of NDVI; (<b>e</b>) Processing results of EVI; (<b>f</b>) Processing results of NDWI; (<b>g</b>) Information on processing results in the result tab; and (<b>h</b>) Downloading processing results in the output tab.</p>
Full article ">
14 pages, 909 KiB  
Systematic Review
The Effects of Vitamin D Supplementation on Respiratory Infections in Children under 6 Years Old: A Systematic Review
by Larisa Mihaela Marusca, Gowry Reddy, Mihaela Blaj, Reshmanth Prathipati, Ovidiu Rosca, Felix Bratosin, Iulia Bogdan, Razvan Mihai Horhat, Gabriela-Florentina Tapos, Daniela-Teodora Marti, Monica Susan, Raja Akshay Pingilati, Florin George Horhat and Mavrea Adelina
Diseases 2023, 11(3), 104; https://doi.org/10.3390/diseases11030104 - 8 Aug 2023
Cited by 1 | Viewed by 2427
Abstract
Childhood respiratory tract infections (RTIs) pose a significant health burden, especially in children under six years old. The main objective of this systematic review was to assess the effectiveness of vitamin D supplementation in the prevention of RTI in this population while also [...] Read more.
Childhood respiratory tract infections (RTIs) pose a significant health burden, especially in children under six years old. The main objective of this systematic review was to assess the effectiveness of vitamin D supplementation in the prevention of RTI in this population while also exploring potential effect modifiers such as age, baseline vitamin D status, and type of respiratory infection. A systematic review of the literature published up to February 2023 was conducted according to PRISMA guidelines, searching PubMed, Web of Science, Cochrane, and Scopus databases. Eight studies met the inclusion criteria, which investigated the association between vitamin D supplementation and respiratory infections in children between zero and five years old. The included studies were conducted between 2012 and 2021, encompassing a total of 2189 children from five randomized trials, two case-control studies, and one prospective cohort study. The relationship between vitamin D supplementation and the prevention of childhood RTI was not consistently observed across all included studies. Pooled results demonstrated varied effects of vitamin D supplementation on respiratory infection incidence, severity, and symptoms. Three studies reported statistically significant associations between low vitamin D levels and respiratory infections (OR = 4.90, OR = 6.97), while one study found that children who received vitamin D supplementation of 800 UI/day for 3 months during the cold season had fewer episodes of respiratory symptoms (RR = 0.55) and recovered more quickly from acute RTI. Lastly, according to one study, vitamin D intake < 80 IU/kg/day was significantly associated with the risk of acquiring pneumonia (OR 7.9) but not bronchiolitis. The remaining five studies found no statistically significant differences in infection rates or severity (p-value > 0.050). The available evidence on the effectiveness of vitamin D supplementation for preventing and treating respiratory infections in children under six years old is limited, with only a few favorable effects being reported. In some cases, a dose of 80 UI/kg/day was found to provide significant protection for acute respiratory infections, although in the major trials the only benefit was a quicker recovery and fewer respiratory symptoms, with no impact on incidence and severity of respiratory infections. Nevertheless, the study protocol, the supplementation dose, and duration of supplementation had significant variations between studies, leading to inconclusive findings. Full article
(This article belongs to the Special Issue Recent Advances in Diseases: Featured Reviews)
Show Figures

Figure 1

Figure 1
<p>PRISMA Flow Diagram.</p>
Full article ">Figure 2
<p>Funnel plot for publication bias.</p>
Full article ">
Back to TopTop