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

从生活风格探讨网页美感体验第一页，共四十九页，2022年，8月28日大綱研究背景與動機研究目的生活風格意涵研究設計受訪者生活風格分析結論與建議2第二页，共四十九页，2022年，8月28日研究背景與動機從生活風格探討與現代人生活有密切關聯的網路活動－網頁美感體驗，試圖理解使用者與網頁之間的互動關係，生活風格具有強烈的體驗性，同時也展現了消費者的美學主張，這些因素讓「生活風格」成為消費社會中令人矚目的焦點。網路使用人口比例增加，傑出的網頁必然兼具功能與外觀兩種設計考量，所以網頁設計愈來愈講求外觀的設計，使得使用者在瀏覽網頁的過程中，也能夠體驗到愉悅的美感經驗，電腦網路使用已非專業，而為基本需求。個人對美感的獨特體驗形成具有獨特性及個人色彩的「美感品味」，而個人的「生活風格」(lifestyle)則影響了其對美感的認知、體驗和表現。3第三页，共四十九页，2022年，8月28日研究目的1/21919年德國的「包浩斯」(Bauhaus)風格是現代設計運動的標準範本，其設計概念是把「美感」帶進生活中的事物用品裡，使生活充滿愉悅，讓好的產品同時兼具好用及好看，對現代生活設計概念具有極大影響。透過使用者為中心(User-centered)的概念(Rioux,2004)去分析更適合使用者需求的網頁型態，旨在具體反應現代資訊科技應以人為本。4第四页，共四十九页，2022年，8月28日研究目的2/2Norman在以使用者為中心的設計概念中亦認為產品的設計不應被設計者的觀點所獨佔，而應將使用者的美感概念置於可用性之前(Norman,2000)。分析適合使用者需求的網頁型態，以人文觀點回到使用者的思考角度，尊重使用者不同的需求。（賴鼎銘，民93）了解使用者在接觸網頁之前的心路歷程及之後的美感體驗，並對使用者在日常生活美感體驗的心理層面有較完整性的探討，期能藉此突顯使用者為中心的概念及重要性。5第五页，共四十九页，2022年，8月28日

生活風格意涵

生活風格以『慣習』形式呈現「慣習」(habitus)是由抽象的規則構成，經由這個抽象的規則性來發動個人所有的行為，包括具體的、細膩的行動，而「慣習」是這些行動的原則。從這些日常生活慣習所反應出來對色彩的偏好、明暗的選擇、生活節奏的掌控等諸多因素，來分析其與網頁配置、網頁色彩、網頁主題、網頁圖像以及網頁所呈現的風格等網頁審美經驗做一比對，逐步探討生活風格與網頁美感體驗之間的關連性。生活風格以『品味』判斷區隔個人的「慣習」發動了一項感知與欣賞事物範式的系統，這個通常被我們稱為「品味」(Bourdieu,1984)。個人的生活品味判斷是否相對的影響其網頁瀏覽習慣、網頁審美概念，以及對生活用品挑選的品味是否也同樣反應在網頁的瀏覽上，亦是本研究探討之問題。6第六页，共四十九页，2022年，8月28日

研究設計

以網路族群最廣泛的「網頁瀏覽」行為，從「生活風格」來探討網頁瀏覽與個人慣習、品味判斷之相關性，並藉由這些使用者所認知具有美感的網頁來分析其對使用者情感層面之影響。透過實地訪談這些網頁瀏覽者的日常生活習慣態度與日常生活消費行為，所突顯的個人生活風格與其網頁瀏覽的經驗，以瞭解彼此的相關性。7第七页，共四十九页，2022年，8月28日

受訪者生活風格分析1/2

分析整理出個人較具代表性之生活類型，歸納出：簡約、溫馨、趣味、休閒、隨性、奢華、品牌、時尚、獨特，九項較具特色之生活風格。8第八页，共四十九页，2022年，8月28日

受訪者生活風格分析2/2

表2受訪者日常生活特質與生活風格類型表

日常生活特質生活風格類型簡單，明確，乾淨，清楚，搭配性，功能性，相容性，便利性，物質慾望，

安定，安靜簡約鄉村，自然，緩慢生活步調，纖細，感性，冥思，藝文活動，童趣溫馨新鮮感，刺激性，吸引力，想像空間，趣味性，故事性，活力感，玩樂主義趣味緩慢生活步調，計劃性旅遊，藝文活動，滿足感，美食主義，精神生活休閒隨機購物，自由習性，放鬆，慵懶，生活低調，機動性，背包客，不安定隨性浪漫，雕花，繁複，富貴氣息，多樣化，豐富性，奢華風奢華選擇性消費，生活品質要求，品牌信任，品牌形象，品牌崇拜，產品設計，

產品風格，自我美化，自我陶醉品牌流行訊息，產品風格，追求時髦，新穎設計，生活品質時尚個性化商品，罕見事物，展現自我，特殊搞怪，主觀意識，美感欣賞，

差異化設計，觀察力，深度旅遊獨特（研究者整理）第九页，共四十九页，2022年，8月28日一、簡約1/2生活風格簡約的受訪者其特質：簡單、明確，乾淨、安靜，對物品的選擇方面偏向設計、線條簡單的產品，注重簡易的搭配與相容性、便利性。在衣飾的挑選偏好選擇黑灰白單色系或簡樸、輕鬆的搭配風格（如：無印良品）；在居家環境中不喜歡複雜而華麗的擺飾，偏向似北歐簡單線條設計的家具風格（如：IKEA）或木質、淡色系的其它產品。10第十页，共四十九页，2022年，8月28日一、簡約2/2這類在生活上有著極簡風格的受訪者，喜好網頁多具有極簡單的單色線條，留白或以白色為背景的畫面佔了絕大版面，簡單的架構、簡單的構圖，搭配簡單的色調及圖像，如圖1。使用者感受到一股清新、簡單及協調的設計感，這也符合了簡單設計的原則：即「留白」的概念（前田約翰，民96）。圖2則是以簡單的線條勾勒，讓觀者感受到一種新奇的空間質感。我們發現在生活風格上崇尚極簡風格的網頁瀏覽者也同樣的將這種習慣、偏好反應在其網頁瀏覽活動中。11第十一页，共四十九页，2022年，8月28日圖195號工作室首頁／上網日期：96/10/20

網址：12第十二页，共四十九页，2022年，8月28日圖2bed網頁／上網日期：96/12/30

網址：13第十三页，共四十九页，2022年，8月28日二、溫馨1/2喜歡閱讀小品文學，欣賞藝文活動，聆聽輕鬆柔和的音樂；生活感覺呈現：纖細，感性，冥思；喜愛寵物，享受用餐環境的浪漫氛圍，偏好挑選粉嫩色系的服飾，選擇物品時喜歡輕柔溫暖的設計風格，注重居家舒適佈置及享受居家生活，他們在日常中透露了自然、溫馨、甜蜜、感性的生活風格14第十四页，共四十九页，2022年，8月28日二、溫馨2/2反應在網頁瀏覽上顏色的選擇則是：對淡色系網頁的極度偏好；欣賞在網頁上呈現刷淡色彩的視覺元素，感受到柔軟、溫馨、甚至可愛的網頁效果，如圖3帶給他們舒適、自然、素雅的感受，或引起他們思念過往溫馨的回憶。如圖4讓瀏覽者體會清新、窩心、可愛的溫馨感受；同時，具有故事性、感性的網頁主題也會吸引這些受訪者經常上網瀏覽，如偏好寵物社群網站，旅遊blog，心情blog或插畫家幾米以生命力為主題的作品網頁也獲得這些消費者的高度喜愛。15第十五页，共四十九页，2022年，8月28日圖3AD-G設計網頁／上網日期：96/11/20

網址：16第十六页，共四十九页，2022年，8月28日圖4Oricinal網頁／上網日期：96/11/29

網址：/orisinal/17第十七页，共四十九页，2022年，8月28日三、趣味1/2生活風格傾向玩樂趣味特性的受訪者，共同的特質為：喜歡嚐試新奇的事物，生活中充滿想像空間，對具趣味性、故事性的商品有特別的好感且印象深刻，生活充滿活力，十分注重玩樂生活的比重。18第十八页，共四十九页，2022年，8月28日三、趣味2/2這些童心未泯的玩樂主義者喜好明亮色系，色彩豐富，具有設計巧思的網頁，生動、好玩具吸引力是主要的訴求，因此所選擇的網頁多為動漫、插畫性質的動態或3D網頁，這些高度變換的過頁方式或互動的網頁形態，讓他們覺得擁有高度的趣味性。此外，這些受訪者也喜歡充滿童趣的冰淇淋、巧克力商品網站，或FLASH遊戲網頁，如圖5、圖6。19第十九页，共四十九页，2022年，8月28日圖5插畫設計網站：22號出發去火星

上網日期：97/1/30

／

網址：/20第二十页，共四十九页，2022年，8月28日圖6眼球愛地球網頁／上網日期：96/11/09

網址：21第二十一页，共四十九页，2022年，8月28日四、休閒1/2喜好從事藝文活動、欣賞體驗美的事物並從中得到休閒的滿足感。他們共同的特質為：喜歡旅行、藝文、參觀等活動，偏好美感的體驗及欣賞，精神生活重於物質生活。22第二十二页，共四十九页，2022年，8月28日四、休閒2/2重視休閒生活的受訪者在網頁瀏覽時會依需求做有目的的相關搜尋，偏好旅遊網站，美食網站，攝影網站，紀錄網站，或與情感記憶相關可以引起共鳴或美好回憶的相關網站，都是他們喜愛且經常瀏覽的。色彩上偏向舒適、溫和、協調的色調，網頁構圖喜歡簡單輕鬆的搭配，讓整個視覺效果看起來舒服、協調，如圖7，與其和緩休閒輕鬆的生活風格相似。23第二十三页，共四十九页，2022年，8月28日圖7設計網站／上網日期：96/11/20

網址：24第二十四页，共四十九页，2022年，8月28日五、隨性1/2使用者在生活中較無固定模式，會隨興變換購物或餐飲地點，挑選物品無特別喜好的款式，無明顯的顏色偏好，也無特別或執意的設計喜好，願意接納同儕朋友的審美意見。25第二十五页，共四十九页，2022年，8月28日五、隨性2/2這些崇尚自由的受訪者喜好網路衝浪，做無目的性、大範圍的瀏覽，偏好的網頁形式較多樣化且種類變換繁多，從美食網站到論壇，較無固定的網站類型偏好，對顏色的敏感度較低，無固定、特別偏好的網頁色彩配置，而會視對該網頁喜好程度而有所不同。喜歡在色彩繽紛的大型購物網站閒逛、瀏覽網路商品、隨興購物，如圖8，這些受訪者會留意網頁的定時更新，並願意將網頁上的資訊與朋友分享、討論。26第二十六页，共四十九页，2022年，8月28日圖8A&E服飾網站／上網日期：96/11/04

網址：27第二十七页，共四十九页，2022年，8月28日六、奢華1/2生活風格傾向奢華的受訪者，十分注重用餐的品質，如餐廳的氣氛、食物的美味甚至餐具的選擇；喜好繁複、高質感的、豐富性的設計作品，選擇華麗的服飾、搭配許多配件、或多層次的穿著方式。28第二十八页，共四十九页，2022年，8月28日六、奢華2/2對生活品質的要求及習慣相對地反應在對網頁美感的呈現上：喜歡顏色厚重、代表富貴氣息的黑色網頁，如圖9；對色彩強烈、鮮豔、豐富性的網頁較具有好感，如圖10讓觀者感受到代表企業形象的現代美及奢華風，這些使用者一般對品牌的忠誠度也較其它受訪者來得高，較喜歡固定地瀏覽自己喜愛的商品網頁吸收產品訊息。29第二十九页，共四十九页，2022年，8月28日圖9趙心綺珠寶網頁／上網日期：96/11/09

網址：30第三十页，共四十九页，2022年，8月28日圖10遠企購物中心網站／上網日期：97/01/29

網址：31第三十一页，共四十九页，2022年，8月28日七、品牌1/2品牌崇尚的受訪者，會依個人需求做選擇性的購物，注重產品的品牌形象，對偏好的品牌有具有信任感，有較高的品質要求，會留意產品的宣傳與行銷。32第三十二页，共四十九页，2022年，8月28日七、品牌2/2品牌支持者會透過瀏覽熟悉的知名品牌網站，來進行商品的搜尋與選購，或上該品牌專屬購物網站做目的性的瀏覽，信任、支持並且認同這些品牌網站呈現的美感，留意該品牌的傳達意念及網頁品牌特色，如圖11、12。當使用者瀏覽這些網站時，因為信任該品牌而感受到安心、舒適、整齊、多樣化購物環境帶來的愉悅感覺。33第三十三页，共四十九页，2022年，8月28日圖11Burberry網頁／上網日期：96/10/27

網址：34第三十四页，共四十九页，2022年，8月28日圖12BrooksBrothers／上網日期：96/10/20

網址：35第三十五页，共四十九页，2022年，8月28日八、時尚1/2在其日常生活所接觸、挑選物品的能力，具有新式且相當主觀的審美概念，其追求流行時髦的概念會擴及對其它物品的審美觀點。36第三十六页，共四十九页，2022年，8月28日八、時尚2/2這些掌控了即時、豐富流行資訊的受訪者，在網頁的瀏覽上也有相當一致的習性，凡以時尚訴求的網頁行銷對其具有相當程度的吸引力，網頁的配置可以是簡潔、明亮，也可以是現代、科技，但均較偏好以新穎、時尚設計風格呈現的網頁，這些受訪者注重網頁傳達的即時產品資訊，並欣賞網頁在視覺上傳遞與產品形象一致的時尚風格。37第三十七页，共四十九页，2022年，8月28日圖13ASO皮鞋網站／上網日期：96/10/20

網址：38第三十八页，共四十九页，2022年，8月28日圖14AppleiPod網頁／上網日期：96/10/27

網址：39第三十九页，共四十九页，2022年，8月28日九、獨特1/2生活上喜歡特立獨行、標新立異的受訪者：即使只是搭配不同的飾品、換個與別人不同的髮型，他們也要力求突顯自己的特色來與他人區隔，在不變中儘量尋求小變化；不喜歡大量製造的成衣，喜歡獨享用餐環境的氣氛，喜歡具有設計感的獨特物品，並對美的事物有獨特的觀點與見解40第四十页，共四十九页，2022年，8月28日九、獨特2/2特立獨行的受訪者從生活習性反應在網頁瀏覽上有一致的風格，會在網路上會做無目的性的『衝浪』尋找具有特殊設計感、風格獨具的網頁而獲得視覺上的刺激，喜愛瀏覽意識形態的設計網站或具有相當特色的個人部落格，如圖15；對不平衡、不規則構圖，暗示性、隱喻性、奇幻的網頁或具有衝擊性的獨特網頁設計具有好感，也欣賞詭異、神祕設計感的網頁，如圖16的星座插畫設計帶給他們炫麗、魔幻的空間感，並滿足他們另類的優越設計感。41第四十一页，共四十九页，2022年，8月28日圖15眼球愛地球網頁上網日期：96/11/09

網址：42第四十二页，共四十九页，2022年，8月28日圖16 插畫設計KAGAYAGallery網頁

上網日期：97/01/28

網址：43第四十三页，共四十九页，2022年，8月28日

生活風格與網頁審美體驗關係表

表3生活風格與網頁審美體驗關係表生活風格類型網頁審美概念簡約黑白色系，同色系，單色系，簡單線條，簡單構圖，乾淨簡單設計，留白設計溫馨柔合色調，溫暖，可愛，平靜，寵物blog，旅遊blog，心情blog人性化設計趣味明亮色系，色彩豐富，設計巧思、生動、好玩，好感，吸引力動漫，插畫，動態、3D網頁休閒攝影網站，紀錄網站，旅遊網站，美食網站，情感記憶隨性網路衝浪，同儕影響，資源共享，購物網站奢華顏色厚重，科技感，金屬感，藝術氣息品牌傳達意念，網頁特色，選擇性、目的性瀏覽，知名品牌網站時尚時尚訴求網頁，新穎、時尚的網頁設計風格，即時更新網頁資訊獨特特殊、獨特設計，感觀刺激，差異性、衡突感，喜歡炫麗的網站（研究者整理）44第四十四页，共四十九页，2022年，8月28日結論個人生活風格與網頁美感認知具有高度關連。包括：(1)網頁主題類型的選擇。

瀏覽者高度使用與自己生活風格相關之主題網站。(2)網