影響網頁閱讀舒適度之介面視覺設計因素初探－以氣象預報網頁為例

A Preliminary Study on the Visual Design Factors Affecting the Comfort of Web Reading--Take the Weather Forecast Webpage as an Example

陳昭偉(Chao-Wei Chen) ； 林峻陞(Chun-Sheng Lin) ； 陳俊瑋(Chun-Wei Chen)

《2019亞洲基礎造形聯合學會台中大會論文集》 2019 (2019/07) Pp. 49-57

https://doi.org/10.6904/TSBDA.201907.0006

摘要

本研究旨在探討網頁介面舒適度與不同族群的喜好。研究探討間距、字級、配色、形狀四個視覺因子是影響視覺舒適度，間距因子分別為間距小、間距中、間距大；字級因子分別為字級小、字級中、字級大；配色因子分別為淺色配色、深色配色、補色配色；形狀因子分別為矩形和圓角矩形，並針對每種情況設計成虛擬的網頁設計圖像，製作成網頁介面適度問卷，蒐集民眾對網頁的舒適度評價與喜好，舒適度評價依李克特量表分為五種舒適度等級，後將受測者回饋資訊進行集群分析與單因子變異數分析。研究結論為：集群分析將受測者分為兩個集群，集群一較多社會人士，此集群注重字級與配色兩種因子，集群二較多學生，此集群注重間距與形狀。單因子變異數分析結果顯示，間距中、字級大、淺色配色與圓角矩形為最舒適的狀況，且社會人士較注重字級大小與配色，而學生較注重間距版與色塊形狀，建議網頁設計師可以此做為設計參考。

關鍵字

視覺設計因素（Visual design factor） ； 舒適度（Comfort） ； 網頁介面（Web Interface）

並列摘要

The purpose of this study was to investigate the comfort of web interfaces and preferences of different groups. Four visual factors, including spacing, font size, color matching and shape, were studied to influence visual comfort. The font size factors are small, medium and large, respectively. The color matching factors are light color matching, dark color matching and complementary color matching. Shape factor of rectangular respectively and the rounded rectangle, and for each case design into a virtual of web page image. After collection comfort questionnaire evaluation. comfort evaluation in accordance with the likert scale is divided into five kinds of comfort level, the participants feedback information after cluster analysis and one-way anova. The research conclusion is as follows: cluster analysis divides the subjects into two clusters: cluster with more social workers, This cluster focuses on font size and color matching factors. Another cluster is more students, and this cluster was more focused on spacing and shape The results of univariate anova showed that medium, large, light color and rounded rectangle were the most comfortable conditions, and people in the social workers more attention to font size and color matching, while students more attention to space and shape of color blocks. It is suggested that web designers can use this as a design reference.