網站視覺設計之量化分析

Quantitative Analysis of Website Visual Design

陳家怡(Jia-yi Chen)

指導教授 ： 王玲玲

亞洲大學/資訊學院/資訊傳播學系/碩士(2010年)

摘要

網站的功能不只能傳播訊息，更能拉近瀏覽者與企業或網站擁有者之間的距離。網站中各項視覺元素的設計搭配，影響網站瀏覽的可讀性與認知。良好的網站視覺設計，可提升瀏覽者對網站的深刻印象，強化網站形象的完整性，增加瀏覽者的造訪率。但一般非專業的網站設計者往往缺乏網站視覺設計方面的專業知識與經驗，雖然市面上有很多書籍或文章提出許多網站視覺設計的相關準則，但這些準則有時存在著模糊性或不一致性，令非專業設計者感覺困惑。因此本研究並不嘗試主觀性地提出一套新的網站視覺設計準則，而是透過客觀的量化程序，整理與分析有關網站視覺設計的相關準則。首先，本研究整理不同學者專家所提出的網站視覺設計準則，從中分析出可量化的視覺特徵，然後隨機挑選一些優良的得獎網站與一般的網站作為樣本，進行網站視覺設計特徵值的計算與統計，並作量化分析，整理出優良網站的量化設計準則及優良網站與一般網站之間的差異性，這些結果可作為非專業網站設計者的參考，以製作出較佳視覺品質的網站。

關鍵字

網站視覺設計、視覺設計準則 ； 視覺特徵、量化分析

並列摘要

A website not only spreads the message, but also narrows the distance between a visitor and the site owner. Web design and layout affects the readability and usability of a website. Good visual design gives the visitor a deep impression and increases the visit rate and page views. However, most non-professional designers lack the expertise and experience of visual design. Many books or articles propose the site design guidelines, but there are sometimes ambiguity and inconsistency in the guidelines, so that they may be not easily followed by a non-professional designer. This study does not attempt to propose new subjective visual design guidelines for the sites. Instead, we collect the relevant guidelines proposed by experts, and then determine the visual features which can be quantified. Next, we select a set of excellent award-winning websites and a set of general websites, and then calculate the feature values of their pages. Finally the objective design rules can be obtained through the quantitative analysis of these feature values. A non-professional designer can produce better visual quality of the site by following these rules.

並列關鍵字

website visual design, visual design guidelines, ； visual features, quantitative analysis

參考文獻

[39] 馮議徹，「漢字的筆劃特徵與風格意象」，碩士論文，國立成功大學工業設計所，台南，2007。

[30] 唐爚瑛，「購物網站介面設計樣式對消費者使用性影響之研究」，碩士論文，國立成功大學工業設計學系，台南，2007。

[24] 王欽泉，「框架型網頁編排設計與意象之研究」，碩士論文，國立臺灣師範大學圖文傳播學系，台北，2007。

[32] E. Babbie, The Practice of Social Research. California: Thomson Learning, 2003.

[6] M. Y. Ivory and M. A. Hearst, "Improving Web site design," IEEE Internet Computing, vol. 6, pp. 56-63, Mar./Apr. 2002.