Effects of Different Interface Color Modes and Textbox Design on Users’ Reading Efficiency and Accuracy

In user interface design, the dark mode has attracted increasing interest in offering a more comfortable and flexible reading environment for readers. This study aims to investigate whether different color modes and the design of the textbox will affect users’ reading efficiency and accuracy. The study used a $3 \times 6$ experimental design to test 3 different textbox designs and 6 color interfaces, formed by 2 color modes and 3 pairs of luminance contrast. To perform the experiments, the eye tracker was used to collect participants’ fixation rate and saccade rate. The Likert scale was adopted to collect participants’ subjective reading experiences, and the objective understanding scale was deployed to analyze their real reading accuracy. The data analysis results showed that light mode and low background luminance contrast has a significant advantage in word proofreading. The proper textbox design helps participants to focus on text content and search for information quickly. This research may have reference value for design practice in reaching a user-friendly interface for reading and paperwork.