(3.238.235.155) 您好!臺灣時間:2021/05/16 17:06
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

: 
twitterline
研究生:曾美芬
研究生(外文):Mei-Feng Tseng
論文名稱:服飾購物網站之視窗與捲軸模式對使用者操作績效與偏好之影響
論文名稱(外文):The Effects of Windows and Scrolling Modes on Users' Performance and Preference in the Websites for Fashion Shopping
指導教授:陳立杰陳立杰引用關係
指導教授(外文):Li-Chieh Chen
學位類別:碩士
校院名稱:大同大學
系所名稱:工業設計學系(所)
學門:設計學門
學類:產品設計學類
論文種類:學術論文
畢業學年度:93
語文別:中文
論文頁數:70
中文關鍵詞:服飾購物網站版面配置捲軸模式視窗模式
外文關鍵詞:Fashion WebsiteLayoutScroll ModeWindow Mode
相關次數:
  • 被引用被引用:13
  • 點閱點閱:489
  • 評分評分:
  • 下載下載:117
  • 收藏至我的研究室書目清單書目收藏:0
隨著網路科技的發展,使用網路人口的普及,網站快速的成立,電子商務的出現提供了一種新的購物模式,使用者比以往有更多的選擇。在購物網站中,必須要呈現使用者真正想要得到的資訊,資訊與資訊間必須清楚的分類及搜尋資訊,才能在眾多的網站中才能脫穎而出,吸引更多的使用者。本研究將針對服飾網站的展示為主,探討服飾展示網站目錄展示頁面版面配置與購物功能頁之呈現形式對於使用者的績效及偏好之關係,以作為服飾網站展示設計時的建議。第一階段實驗由受測者進行服飾購物網站相似性分類,並以階層式群集分析法(Hierarchical Cluster Analysis)進行分析。分類完成後輔以開放性問卷的方式,請受測者寫出分群的依據及看法。第二階段的上機實驗,以目錄頁之版面「捲軸模式」:1.「水平捲軸」、2.「垂直捲軸」及3.「無捲軸」,與購物功能頁之「視窗模式」:1.「彈出視窗」、2.「無彈出視窗」,共六組實驗網頁樣本進行搜尋時間、及操作容易度、操作偏好、整體版面偏好度實驗。

由實驗結果分析得知,在搜尋時間上,雖然不同「視窗模式」與「捲軸模式」的組合對於搜尋時間的影響不顯著,但在操作容易度及操作偏好上卻有明顯之差異。在搜尋容易度方面,「捲軸模式」對於搜尋容易度有顯著影響,其中以「無捲軸模式」搭配「彈出視窗」的搜尋最為容易,「水平捲軸」搭配「彈出視窗」的操作容易度最差。在操作偏好部份,「捲軸模式」對於操作偏好有顯著差異,其中以「無捲軸模式」搭配「彈出視窗」之操作偏好評分最高,而「水平捲軸」搭配「彈出視窗」操作偏好度則較低;至於「捲軸模式」與「視窗模式」兩因數間有交互作用的存在,當「水平捲軸」搭配「無彈出視窗」操作偏好度高於搭配「彈出視窗」,而「垂直捲軸」搭配「彈出視窗」操作偏好度高於搭配「無彈出視窗」。整體版面配置部分,受測者比較六個網頁樣本的版面配置後,以「無捲軸模式」的整體版面配置最為喜歡。而「視窗模式」則對搜尋時間、操作容易度、操作偏好、整體版面配置偏好均無顯著差異。
Shoppers are given more options than ever before following the substantial development of network technology, the rapid growth of the online population, the quick establishment of websites, and the emergence of new shopping models at the rise of e-commerce. It is essential for a shopping website to present well-classified and easy-to-search information that shoppers really need in order to get ahead of competitor’s websites and to attract more shoppers. This study thus investigated the interrelations between catalog layout and shopping functions presentation of fashion websites, and their effects on shopping efficiency and shopper preferences as a reference for the design of fashion website layout. In the first stage, respondents were asked to write down their reference and opinions of classifying after the fashion websites are sorted into categories, and the results were analyzed via a hierarchical cluster analysis. At the second stage, an online test was conducted to find out the search time, operation difficulty, operation preference and layout preference with 6 specimens divided into 2 groups: scroll mode—(1) horizontal scroll mode, (2) vertical scroll mode, and (3) no scroll mode; and window mode—(1) popup windows, and (2) non-popup windows.

Findings indicated that there was no significant influence on the search time is observed in the mixed use of window and scroll modes, though significant differences are observed in operation difficulty and preferences. In terms of search difficulty, scroll mode has a significant influence on search difficulty, and the mixed use of “no scrollbar mode” and “popup windows” makes searching for information the simplest. In terms of operation preference, significant difference is observed in the scroll mode; and the mixed use of horizontal scrollbars and non-popup windows is the most preferred. In terms of overall layout, the “no scrollbar mode” is the most preferred among all 6 specimens according to respondents.
目 錄
摘要….……...……….…………………….…………………...……….....…i
目錄……….………...……….…………………….…………….……....….iii
表目錄………...……...….…………………….……………………….....…v
圖目錄………...……….…………………….………………….………..…vi
第1章 緒論 1
1.1 研究背景 1
1.2 研究動機 2
1.3 研究目的 2
1.4 研究流程與架構 3
第2章 文獻探討 4
2.1 網頁風格 4
2.2 視覺要素 7
2.3 網站架構 9
2.4 網頁資訊編排 13
2.5 網頁設計原則 15
2.6 購物網站 17
2.7 網頁設計的評估方法 19
2.8 文獻探討結論 21
第3章 服飾展示網頁之現況調查分析 22
3.1 調查範圍 22
3.1.1樣本來源……………………………………………...……………….…23
3.1.2研究範圍與限制…………………...………………………………….…23
3.1.3受測者………………………………………………...……………….…23
3.1.5實驗步驟…………………………………………...………………….…24
3.2 服飾購物網站風格之分類結果 25
3.2.1服飾網站展示風格的分類………………………………………...….…25
3.2.2服飾網站展示風格之視覺要素………………………………...……….36
3.3 集群A、C網頁樣本之版面構成 39
3.4 服裝目錄展示區之版面構成 41
3.5 服裝購物功能頁之版面構成 43
第4章 實驗設計 45
4.1 實驗網頁的設計範圍 45
4.1.1主要探討區域………………...……………………………………….…46
4.1.2網站架構的層級數目…………………………...……………………….47
4.1.3實驗因子說明………………………………………...………………….49
4.1.4實驗網頁的建構……………………………………………...………….49
4.1.5實驗網頁組別…………………………………………..………………..49
4.1.6實驗網頁設計與說明……………………………………...…………….51
4.2 搜尋任務設計 51
4.3 偏好度問卷設計 52
4.4 實驗流程 53
第5章 實驗結果分析 54
5.1 受測者資料 54
5.2 搜尋時間分析 55
5.3 搜尋容易度分析 56
5.4 操作偏好分析 58
5.5 實驗網頁整體版面主觀偏好度分析 60
第6章 討論與結論 62
6.1 討論 62
6.1.1搜尋時間…………………………………………..……………………..65
6.1.2搜尋容易度……………………………………………......……………..66
6.1.4版面配置整體主觀偏好度………………………………..……………..67
6.2 結論 65
6.3 對後續研究之建議 66
第7章 參考文獻 67

表 目 錄
表 2 1網頁連結架構表 9
表 3 1開放式問卷中整理出的展示風格構成要素 36
表 4 1實驗組別 49
表 5 1受測人員分組表 55
表 5 2搜尋時間之平均數與標準差(單位:秒) 56
表 5 3搜尋時間之雙因子變異數分析 56
表 5 4搜尋容易度之平均數與變異數 58
表 5 5搜尋容易度之雙因子分析 59
表 5 6操作偏好之平均數與變異數 60
表 5 7操作偏好度之雙因子分析 60
表 5 8實驗網頁整體偏好度之平均數與變異數 62
表 5 9實驗網頁整體版面偏好度之雙因子變異數分析 62
表 5 10受測者對於實驗網頁之「整體版面偏好」排序得分 63
表 5 11卡方檢定 64


圖 目 錄
圖 2 1網站設計中各專業領域之關係 7
圖 3 1集群數狀圖 26
圖 3 2集群A網站 27
圖 3 3集群B網站 29
圖 3 4集群C網站 31
圖 3 5集群D網站 33
圖 3 6集群E網站 34
圖 3 7水平兩欄式分割 39
圖 3 8水平三欄式分割 39
圖 3 9水平+垂直三欄式畫面分割 40
圖 3 10水平+垂直四欄式畫面分割 40
圖 3 11圖左文右、水平捲動瀏覽的排列 41
圖 3 12圖上文下、垂直捲動瀏覽的排列方式 42
圖 3 13表格式目錄、整頁瀏覽無捲軸的排列方式 42
圖 3 14彈出視窗 43
圖 3 15無彈出視窗 44
圖 4 1本實驗所探討之範圍 46
圖 4 2實驗網頁架構示意圖 47
圖 4 3 搜尋任務範例 52
圖 4 4 偏好度問卷範例 53
圖 4 5 實驗流程圖 54
圖 5 1三種捲軸模式與兩種視窗模式交叉作用圖 61
中文文獻
1.彭淑萍,2000,全球資訊網頁視覺傳達之使用介面設計要素研究-以企業形象網頁為例,雲林科技大學所碩士論文。
2.許峻誠,2001,網頁風格與視覺要素對設計評價之影響,國立交通大學應用藝術所碩士論文。
3.李俊宏,1995網頁設計原則的研究─以大專院校首頁設計為例,國立雲林技術學院工業設計所碩士論文。
4.蕭銘宏、李傳房,1997,全球資訊網操作介面之研究,1997中華民國設計學會設計學術研究成果研討會論文集。
5.許家慶,2001,購物網站產品展示網頁結構之研究─以MP3隨身聽為例,大同大學工業設計研究所碩士論文。
6.張書翔,2001,女性網站經營策略與性別刻板印象之研究:以女性網站www.shesay.com為例,淡江大學大眾傳播學系傳播研究所碩士論文。
7.陳怡成,陳玲玲,1998,全球資訊網之企業網站設計研究-以汽車及電子業為例,台北科技大學所碩士論文。
8.莊明振,陳俊智,1998,以概念學習模式解析中西座椅設計風格辨識的規則,設計學報,第一期第三卷,pp.121-136。
9.遊萬來,林俊明,1997,產品風格的量化描述研究,設計學報,第二期第二卷,pp.89-170。
10.Mitchell, W.著,劉育東 譯,1997,建築的設計思考-設計、運算與認知,臺北:胡適圖書出版社。
11.劉育東,1995,建築的涵意,臺北:胡適圖書出版社。
12.莊明振,蕭坤安,1996,建構圈椅風格的造型要素及其操作之探討,設計學報,第一期第一卷,pp.51-66。
13.何懷碩,1981,風格之誕生,臺北:大地出版社。
14.陳俊瑋,認知風格與使用者介面設計對注意力影響之研究,成功大學工業設計研究所碩士論文。
15.王瑞之,1997,線上購物發展現況及未來遠景,資策會電子情報中心。
16.鄭麗玉,1993,認知心理學─理論與應用,五南書局。
17.熊堅智,1996,全球資訊網多層導覽設計模式研究,國立雲林技術學院工業設計技術研究所碩士論文。


英文文獻
1.Brinck, Gergle, and Wood, 2002, Usability for the Web, Morgan Kaufmann Publishers, San Franciso, CA, USA.
2.Becker, S. A., and Mottay, F. E., 2001, A global perspective on web site usability, IEEE SOFTWARE, Vol. 18, No. 1, pp.54-61.
3.Brinck, T., Gergle, D., and Wood, S. D., 2002, Usability for the Web, Morgan Kaufimann Publishers, San Francisco, CA, USA.
4.Chan, C. S., 1994, Operational definition of style, Environment and Planning B. Planning and Design, Vol.21,pp. 223-246.
5.Denton, C., 1991, Graphics for Visual Communication, McGraw-Hill, Inc., Dubuque, IA.
6.Kristor, R, and Satran, A., 1995, Interactivity by Design, Adobe Press.
7.Lim and Paynter, J. and 1998, Design Consideration for Web site Navigation, IN Proceeding of the Uniforum NZ Conference, May 19-23, 1998, North Island.
8.Ngo, D.C.L. and Byrne, J.G., 1998, Aesthetic Measure for Screen Design, In Proceeding of Computer Juman Interaction Conferencem 1998, Australasian, pp.64-71.
9.Nielsen, J. and Tahir, M., 2002, Homepage Usability:50 websites deconstructer, New Ruders Pulishing.
10.Nielsen, J., 2000, Designing Web Usability: The Practice of Simplicity, New Riders Publishingm Indianapolis, Indiana, USA.
11.Newman, M. and Landay, J., 2000, Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice, DIS 00, pp. 263-274. New York: ACM.
12.Powell, T. et al., 1998, Web Site Engineering, NJ:Prentice Hall PTR.
13.Preece, J., 1993, A guide to Usability; Human Factors in Computer Addison-Wesleym, Reading, Maxx.
14.Omanson, R. et al.,1998, Dimensions Affecting Web Site Identity, Proceedings of the Human Factors and Ergonomics Society 42th Annual Meeting. pp. 429-43.
15.Tang, E. K., 2001, Menu design with visual momentum for compact smart product, Human Factors, Vol. 43, No.2, pp.267-277.
16.Walker, J.A., 2000, Design History and The History of design, Pluto press, London.
17.Wilson Lee, and Izak Benbasat., 2003, Designing an electronic commerce interface: attention and product memory as elicited by web design.
18.Hong, W., Thong, J. Y. L., Tam. K.Y., 2004, Designing product listing pages on e-commerce websites: an examination of presentation mode and information format.
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top