从生活风格探讨网页美感体验.ppt

從生活風格探討網頁美感體驗 世新大學資訊傳播研究所 蔡秋華 頌堅，p.2-19 授課老師：吳有龍博士 報告學生：蔡金泉 學 號：9822002G 1 大綱 p研究背景與動機 p研究目的 p生活風格意涵 p研究設計 p受訪者生活風格分析 p結與建議 2 研究背景與動機 p 從生活風格探討與現代人生活有密關的網活動網 頁美感體驗，試圖解使用者與網頁之間的互動關係，生 活風格具有強的體驗性，同時也展現消費者的美學主 張，這些因素讓生活風格成為消費社會中人矚目的 焦點。 p 網使用人口比增加，傑出的網頁必然兼具功能與外觀 種設計考，所以網頁設計愈愈講求外觀的設計，使 得使用者在瀏覽網頁的過程中，也能夠體驗到愉悅的美感 經驗，電腦網使用已非專業，而為基本需求。 p 個人對美感的獨特體驗形成具有獨特性及個人色彩的美 感品味，而個人的生活風格(life style)則影響 其對美感的認知、體驗和表現。 3 研究目的 1/2 p1919 德國的包浩斯(Bauhaus)風格是現代 設計運動的標準範本，其設計概是把美感 帶進生活中的事物用品，使生活充滿愉悅，讓 好的產品同時兼具好用及好看，對現代生活設計 概具有極大影響。 p透過使用者為中心(User-centered)的概 (Rioux,2004)去分析適合使用者需求的網頁型 態，旨在具體反應現代資訊科技應以人為本。 4 研究目的 2/2 pNorman在以使用者為中心的設計概中亦認為產 品的設計應被設計者的觀點所獨佔，而應將使 用者的美感概置於可用性之前(Norman,2000)。 p分析適合使用者需求的網頁型態，以人文觀點回 到使用者的思考角，尊重使用者同的需求。 （賴鼎銘，民93） p解使用者在接觸網頁之前的心程及之後的 美感體驗，並對使用者在日常生活美感體驗的心 層面有較完整性的探討，期能藉此突顯使用者 為中心的概及重要性。 5 生活風格意涵 1.生活風格以慣習形式呈現 p慣習(habitus)是由抽象的規則構成，經由這個抽象的規則 性發動個人所有的為，包括具體的、細膩的動，而慣習 是這些動的原則。 p從這些日常生活慣習所反應出對色彩的偏好、明暗的選擇、生 活節奏的掌控等多因素，分析其與網頁配置、網頁色彩、網 頁主題、網頁圖像以及網頁所呈現的風格等網頁審美經驗做一比 對，逐步探討生活風格與網頁美感體驗之間的關性。 2.生活風格以品味判斷區隔 p個人的慣習發動一項感知與欣賞事物範式的系統，這個通 常被我們稱為品味(Bourdieu, 1984) 。 p個人的生活品味判斷是否相對的影響其網頁瀏覽習慣、網頁審美 概，以及對生活用品挑選的品味是否也同樣反應在網頁的瀏覽 上，亦是本研究探討之問題。 6 研究設計 p以網族群最廣泛的網頁瀏覽為，從 生活風格探討網頁瀏覽與個人慣習、 品味判斷之相關性，並藉由這些使用者所認 知具有美感的網頁分析其對使用者情感層 面之影響。 p透過實地訪談這些網頁瀏覽者的日常生活習 慣態與日常生活消費為，所突顯的個人 生活風格與其網頁瀏覽的經驗，以瞭解彼此 的相關性。 7 受訪者生活風格分析 1/2 p分析整出個人較具代表性之生活型， 歸 納出： p簡約、溫馨、趣味、休閒、隨性、奢華、品牌、 時尚、獨特，九項較具特色之生活風格。 8 受訪者生活風格分析 2/2 表2 受訪者日常生活特質與生活風格型表 日常生活特質生活風格型 簡單，明確，乾淨，清楚，搭配性，功能性，相容性，性，物質慾望， 安定，安靜 簡約 鄉村，自然，緩慢生活步調，纖細，感性，冥思，藝文活動，童趣溫馨 新鮮感，激性，吸引，想像空間，趣味性，故事性，活感，玩主義趣味 緩慢生活步調，計劃性遊，藝文活動，滿足感，美食主義，生活休閒 隨機購物，自由習性，放鬆，慵，生活低調，機動性，背包客，安定隨性 漫，雕花，繁複，富貴氣息，多樣化，豐富性，奢華風奢華 選擇性消費，生活品質要求，品牌信任，品牌形象，品牌崇拜，產品設計， 產品風格，自我美化，自我陶醉 品牌 訊息，產品風格，追求時髦，新穎設計，生活品質時尚 個性化商品，罕事物，展現自我，特殊搞怪，主觀意，美感欣賞， 差化設計，觀察，深遊 獨特 （研究者整） 一、簡約 1/2 p生活風格簡約的受訪者其特質：簡單、明確，乾淨、安 靜，對物品的選擇方面偏向設計、線條簡單的產品，注 重簡的搭配與相容性、性。 p在衣飾的挑選偏好選擇黑灰白單色系或簡樸、輕鬆的搭 配風格（如：無印品）；在居家環境中喜歡複雜而 華的擺飾，偏向似歐簡單線條設計的家具風格（如 ：IKEA）或木質、淡色系的其它產品。 10 一、簡約 2/2 p這在生活上有著極簡風格的受訪者，喜好網頁多具有 極簡單的單色線條，白或以白色為背景的畫面佔絕 大版面，簡單的架構、簡單的構圖，搭配簡單的色調及 圖像，如圖 1。使用者感受到一股清新、簡單及協調的 設計感，這也符合簡單設計的原則：即白的概 （前田約翰，民96）。圖2 則是以簡單的線條勾， 讓觀者感受到一種新奇的空間質感。我們發現在生活風 格上崇尚極簡風格的網頁瀏覽者也同樣的將這種習慣、 偏好反應在其網頁瀏覽活動中。 11 圖1 95 號工作室首頁上網日期：96/10/20 網址：/ 12 圖2 bed 網頁上網日期：96/12/30 網址：/ 13 二、溫馨 1/2 p喜歡閱小品文學，欣賞藝文活動，聽輕 鬆柔和的音；生活感覺呈現：纖細，感性 ，冥思；喜愛寵物，享受用餐環境的漫氛 圍，偏好挑選粉嫩色系的服飾，選擇物品時 喜歡輕柔溫暖的設計風格，注重居家舒適佈 置及享受居家生活，他們在日常中透自 然、溫馨、甜蜜、感性的生活風格 14 二、溫馨 2/2 p反應在網頁瀏覽上顏色的選擇則是：對淡色系 網頁的極偏好；欣賞在網頁上呈現刷淡色彩 的視覺元素，感受到柔軟、溫馨、甚至可愛的 網頁效果，如圖3 帶給他們舒適、自然、素雅 的感受，或引起他們思過往溫馨的回憶。如 圖4 讓瀏覽者體會清新、窩心、可愛的溫馨感 受；同時，具有故事性、感性的網頁主題也會 吸引這些受訪者經常上網瀏覽，如偏好寵物社 群網站，遊blog，心情blog或插畫家幾米以 生命為主題的作品網頁也獲得這些消費者的 高喜愛。 15 圖3 AD-G 設計網頁上網日期：96/11/20 網址：http:/www.ad-g.it/ 16 圖4 Oricinal 網頁上網日期：96/11/29 網址：/orisinal/ 17 三、趣味 1/2 p生活風格傾向玩趣味特性的受訪者，共同的 特質為：喜歡嚐試新奇的事物，生活中充滿想 像空間，對具趣味性、故事性的商品有特別的 好感且印象深刻，生活充滿活，十分注重玩 生活的比重。 18 三、趣味 2/2 p這些童心未泯的玩主義者喜好明色系，色 彩豐富，具有設計巧思的網頁，生動、好玩具 吸引是主要的訴求，因此所選擇的網頁多為 動漫、插畫性質的動態或3D網頁，這些高變 換的過頁方式或互動的網頁形態，讓他們覺得 擁有高的趣味性。此外，這些受訪者也喜歡 充滿童趣的冰淇、巧克商品網站，或FLASH 遊戲網頁，如圖5、圖6。 19 圖5 插畫設計網站：22 號出發去火星 上網日期：97/1/30 網址：/ 20 圖6 眼球愛地球網頁上網日期：96/11/09 網址：.tw 21 四、休閒 1/2 p喜好從事藝文活動、欣賞體驗美的事物並從中 得到休閒的滿足感。他們共同的特質為：喜歡 、藝文、觀等活動，偏好美感的體驗及 欣賞，生活重於物質生活。 22 四、休閒 2/2 p重視休閒生活的受訪者在網頁瀏覽時會依需求 做有目的的相關搜尋，偏好遊網站，美食網 站，攝影網站，紀網站，或與情感記憶相關 可以引起共鳴或美好回憶的相關網站，是他 們喜愛且經常瀏覽的。 p色彩上偏向舒適、溫和、協調的色調，網頁構 圖喜歡簡單輕鬆的搭配，讓整個視覺效果看起 舒服、協調，如圖 7 ，與其和緩休閒輕鬆的 生活風格相似。 23 圖7 設計網站上網日期：96/11/20 網址：/ 24 五、隨性 1/2 p使用者在生活中較無固定模式，會隨興變換購 物或餐飲地點，挑選物品無特別喜好的款式， 無明顯的顏色偏好，也無特別或執意的設計喜 好，願意接納同儕朋友的審美意。 25 五、隨性 2/2 p這些崇尚自由的受訪者喜好網衝，做無目 的性、大範圍的瀏覽，偏好的網頁形式較多樣 化且種變換繁多，從美食網站到壇，較無 固定的網站型偏好，對顏色的敏感較低， 無固定、特別偏好的網頁色彩配置，而會視對 該網頁喜好程而有所同。喜歡在色彩繽紛 的大型購物網站閒逛、瀏覽網商品、隨興購 物，如圖 8，這些受訪者會意網頁的定時 新，並願意將網頁上的資訊與朋友分享、討 。 26 圖8 A & E 服飾網站上網日期：96/11/04 網址：/web/index.jsp 27 六、奢華 1/2 p生活風格傾向奢華的受訪者，十分注重用餐的 品質，如餐廳的氣氛、食物的美味甚至餐具的 選擇；喜好繁複、高質感的、豐富性的設計作 品，選擇華的服飾、搭配許多配件、或多層 次的穿著方式。 28 六、奢華 2/2 p對生活品質的要求及習慣相對地反應在對網頁 美感的呈現上：喜歡顏色厚重、代表富貴氣息 的黑色網頁，如圖 9；對色彩強、鮮豔、豐 富性的網頁較具有好感，如圖10讓觀者感受到 代表企業形象的現代美及奢華風，這些使用者 一般對品牌的忠誠也較其它受訪者得高， 較喜歡固定地瀏覽自己喜愛的商品網頁吸收產 品訊息。 29 圖9 趙心綺珠寶網頁上網日期：96/11/09 網址：/ 30 圖10 遠企購物中心網站上網日期：97/01/29 網址：.tw/ 31 七、品牌 1/2 p品牌崇尚的受訪者，會依個人需求做選擇性的 購物，注重產品的品牌形象，對偏好的品牌有 具有信任感，有較高的品質要求，會意產品 的宣傳與銷。 32 七、品牌 2/2 p品牌支持者會透過瀏覽熟悉的知名品牌網站， 進商品的搜尋與選購，或上該品牌專屬購 物網站做目的性的瀏覽，信任、支持並且認同 這些品牌網站呈現的美感，意該品牌的傳達 意及網頁品牌特色，如圖11、12。當使用者 瀏覽這些網站時，因為信任該品牌而感受到安 心、舒適、整齊、多樣化購物環境帶的愉悅 感覺。 33 圖11 Burberry 網頁上網日期：96/10/27 網址：/home/index.jsp 34 圖12 Brooks Brothers上網日期：96/10/20 網址：/ 35 八、時尚 1/2 p在其日常生活所接觸、挑選物品的能，具有 新式且相當主觀的審美概，其追求時髦 的概會擴及對其它物品的審美觀點。 36 八、時尚 2/2 p這些掌控即時、豐富資訊的受訪者，在 網頁的瀏覽上也有相當一致的習性，凡以時尚 訴求的網頁銷對其具有相當程的吸引， 網頁的配置可以是簡潔、明，也可以是現代 、科技，但均較偏好以新穎、時尚設計風格呈 現的網頁，這些受訪者注重網頁傳達的即時產 品資訊，並欣賞網頁在視覺上傳遞與產品形象 一致的時尚風格。 37 圖13 ASO 皮鞋網站上網日期：96/10/20 網址：.tw/index.asp 38 圖14 Apple iPod 網頁上網日期：96/10/27 網址：/ipodclassic/ 39 九、獨特 1/2 p生活上喜歡特獨、標新的受訪者：即 使只是搭配同的飾品、換個與別人同的髮 型，他們也要求突顯自己的特色與他人區 隔，在變中儘尋求小變化；喜歡大製 造的成衣，喜歡獨享用餐環境的氣氛，喜歡具 有設計感的獨特物品，並對美的事物有獨特的 觀點與解 40 九、獨特 2/2 p特獨的受訪者從生活習性反應在網頁瀏覽 上有一致的風格，會在網上會做無目的性的 衝尋找具有特殊設計感、風格獨具的網 頁而獲得視覺上的激，喜愛瀏覽意形態的 設計網站或具有相當特色的個人部格，如圖 15；對平衡、規則構圖，暗示性、隱喻性 、奇幻的網頁或具有衝擊性的獨特網頁設計具 有好感，也欣賞詭、祕設計感的網頁，如 圖16的星座插畫設計帶給他們炫、魔幻的空 間感，並滿足他們另的優越設計感。 41 圖15 眼球愛地球網頁上網日期：96/11/09 網址：.tw 42 圖16 插畫設計KAGAYA Gallery 網頁 上網日期：97/01/28 網址：/ 43 生活風格與網頁審美體驗關係表 表3 生活風格與網頁審美體驗關係表 生活風格型網頁審美概 簡約黑白色系，同色系，單色系，簡單線條，簡單構圖，乾淨簡單設計，白設計 溫馨柔合色調，溫暖，可愛，平靜，寵物blog，遊blog，心情blog人性化設計 趣味明色系，色彩豐富，設計巧思、生動、好玩，好感，吸引動漫，插畫，動態、3D 網頁 休閒攝影網站，紀網站，遊網站，美食網站，情感記憶 隨性網衝，同儕影響，資源共享，購物網站 奢華顏色厚重，科技感，屬感，藝術氣息 品牌傳達意，網頁特色，選擇性、目的性瀏覽，知名品牌網站 時尚時尚訴求網頁，新穎、時尚的網頁設計風格，即時新網頁資訊 獨特特殊、獨特設計，感觀激，差性、衡突感，喜歡炫的網站 （研究者整）44 結 個人生活風格與網頁美感認知具有高關。包