簡易檢索 / 詳目顯示

研究生: 蘇姿潔
Sue, Tzu-Chieh
論文名稱: 商品展示網頁設計研究
The Study of The Website Design For Commercial Product Information Representation
指導教授: 蕭世文
Siao, Shih-Wun
林銘泉
Lin, Ming-Cyuan
學位類別: 碩士
Master
系所名稱: 規劃與設計學院 - 工業設計學系
Department of Industrial Design
論文出版年: 2011
畢業學年度: 99
語文別: 中文
論文頁數: 125
中文關鍵詞: 線性迴歸感性工學網頁設計感性語彙
外文關鍵詞: horizontal arrangement, Kansei Engineering, website design, emotional vocabularies
相關次數: 點閱:145下載:16
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 近年來宅經濟異軍突起,將商品放到網路上已經成為各家公司不可或缺的管道之一,所以網頁的製作與規劃相對重要,如今的網頁架構已經相當成熟,但是目前網頁大多研究首頁的感覺意像,並無針對不同產品的意象來進行網頁設計,消費者在瀏覽的商品過程中,容易對於網頁產品的編排感到不易觀看或是與產品意象不符的情況。
    本論文將針對網頁所構成不同的形態要素來進行感性語彙的調查,針對不同的年齡層來進行喜好度的評估,瞭解年齡層是否會觀看網頁的時候會產生不同的影響狀況,不同語彙間是否對網頁的設計要素會有影響,以便提供網頁設計的人員參考。
    研究使用四種不同的感覺語彙《簡潔的-瑣碎的》、《搶眼的-平庸的》、《大眾的-個性的》、《易讀的-難懂的》來進行問卷調查,再使用線性迴歸來分析。結果影響《簡潔》的網頁屬性的是頂部+水平導覽,橫向排列、無輔助線使用、圖片為主的大圖片影響最大;影響《搶眼》最大的是頁面架構的左側與左右導覽、橫向排列與無輔助線使用、以圖片為主的大圖片影響最大,影響《大眾》語彙是以頂部與左側導覽與橫向排列、使用輔助線、圖片為主的小圖片影響最大;《易讀》語彙是以頂部與左右導覽、橫向排列、無使用輔助線、圖片與文字說明、大圖片影響最大。

    The idea of “Otaku Economy” popularizes in recent years, and it’s indispensable now to show the commodities in the Internet for all companies; therefore, the planning of the website is quite important. The framework of the website is completely mature now, but it’s usually designed by the image of the homepage rather than the image of the products. If the viewers would feel displeased /unclear about the image of the products during browsing through?
    This paper would present the research about the different factors on building the websites, and also make the further evaluation to the different age levels. It presents designs of the website will be affected by the different emotional vocabularies and age levels of the viewers. This research will be the data for the website designers in the future.
    This research presents with the questionnaires which using four sorts of vocabularies as following: simple & trivial; attractive & ordinary; general & unique, and legible & recondite. To generalize with the multiple lines regression analysis and we learned below information: In the sort of “simply”: viewers would be affected by the top part of the website, horizontal arrangement / previewing, no guide line and the clear photos.
    In the sort of “attractive”, viewers would be affected by the left side of the website, horizontal arrangement / previewing, no guide line and the large pictures. As to sort of “general”, viewers would be affected by the top & left part of the website, horizontal arrangement / previewing, guide line and the mall pictures.In the sort of “legible”, viewers would be affected by the top & both parts of the website, horizontal arrangement / previewing, no guide line, descriptions and the large pictures.

    中文摘要.........................I 英文摘要(ABSTRACT)...............II 謝誌.............................IV 目錄.............................V 表目錄...........................VIII 圖目錄...........................X 第一章 緒論.....................1 1.1 研究背景.....................1 1.2 問題陳述.....................2 1.3 研究目的.....................3 1.4 研究範圍與限制...............3 1.5 本研究之組織架構圖...........5 第二章 文獻探討.................6 2.1 網站與企業分類...............6 2.2 網頁的設計...................7 2.2.1 網頁設計原則...............7 2.2.2 網頁設計的形態要素.........9 2.2.3 網頁視覺呈現...............12 2.2.4 網頁的框架與導覽...........12 2.2.5 樣版 Template..............14 2.3 感性工學.....................17 2.4 意象的定義...................18 2.4.1 意象測定的理論基礎.........18 2.4.2 意象研究相關文獻...........20 2.5 研究方法文獻.................21 2.5.1 語意差異法(SD法)...........21 2.5.2 形態分析法.................22 2.5.3 問卷調查...................23 2.5.4 多元尺度法.................24 2.5.5 多變量分析.................25 第三章 研究方法.................27 3.1 研究之方法途徑...............27 3.2 研究發展流程.................27 第四章 資料分析與樣本建構.......30 4.1 網頁分析.....................30 4.2 企業網頁收集.................34 4.3 形容詞語彙收集...............35 4.4 實驗規劃.....................40 4.4.1 特徵屬性分析...............40 4.4.2 定義各特徵屬性數值.........43 4.4.3 實驗樣本...................52 4.4.4 實驗流程規劃...............53 第五章 實驗結果分析與討論.......56 5.1 不同語彙的評分量表...........57 5.1.1《簡潔-瑣碎》的感性語彙評量.57 5.1.2《搶眼-平庸》的感性語彙評量.58 5.1.3《大眾-個性》的感性語彙評量.59 5.1.4《易讀-難懂》的感性語彙評量.60 5.1.5 網頁喜歡程度的評量表.......61 5.1.6 不同年齡層喜歡程度的評量表.62 5.2 迴歸分析.....................66 5.2.1 《簡潔-瑣碎》語彙與網頁特徵的迴歸分析..66 5.2.2 《搶眼-平庸》語彙與網頁特徵的迴歸分析..69 5.2.3 《大眾-個性》語彙與網頁特徵的迴歸分析..73 5.2.4 《易讀-難懂》語彙與網頁特徵的迴歸分析..76 5.2.5 25歲以下的網頁喜愛度與網頁屬性特徵迴歸分析....79 5.2.6 26歲到40歲的網頁喜愛度與網頁屬性特徵迴歸分析..82 5.2.7 41歲到50歲的網頁喜愛度與網頁屬性特徵迴歸分析..85 5.2.8 綜合分析結果...............88 第六章 結論.....................94 參考文獻.........................96

    一. 中文部分
    王超弘,《WWW網頁設計之準則與應用》工業工程學刊,卷16期2,頁265-276,1999。
    李賢輝,網頁設計原則的研究,雲林科技大學設計學系碩士論文,
    1996。
    林立盈,搜尋網站介面因素對使用效率影響性之探討,國立成功大學
    工業設計學系碩士論文,2005。
    林彥呈,以感性工學程序建構網頁設計系統之研究,設計學報,卷7
    期1,頁59-73,2002。
    柳閩生,版面設計。台北:幼獅,1990。
    莊錦昌,網頁介面使用性之探討與意象之研究,國立成功大學工業設
    計學系碩士論文,2001。
    陳妙媛,以平面構成原理探討網頁設計之視覺表現─以大學院校之資
    訊、設計學群首頁為例,2004。
    陳玉玲,國內外前七十五大企業網站之建構要素研究,輔仁大學應用
    美術學系碩士論文,2004。
    崔美善,Web Layout Design。(碩博文化編譯),台北:碩博文化,
    2007。
    張依真,片頭動畫首頁構成要素內容分析之研究,銘傳大學設計管理
    學系碩士論文,2002。
    黃心湘 ,台灣本土泡麵包裝之意象研究,中原大學商業設計學系碩
    士論文,2004。
    黃涵貞,高齡者對網頁色彩配色之感覺意象及喜好度研究,銘傳大學
    設計管理學系碩士論文,2006。
    曾惠民,Pixel Style網站設計元素對使用者意象影響之研究,銘傳大
    學設計管理學系碩士論文,2003。
    楊清田,包裝容器的喜好度調查研究,藝術學報,卷69,頁1-14,2001。
    蕭銘宏,全球資訊網操作介面之研究,國立雲林科技大學工業設計學
    系碩士論文,1997。

    二. 英文部分
    Borges, J. A., I. Morales and N. J. Rodriguez , “Page Design Guidelines Developed through Usability Testing,” Human Factors and Web Development”, pp. 137-152,1998.
    Gerald, P. M., “Application of traditional system design techniques to web site design”, Information and Software Technology, Vol. 44, pp.507-512, 2002.
    Powell, T. A., The Complete Reference-Web Design, McGraw-Hill Berkeley, California, 2000.
    Pearson, R. and Shaik, P. V., “The effect of spatial layout of and link colour in web pages on performance in a visual search task and 0000an interactive search task,” International Journal of Human-Computer Studies, Vol. 59,No.3 pp.327-353, 2003.

    三. 網頁部分
    安耐美,網頁產品導覽頁,2011。
    http://www.enermax.com.tw/home.php?fn=chi/product_a1&lv0=1
    喜特麗,網頁產品導覽頁,2011。
    http://www.e-jtl.com.tw/products/products_list.php
    American Bakery,網頁產品導覽頁,2011。http://www.detriopastry.com.tw/product_detail.php?cateid=1
    DUNLOP,網頁產品導覽頁,2011。
    http://www.dunlop-kc.com.tw/tyre/products/index.php?cid=6
    梅醋醬,網頁產品導覽頁,2011。
    http://www.balsalia.com/product.php
    手機王,手機種類網頁分類,2009。
    http://www.sogi.com.tw/Product/BrandList.aspx?c=1

    下載圖示 校內:2012-07-19公開
    校外:2013-07-19公開
    QR CODE