• 沒有找到結果。

首頁情感意向風格的分群

在文檔中 音樂網站情感設計之研究 (頁 75-84)

第四章 研究結果及分析

第一節 音樂網站首頁情感風格與視覺要素構成分析

三、 首頁情感意向風格的分群

圖4-2 95 個網頁根據其情感意向相似度的集群樹狀圖(Dendrogram)

依據各首頁在多元尺度分析中的二維認知平面座標值,本階段利用SPSS 統

圖4-3 95 個網站首頁在使用者情感認知平面上的分布圖 1. S1 組別:荒蕪、乏味、枯燥

網頁內容充斥大量文字,讓人感到貧乏無味;背景多以白底為主,文字內容 是整個網頁的核心。雖然讓人感到專業,但使用者普遍反映認知負荷量過大、

讓人感到無趣而無興趣進一步仔細閱讀網站內容。

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

網頁整體配色上偏向深色系,較為陰暗冷調;畫面切割清楚,多為長版垂直 切割(不超過三欄)。使用者普遍反映較為感到沉重、壓迫,但亦有部分使用 者反映較有設計感、冷調色系帶來科技感和酷炫的感受。

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

網頁內容包括大量小圖與說明文字,切割破碎而不完整;版面多為白底,但 眾多小圖切割出許多獨立的繽紛小色塊。這些圖片多為專輯封面或為排行榜 而設計,但使用者多反應感到粗糙凌亂,視覺上較為雜亂無章,使用者也多 感到沮喪。

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

在網頁視覺呈現上與S3 組別類似,但是切割色塊的數量較少、畫面完整度也 較高,用色上較為明亮。由於這類型的版面配置相當常見、類似部落格式的 切割方式,多數使用者反映網頁配置中規中矩,讓人感到平淡無奇而無法激 起任何特殊的感受。

5. S5 組別:鮮豔、活潑、興奮 081 Tweenet 084 MusicMoz 088 Setlist.fm 070 Air Media 067 Shoutcast 079 五四三音樂站

085 Classical Net 050 CD Connection 059 Sonic Swap 017 Island Records

030 Q Trax 018 布洛克兄弟國際BBH 024 Grammy 074 Rolling Stone 028 Mp3.com 045 Live Wire

094 Elbow Music Blogs Aggregator 010 Rock Action Records 072 NME

016 MAXJAZZ S3 雜亂、粗糙、沮

(網頁數:24)

002 Universal Music 026 MSN Music 091 All Music 061 Deezer 092 Midomi 038 Artistdirect 040 CD Universe 056 Last.fm Music 057 Myspace Music 003 小白兔唱片行

044 誠品網路書店-CD 077 MCB 音樂殖民地 089 insound 031 7 Digital 043 Amazon Music 046 HMV(香港)

015 滾石國際

049 ezPeer 013 愛貝克斯(艾迴唱片) 032 Yahoo!Music 037 INDIEVOX 042 KKBOX 066 Spinner

(網頁數:11) 073 BBC-Music 007 EMI Music 021 兵馬司唱片

068 Epitonic.com 080 Brooklyn Vegan 095 AEG Live 048 SPUN.com

064 Muzik 謬斯客古典音樂雜誌 S5 鮮豔、活潑、

興奮

(網頁數:12)

008 Virgin Records America 086 BayArea.it

023 Billboard

012 Interscoop Records 060 Accu Radio

011 Arts & Crafts

069 Listen.com 065 Hinoter 映樂誌

052 mikkisays.net 055 JIWA

078 The Silent Ballet 082 Metacritic S6 美觀、舒適、享

(網頁數:16)

004 Warner Music Group 036 2Pause

001 Sony Music Entertainment 005 Columbia Records

075 Songkick 009 Virgin Records 020 The Wall Livehouse 063 Fine Time

019 Comma, Comma 054 Grooveshark 076 adriendenning 047 老學校音樂館

034 Rhapsody 058 Music Covery 029 Pro Music

014 Creation Records

四、 質性訪談資料分析

在分群實驗結束後,研究者針對受測者進行簡單的訪談(訪談大綱附件),借 以瞭解其分群的依據,以及在Norman(2005)情感設計的三個層次上對於音樂網 站的情感需求。經過對訪談資料(錄音、筆記)的歸納分析後,研究發現歸納整理 如下:

(一) 情感意向風格的分群依據

究竟哪些視覺上的元素會影響受測者在音樂網站首頁情感意象風格分群上 的依據?經過訪談,研究發現整理如下:

1. 網頁版面配置及色塊欄位切割

適當的網頁版面配置與色塊欄位切割有助於使用者方便搜尋導覽網站,許多 受測者皆於訪談中提及,清楚利用色塊切割出明亮、清楚的網站版面會讓使 用者感到活潑愉快;傳統三攔式分割及TB 導覽列則屬中規中矩;過多的切 割會造成視覺導覽上的雜亂,影響使用者的情感感受。

2. 訊息呈現方式及圖文比例

由於所選的網頁多為英文網站,因此訊息呈現的方式對受測者的情感感受有 著決定性的影響。許多受測者於受訪時皆反應,若網站文字的比例過高,會 帶來強烈的壓迫感,甚至懶得繼續瀏覽這個網站;適當應用圖片的網站則普 遍獲得受測者的正面評價,如大張底圖做為首頁的網站便被視為簡潔、明確 且受歡迎:

受訪者陳同學:

像這種大圖的,就是視覺感很強烈,讓人一眼就知道他要幹什麼…就很 不錯,一看就知道什麼是最重要的,讓人很愉快很舒適。

但這並不表示圖片比例越高便越佳,圖文之間的適當搭配亦是不可或缺:

受訪者吳同學:

最喜歡可能是有小圖、有影片和文字的那種,看起來最豐富、視覺效果 就是,嗯,最沒有負擔,也就是最吸引我的。(問:所以那種標示不清 的可能是你最不喜歡的?)應該是那種有字有圖表的,標示不清,看起來 就很討厭……像這個,你會覺得它(圖片和文字)是用語法硬湊上去的,

他雖然也有字也有圖,但字就是字、圖就是圖,感覺就是硬湊上去的。

可見訊息呈現方式並非圖多就好,也須有適當的圖文搭配,適當的搭配與連 結方能帶給使用者愉悅的感受。

3. 底圖色彩

訪談發現亦有不少受訪者根據網頁的底圖色彩作為其分群的重要依據。多數 受訪者皆表示,色彩對於使用者感受有著深遠的影響。

受訪者何先生:

配色滿重要的啊,像這種很鮮豔啊,就很活潑,很流行,很像電台排行 榜前十名的那些音樂會用的;這個黑的就比較…怎麼講,成熟一點,感 覺就是爵士樂或古典音樂那種老人聽的音樂的網站(笑)。主要還是要看 他怎麼去設計版面啦,有的就算全白全黑還是很酷啊。

綜合受訪者訪談內容,通常黑色讓人感到專業、科技感與設計感,有時卻也 會造成使用者的壓迫感,且若字多時會不方便閱讀;明亮鮮豔的色系則會讓 網頁充滿著流行感,給人活潑、興奮的感受;白底等淡色系色彩的應用較為 保守,但仍屬中規中矩,且方便閱讀。

4. 素材質感

即使圖文比例、顏色和版面配置尚屬適當,但是若素材質感不佳,也會影響 使用者在整體視覺觀感上感受。許多受訪者接反應,若未慎選原件素材及字 型,很容易破壞網頁整體質感。

受訪者劉同學:

像這個雖然用很多圖,但感覺就很混,(問:很陽春?)對,就是很陽春…

感覺是用素材剪貼布拼出來的,字型也很醜,過一陣子就變網路上佔資 源可是卻沒人逛的垃圾網站。

受訪者吉同學:

配色其實我覺得會是第一個考量,後來我發現就是,(分群時)底色對我的 影響是滿重要的。(問:那你會比較喜歡淺色系還是深色系的?)那我會覺得 要看他是要傳達什麼樣的訊息,要看文字的畫淺色系比較好,因為比較方 便閱讀;如果以圖像為主我會希望是深色的,比較有設計感、比較酷。

(二) 音樂網站情感需求上

根據 Norman(2004)情感設計的三個層次,網頁視覺外觀對於主觀情感感受 的影響屬於本能層次的情感反應;在探討過使用者情感風格分類的視覺依據之 後,尚須探討音樂網站使用者在另外兩個層次(行為層次、反思層次)上的情感需 求,經過簡單的訪談,資料整理分析如下:

1. 行為層次上:功能及效用議題

由於音樂網站的特殊性質,多數受訪者皆反應一些特殊功能面上的需求。其 中最常被提及的便是最新排行榜、影音播放器及音樂商品的購買。而鑒於使 用者對相似類型音樂的需求,推薦及標籤系統也經常被提及。

值得注意的是,正由於多數使用者對線上影音視聽的需求,串流影音的穩定 度等系統效能的議題也不可忽視。此外,部分深度樂迷表是由於資訊搜尋的 需要,網站應同時擁有強大的站內搜尋引擎以及明確的導覽架構。

2. 反思層次上:自我形象、個人滿足議題

隨著Web2.0 概念網站的流行,也有越來越多的樂迷在新類型的音樂網站上展 現自我,滿足自我的成就動機。部分深度樂迷於受訪時便表示這類網站對於 反思層次上情感滿足的重要性:

受訪者吳同學:

希望可以在網路上建立一套自己的資料庫啊,就可以知道自己的口味是 什麼,(問:像last.fm那種嗎?)對啊,就有點像音樂版的Anobii

(http://www.anobii.com/),可以有一套線上的資料庫,不只自己可以知

道,系統還可以用你的品味去推薦相關作品給你,或者是,還可以認識 品味相近的朋友,不錯不錯。

受訪者亦反應到部分新類型的音樂網站提供的新奇功能,不僅功能實用,還 往往能帶給使用者驚喜的感受,例如:送出一段旋律(可以是一段音樂檔案或 麥克風錄音)系統便可以判斷是哪個歌手、哪張專輯的哪一首歌曲;以當下的 情緒為基礎,在網站提供的四為情緒向限上點出一個座標,系統便可以推薦 合適的音樂……凡此種種,無論何種新奇功能,都可以發現背後須要強大的 資料庫系統支撐,以及完善的標籤系統支持其運作。

社交性的需求亦不可忽視,不少受訪者表示,線上的音樂活動其實並不一定 會發生在音樂主題的網站上,社交網站如Facebook、各大部落格與討論區才 是目前大多數線上音樂活動的場域:透過轉貼影音連結,使用者可以迅速與 朋友互動,滿足其社交性需求與情感連繫;部落格及討論區的音樂主題互動,

在文檔中 音樂網站情感設計之研究 (頁 75-84)