Affective psychology and color display of interactive website design
Lungwen Kuo,Tsuiyueh Chang,Chih-Chun Lai
DOI: https://doi.org/10.1016/j.displa.2021.102134
IF: 3.074
2022-01-01
Displays
Abstract:As Internet technology continues to advance, webpage design has transitioned from text and static images to dynamic interactions created using Html5 technology, the most commonly used tool to display webpages. This study used programs based on Html5, CCS, and JavaScript to create websites for psychological experiments. Perceptions of the visual design of webpages were examined to explore users’ psychological factors and determine the most suitable visual design and color display for webpages. Two experiments were conducted. First, an affective experiment was conducted to investigate various design elements of interactive webpages. Html5 was used to create webpage design elements and determine the most suitable visual design for interactive webpages. Second, an experiment on color display fitness was conducted to explore users’ affective responses to various color samples and provide reference for webpage designers to select the appropriate colors. The results revealed that filling the left and right sides of a webpage with image carousels was the most suitable method, whereas the conventional method of partially filling a webpage with image carousels was less popular with users. The most suitable colors for interactive webpages were royal blue (R65, G105, B225), slate blue (R106, G90, B205), and dark blue (R0, G0, B139). The results can serve as references for researchers and website designers.
engineering, electrical & electronic,instruments & instrumentation,optics,computer science, hardware & architecture