音樂網站首頁在視覺外觀上的情感風格方面

在經過音樂網站首頁情感風格分群實驗後，本研究根據音樂網站首頁被分 配到同一群的次數以階層式集群分析法將這95 個網站首頁分成六種不同的情 感風格組別，並以多元尺度分析法製作出95 個音樂網站首頁在使用者情感認知 平面上的分布圖。

為了瞭解影響受測者情感風格分群的認知依據以作為分群命名的參考，研究 者在實驗後亦會對每位受訪者的簡單訪談，並比對MDS 多元尺度分析法所製做 出來的九十五個音樂網站首頁在認知空間中的分布圖(圖 4-1 與圖 4-2)去進行分 析－這可以分成兩個部份來進行探討：第一，影響受測者風格區辨的情感認知依 據為何？其次，基於視覺對於情感認知的重要性，不同情感風格的網站首頁在視 覺構成上存在哪些差異？分別探討如下：

(一) 音樂網站首頁六種典型情感風格及其情感認知依據

在對訪談資料經過統整後，本研究可以將六種情感風格分為S1：荒蕪、乏 味、枯燥；S2：科技感、冷調、威嚴；S3：雜亂、粗糙、沮喪；S4：普通、規 矩、中庸；S5 鮮豔、活潑、興奮；S6：美觀、舒適、享受 等六大情感風格組別。

而這些使用者對音樂網站情感風格的認知分析結果，是否能呼應在過往情緒的相 關研究上?以 Russell & Pratt(1980)所提出的情緒結構模式而言，似乎可以發現該 模式與本研究結果在認知平面分佈上的巧合，如圖5-1。

圖5-1 情緒結構模式與音樂網站情感風格認知平面的對應關係(本研究整理) 1. S1 組別：荒蕪、乏味、枯燥

S1 組普遍字多，大量文字內容充斥整個版面，讓人感到枯燥乏味。對應到情 緒結構模式上，這樣的頁面視覺上會讓使用者難以產生激越(arousal)的情緒反 應，分布近似於Sleepy(沉睡)、Insignificant(無意義)及 Desolate(荒蕪)等非激 越(Unarousal)型的情緒感受。

2. S2 組別：科技感、冷調、威嚴

S2 組多採用深沉的底圖配色(絕大多數為黑色)，許多使用者反應感到科技、

神秘且富有設計感，亦表示黑色底圖塑造出來沉穩威嚴的形象讓人感到非常 專業，如許多爵士樂、古典樂廠牌便屬該組。對應到情緒結構模式上，分部 近似於Majestic(威嚴)的位置。

3. S3 組別：雜亂、粗糙、沮喪

S3 組別頁面通常充斥的繽紛色彩的小圖，但也因為小圖過多造成顏色視覺上 的混雜及版面切割過於零碎。使用者多反應感到粗糙零亂、雜亂無章而無所 適從。對應到情緒結構模式上，分布近似於Harsh(粗糙)、Frustrating(沮喪) 的位置。

4. S4 組別：普通、規矩、中庸

S4 組別類型的網頁相當常見，多為類似部落格三攔式的切割方式或是 TB 型 的導覽列，並多為白色底圖。多數使用者反映網頁配置中規中矩，然而卻也

往往會感到平淡無奇而無法激起任何特殊的感受。對應到情緒結構模式上，

分布近似於Boring(無聊)、Unstimulating(無刺激)等情緒感受的位置。

5. S5 組別：鮮豔、活潑、興奮 應的情緒結構模式中，分布近似於Enjoyable(享受)及 Beautiful(漂亮)的位置。

由此網站情感風格與情緒結構模式的對應圖亦可發現，使用者對音樂網站首 頁的情感風格認知平面的兩個向度(見圖 4-1)，向度一與情緒結構模式中的愉悅 程度(愉悅 pleasure-不愉悅 unpleasure)有所關連，向度二則與情緒結構模式中的 喚起程度(喚起 arousal-未喚起 unarousal)有某種程度的相關。然這方面仍屬初探 性的發現，建議後續研究可以針對這部分進行更近一步的量化實證分析。

面配置及色塊欄位切割」有很大的關係：越往右走越傾向水平切割頁面，畫面整 體完整度越高，色塊與欄位區隔越少；反之越往左則越傾向垂直切割頁面，畫面 切割越為零碎，色塊與欄位區隔越多。對應到使用者的情感意向感受上則似乎與 愉悅程度(pleasure)有關，越往左方越為不愉悅、使用者越感到無聊、不安甚至焦 躁；反之越往右方則越愉悅、使用者越感到滿足、活潑新奇甚至興奮。

綜合上述分析，本研究整理音樂網站情感風格認知平面與其視覺特徵關係如 圖5-2，並針對各情感風格的視覺構成要素整理如表 5-1，：

圖5-2 音樂網站情感風格認知平面與其視覺特徵關係(本研究整理)

本研究並針對各情感風格的視覺構成要素整理如下表 5-1：

084 Musicmoz (http://musicmoz.org/) 

S5 組別：

鮮豔、活潑、興奮

012 Interscope Records (http://www.interscope.com)

 網頁在用色上活潑大膽，多以 鮮豔、明亮的色系為主。

 頁面由明顯的色塊進行切割，

與 S3 組類似稍嫌零碎但色彩 運用上較為活潑而非保守的白 底。

 色彩及圖片運用符合年輕人追 求流行的形象。

S6 組別：

大圖、鮮明簡潔、

享受

005 Columbia Records (http://www.columbiarecords.

com/)

 網頁視覺呈現上幾乎都由一張 大底圖所佔滿，沒有多餘的欄 位切割。

 色彩運用上視底圖而定，不偏 向特定色系。

 使用者多認為這類網頁主題明 確而強烈，不會有多餘的視覺 負擔，觀賞上猶如欣賞一張畫 作般輕鬆享受。

二 音樂網站首頁視覺情感意向對網站使用性認知的影響