成功大學博碩士論文系統

簡易檢索 / 詳目顯示

回結果列表

研究生：	王藝蓁 Wang, I-chen
論文名稱：	兒童網頁之使用性研究 A Study on the Interface Usability of children's websites
指導教授：	張育銘 Chang, Yu-Ming
學位類別：	碩士 Master
系所名稱：	規劃與設計學院 - 工業設計學系 Department of Industrial Design
論文出版年：	2007
畢業學年度：	95
語文別：	中文
論文頁數：	118
中文關鍵詞：	使用性、滿意度、兒童網頁、喜好度
外文關鍵詞：	preference, children's websites, usability, satisfaction
相關次數：	點閱：122 下載：2
分享至:	分享至facebook 分享至twitter

查詢本校圖書館目錄查詢臺灣博碩士論文知識加值系統勘誤回報

兒童使用網際網路的人口逐年增加，而兒童網頁也慢慢興起。在兒童使用網際網路之初，對於其網頁架構、連結方式、編排方式並沒有一個既定的概念，因此兒童網頁則成為兒童邁入網際網路的一個前哨站，所以兒童網頁設計的好壞將成為兒童對於網際網路的印象，並會影響兒童對於網際網路的看法與使用。本研究將探討兒童使用各種網頁的使用性以及喜好程度。
為了解兒童對網頁的需求，本研究廣泛蒐集兒童網頁進行現況調查，並參照兒童的想法去規劃實驗樣本，針對色彩、字型及大小作喜好度探討，也針對不同編排方式做使用性探討，實驗後分析各種頁面對兒童喜好度、使用性、滿意度的影響。本研究利用實驗來探討兒童網頁編排方式對兒童之使用性及喜好的影響，期能概念化以作為兒童網頁介面的設計準則，增進兒童網頁與兒童間的人機互動。
經由正式實驗後資料分析，其研究成果可以歸結為如以下幾點：1.兒童喜好標題置於頁面上方之中央、2.背景色彩喜好淡藍色(RGB=0/219/255)、3.在首頁與第二頁面之喜好度、搜尋速率及滿意度大多皆為功能位置在左較高、4.在首頁與第二頁之喜好度與搜尋速率在中央區塊為圖片與資料呈現方式為文字在右圖片在左得點最高。最後將會針對頁面評比間差異作探討，以供兒童網頁設計人員參考。

As children increasingly using internet, the quality of children’s website including its structure, link, and layout will not only determine children’s impression on internet, but also their motivation. Therefore, the study will discuss the usability and preference when children are surfing websites.
In order to understand children’s need, the study investigates exist children website and build up samples based on children’s opinion upon color, font, and text size. Also, the study is tempting to increase the interaction between children and website by analyzing preference and usability of different website layout and conceptualizing the design criteria.
Concluding from the analysis, several points are listed: 1. children prefer headline located at center top. 2. Light blue (RGB=0/219/255) suitable for background. 3. The control position for better preference, efficient and satisfaction for the first two pages is on upper left. Finally, the study proposed guidelines for improving children’s websites interfaces for designers.

<< 目錄 >>
中文摘要………………………………….i
英文摘要…………………………………ii
本文目錄………………………………...iii
圖目錄………………………..…….vi
表目錄………………………...……...vii

<< 本文目錄 >>
第一章  緒論…………………………………………………………………………1
1.1 研究背景與動機……………………………………………………………1
1.2 研究目的……………………………………………………………………2
1.3 研究限制……………………………………………………………………2
1.4 研究架構與流程……………………………………………………………3
第二章  文獻探討……………………………………………………………………4
2-1兒童發展………………………………………………………………….…4
2-1-1認知行為………………………………………………………………4
2-1-2理解因果………………………………………………………………5
2-1-3分類能力………………………………………………………………5
2-1-4組織能力………………………………………………………………5
2-1-5兒童使用網路行為……………………………………………………6
2-1-6隱喻……………………………………………………………………7
2-2 兒童喜好度…………………………………………………………………8
2-2-1 喜好度評比…………………………………………………………..8
2-2-2 兒童色彩喜好…………………………………………………..……9
2-3人機介面………………………………………………………………...…10
2-3-1人機系統的概念………………………………………………..……10
2-3-2人機互動介面……………………………………………………..…11
2-3-3心智模型與人機介面設計………………………………………..…11
2-4使用性…………………………………………………………………...…14
2-4-1使用性的定義……………………………………………………..…14
2-4-2 使用性特色…………………………………………………………14
2-4-3 圖示使用性量測……………………………………………………15
2-5 研究工具與統計分析方法……………………………………………..…16
2-5-1 林克尺度法(Likert Scale) …………………………………….……16
2-5-2 KJ法…………………………………………………………………16
2-5-3 數量化一類(Quantification 1Analysis) ……………………….……16
第三章  實驗流程與步驟……………………………………………………..……17
3-1實驗架構…………………………….……….……………………………17
3-2 實驗概念說明……………………………….……………………………18
3-3 實驗地點………………………………….………………………………19
3-4 受測者說明……………………………….………………………………19
3-5現有兒童網頁調查…………………….……………………………….…20
3-5-1 現有兒童優質網頁挑選……………………………………………20
3-5-2 現有兒童網頁調查實驗前準備……………………………………21
3-5-3 現有兒童網頁調查實驗流程………………………………………21
3-5-4 實驗器材……………………………………………………………23
3-6 網頁介面規劃實驗……………………………………………………..…23
3-6-1 網頁規劃實驗準備…………………………………………………23
3-6-1.1 網頁功能確立實驗流程……………………………….…24
3-6-1.2網頁圖示確立…………………………………………..…24
3-6-1.3 網頁字型大小規範……………………………………….25
3-6-2 網頁規劃實驗………………………………………………………26
3-6-2.1 實驗器材………………………………………………….26
3-6-2.2 實驗流程………………………………………………….27
3-6-2.3 實驗結果統計…………………………………………….28
3-7 正式實驗…………………………………………………………………..30
3-7-1 決定控制變因實驗…………………………………………………30
3-7-1.1決定控制變因實驗器材…………………………………..30
3-7-1.2決定控制變因實驗之實驗流程…………………………..30
3-7-1.3 標題位置………………………………………………….32
3-7-1.4 標題、功能及內文字型…………………………………..33
3-7-1.5 標題、功能及內文字大小………………………………..35
3-7-1.6 功能圖示大小…………………………………………….37
3-6-1.7 背景色彩………………………………………………….37
3-7-2實驗樣本規劃……………………………………………………….38
3-7-2.1 實驗介面………………………………………………….38
3-7-2.2 建立資料庫……………………………………………….40
3-7-3 操作實驗……………………………………………………………42
3-7-3.1操作實驗之實驗前準備…………………………………..42
3-7-3.2操作實驗之實驗流程……………………………………..43
3-7-3.3操作實驗之實驗器材……………………………………..44
3-7-3.4操作實驗之結果記錄方式………………………………..44
第四章  實驗結果分析與討論……………………………………………………..45
4-1 現有兒童網頁調查討論…………………………………………………..45
4-1-1 受測者對兒童網頁之觀感…………………………………………45
4-1-2 受測者之主觀喜好…………………………………………………47
4-1-3 使用上困惑的地方…………………………………………………48
4-2網頁介面規劃實驗………………….……………………………………..50
4-2-1 規劃網頁實驗前準備結論…………………………………………50
4-2-1.1 網頁功能排序…………………………………………….50
4-2-1.2 網頁圖示確立結果……………………………………….51
4-2-2 規劃網頁實驗結論…………………………………………………58
4-3正式實驗結果分析………………………………………………………...62
4-3-1 決定控制變因結論…………………………………………………62
4-3-1.1 標題位置………………………………………………….62
4-3-1.2 標題、功能及內文字型………………………………..…63
4-3-1.3 標題、功能及內文字大小……………………………..…65
4-3-1.4 功能圖示大小…………………………………………….67
4-3-1.5 背景色彩………………………………………………….67
4-3-2 正式實驗結論………………………………………………………68
4-3-2.1 網頁之喜好度、搜尋效率、滿意度結論………………….68
4-3-2.2 網頁之使用行為觀察…………………………………….76
第五章  結論與建議………………………………………………………………..85
5-1 研究結果…………………………………………………………………..85
5-2 建議………………………………………………………………………..88
5-3 後續研究的可能性………………………………………………………..88
中文文獻：………………………………..90
英文文獻：…………………………………..92

附錄：
附錄一 十大優質及推薦之兒童網頁………………………………………………95
附錄二 網頁功能圖示蒐集…………………………………………………………97
附錄三 網頁規劃實驗之觀看現有網頁樣本………………………………………99
附錄四 網頁規劃實驗結果記錄…………………………………………………..102
附錄五 標題與功能字型搭配樣本……………………………………………..…104
附錄六 標題與功能字大小搭配樣本……………………………………………..106
附錄七 操作實驗之首頁實驗樣本………………………………………………..110
附錄八 操作實驗之第二頁實驗樣本……………………………………………..111
附錄九 操作實驗之第三頁實驗樣本……………………………………………..113
附錄十 受測者對兒童網頁之觀感………………………………………………..115
附錄十一 功能排序之數據統計…………………………………………………..117
附錄十二 功能圖示票選結果……………………………………………………..118
<< 圖目錄 >>
圖1-1 研究架構流程圖………………………………………………………………3
圖2-1  心智模型、設計模型、系統印象(資料來源：Norman, D.A.，1983) ……13
圖3-1  實驗架構圖…………………………………………………………………18
圖3-2  現有兒童網頁調查實驗流程圖……………………………………………22
圖3-3  網頁規劃實驗準備流程圖…………………………………………………24
圖3-4為網頁圖示確立過程照片……………………………………………………25
圖3-5  網頁規劃實驗流程圖………………………………………………………27
圖3-6 規畫網頁實驗結果…………………………………………………………..28
圖3-7 規畫網頁實驗過程照片……………………………………………………..28
圖3-8  正式實驗Part1實驗流程圖(1) ……………………………………………31
圖3-9  正式實驗Part1實驗流程圖(2) ……………………………………………32
圖3-10 標題位置……………………………………………………………………33
圖3-11 標題及功能字型搭配範例樣本……………………………………………34
圖3-12內文字型樣本……………………………………………………………….35
圖3-13標題、功能及內文字大小範例樣本………………………………………..35
圖3-14內文字大小樣本…………………………………………………………….36
圖3-15  功能與圖示搭配樣本……………………………………………………..37
圖3-16  網頁背景色彩樣本………………………………………………………..37
圖3-17 操作實驗樣本範例…………………………………………………………40
圖3-18  樣本網頁內容……………………………………………………………..41
圖3-19  正式實驗流程圖…………………………………………………………..43
圖3-20 操作實驗過程照……………………………………………………………44
圖4-1  受測者對網頁觀感KJ法分析圖………………………………………..…46
圖4-2 使用困惑之點─草書、功能與圖示無法搭配………………………………49
圖4-3 使用困惑之點─字意太相近………………………………………………..49
圖4-4使用困惑之點─功能字意太抽象……………………………………………49
圖4-5標題與功能字型搭配主觀評價結果…………………………………………64
圖4-6 標題與功能大小搭配主觀評價結果………………………………………..66
圖4-7 首頁喜好度結果……………………………………………………………..69
圖4-8 首頁搜尋速率結果…………………………………………………………..69
圖4-9 首頁滿意度結果……………………………………………………………..69
圖4-10 第二頁喜好度結果…………………………………………………………71
圖4-11 第二頁搜尋速率結果………………………………………………………72
圖4-12 第二頁滿意度結果…………………………………………………………72
圖4-13 第三頁喜好度結果…………………………………………………………74
圖4-14 第三頁搜尋速率結果………………………………………………………75
圖4-15 第三頁滿意度結果…………………………………………………………75
圖4-16 點選區塊圖解………………………………………………………………76
圖4-17 點選功能文字之樣本搜尋速率點結果……………………………………81
圖4-18 點選圖片之樣本搜尋速率結果……………………………………………82
圖4-19 點選文字之樣本搜尋速率結果……………………………………………83
圖4-20 受測者使用樣本網頁時困惑之形式與百分比……………………………84


<< 表目錄 >>
表3-1  13位受測者基本資料……………………………………………………...19
表3-2  20位受測者基本資料…….………………………………………………..20
表3-3  現有優質兒童網頁樣本形式………..……………………………………..21
表3-4  實驗結果統計-標題、功能、內文字型及大小……………………………29
表3-5  受測者所規劃之功能區塊、標題位置、中央區塊、網頁背景色彩……29
表3-6  標題與功能字型搭配樣本…………………………………………………34
表3-7  標題與功能大小搭配樣本…………………………………………………36
表3-8  正式實驗之樣本變數項目類目……………………………………………38
表3-9  正式實驗之樣本規劃………………………………………………………39
表4-1  十三位受測者對一樣本網頁之觀感範例..………………………………..46
表4-2  受測者喜好之網頁主題……………………………………………………47
表4-3  受測者喜好之網頁提供的功能……………………………………………47
表4-4  受測者喜好之網頁色彩……………………………………………………48
表4-5  樣本錯誤次數總計……………………………..…………………………..48
表4-6  網頁功能位置排序結果…………………………………..………………..50
表4-7  網頁功能圖示初步票選結果………………………………………………51
表4-8  最新消息圖示之喜好度與識別度…………………………………………52
表4-9  動物介紹圖示之喜好度與識別度…………………………………………53
表4-10  公佈欄圖示之喜好度與識別度…………………………………………..53
表4-11  活動圖示之喜好度與識別度……………………………………………..54
表4-12  搜尋圖示之喜好度與識別度……………………………………………..54
表4-13  下載圖示之喜好度與識別度……………………………………………..55
表4-14  遊戲圖示之喜好度與識別度……………………………………………..55
表4-15  小評量圖示之喜好度與識別度…………………………………………..56
表4-16  問與答圖示之喜好度與識別度…………………………………………..57
表4-17  網路地圖圖示之喜好度與識別度………………………………………..57
表4-18  規劃實驗結果記錄-標題、功能、內文字型與大小………………………59
表4-19  規劃實驗結果記錄-網頁排版位置……………………………………….59
表4-20  規劃實驗結果統計-標題、功能、內文字型與大小…………………….60
表4-21  規劃實驗結果統計-網頁排版位置……………………………………….60
表4-22  決定控制變因實驗使用樣本之類目項目………………………………..61
表4-23  正式實驗使用樣本之項目類目…………………………………………..61
表4-24  功能放置於左，標題放置位置之喜好度………………………………..62
表4-25  功能放置於右，標題放置位置之喜好度………………………………..62
表4-26  功能放置於上，標題放置位置之喜好度…………………………………63
表4-27  功能放置於下，標題放置位置之喜好度…………………………………63
表4-28  標題與功能字型搭配主觀評價結果……………………………………..64
表4-29  內文字型與標題功能字型搭配主觀評價結果…………………………..65
表4-30  標題與功能大小搭配主觀評價結果……………………………………..66
表4-31  內文字型與標題功能大小搭配主觀評價結果…………………………..67
表4-32  網頁背景色彩主觀評價結果……………………………………………..67
表4-33  12個樣本網頁首頁之喜好度、搜尋速率、滿意度之類目得點結果……68
表4-34  24個樣本網頁第二頁之喜好度、搜尋速率、滿意度之類目得點結果…71
表4-35  24個樣本網頁第三頁之喜好度、搜尋速率、滿意度之類目得點結果…74
表4-36  點選控制區塊百分比…………………………………………………..…77
表4-37  有功能文字及中央功能頁面時點選控制區塊百分比…………………..78
表4-38  有功能圖示之樣本點選控制區塊百分比………………………………..78
表4-39  僅有功能圖示之樣本點選控制區塊百分比……………………………..79
表4-40  有功能圖片及中央功能頁面時點選控制區塊百分比…………………..79
表4-41  點選功能文字之樣本統計數據…………………………………………..80
表4-42  點選功能文字之樣本搜尋速率的類目得點結果………………………..80
表4-43  點選中央區塊功能圖示之樣本統計數據………………………………..81
表4-44  點選中央區塊功能文字之樣本統計數據………………………………..81
表4-45  點選圖片之樣本搜尋速率的類目得點結果……………………………..82
表4-46  點選文字之樣本搜尋速率的類目得點結果……………………………..83
表5-1   正式實驗結果……………………………………………………………..86
                                    

中文文獻：
1. 人機介面與互動入門，Preece, J.。陳建豪譯。台北：和碩，1998。
2. 中國時報專訪(2006/4/4)。
3. 天下雜誌台灣教育特刊(2000年11月)
4. 方裕民著，人與物的對話─互動介面設計理論與實務，田園發行，2003。
5. 台灣網路趨勢專欄(民89)。
6. 李青蓉、魏丕信、施郁芬、邱昭彰，「人機介面設計」，國立空中大學出版中心，台北，1998。
7. 林立盈，搜尋網站介面因素對使用效率影響性之探討，國立成功大學工業設計研究所碩士論文，2005。
8. 林書堯著，色彩學，三民書局發行，1983。
9. 林書堯著，色彩認識論，三民書局發行，1991。
10. 洪郁修，「兒童WWW人際溝通網路介面之研究」，工業設計學系碩博士班論文，2002。
11. 洪筱華。國內兒童網站互動性初探，2001。2004年12月10日，擷取自http://www.ccu.edu.tw/TANET2001/TANET2001_Papers/J134.doc
12. 張建成譯，Henry Dreyfuss著，男性與女性人體計測──人因工程在設計上的應用，六合出版社，1998。
13. 莊錦昌，網頁介面使用性之探討與意象之研究，國立成功大學工業設計研究所碩士論文，2001。
14. 陳世運，知識屬性、網路關係與知識轉移關聯性之研究，政治大學科技管理研究所，1999。
15. 黃慧真譯，Sally Wendkos Olds, Diane E. Papalia著，兒童發展，桂冠圖書股份有限公司，1990。
16. 資策會ACI-IDEA FIND/經濟部工業局「電信平台應用發展推動計畫」，全國寬頻用戶統計，2005。
17. 魏澤群著，使用者最大─從優使性(Usability)出發的網站設計原則，網奕出版，2005。

英文文獻：
1. Anderson, J. R. Cognitive Psychology and its Implications (1995): Fourth Edition. W.H. Freeman and Company, New York.
2. Bewley, W. L., Roberts, T. L., Schroit, D., and Verplank, W. L. (1983). Human factors teating in the design of Xerox’s 8010 ‘Star’ office workstation. Proc. ACM CHI’83 Conf. (Boston, MA, 12-15 December).
3. Camgöz, N., Yener, C., Güvenç, D. (2002), Effects of Hue, Saturation, and Brightness on preference. Color research and application, 27, pp.199-207.
4. Cakir, A., Hart, D. J., and Stewart, T. F. M. (1980), Visual Display Terminal, Chichester: Wiley.
5. Carroll, J. M., Mack, R.L., & Kellogg, W. A. (1988). Interface metaphors and user
interface design. In Helander, M (ED.), Handbook of Human-Computer Interaction.
Elsevier Science Publishers B. V., North-Holland.
6. Carroll, J. M., & Tomas, J. C. (1982). Metaphor and the cognitive representation of computing systems. IEEE transactions on Systems, Man, and Cybernetics, SMC-12 (2).
7. Child Irvin L., Hansen Jens A., Hornbeck Frederick W. (1968), Age and sex differences in children’s color preferences, Child Development, pp.237-247.
8. Gavin S., Stuart M., Janet R. (2006), All work and no play: Measuring fun, usability, and learning in software for children, Computer and Education, pp.235-248.
9. Isen A.M. (1984), Toward understanding the role of affect in cognition. In: Wyer RS, Srull TK, Eds. Handbook of social cognition, 3. pp.179-236.Hillsdale, J:Lawrence Erlbaum.
10.Isen A.M. (1999), Positive affect. In: Dalgleish T, Power MJ, Eds. Handbook of cognition and emotion, pp.521-539. New York: Wiley.
11. Jonassen, D.H. (1998). Designing structured hypertext and structuring access to hypertext. Educational Technology.
12. Juan P.H., Benjamin B.B., Allison D., Anne R., Allison F., Yoshifui T.(2003), The international children’s digital library: viewing digital books online, Interacting with Computer, pp.151-167.
13. Kuhlthau, C. C. (1988). Meeting the information needs of children and young adults: basing library media programs on developmental states. Journal of Youth Services in Libraries, 2:1.
14. Lavin, J.G., Lawless, H.T.(1998), Effects of color and odor on judgments of sweetness among children and adults. Food quality and preference, 9, 283-289.
15. Moore, D.A. (1999), Order effects in preference judgments: evidence for context dependent in generation of preferences. Organizational behavior and human decision process, 78, pp.146-165.
16. Nielsen, J. (1993). What is Usability? Usability Engineering. AP Professional Academic Press, San Diego, USA.
17. Norman, D. A. (1983). Some observations on mental models. In D. Gentner & A. L. Stevens (Eds.), Mental Models. Hillsdale, NJ: Erlbaum.
18. Norman, D. A. (1988). The design of everyday things, MIT Press.
19. Ou Li-Chen, Luo M. Ronnier, Woodcock Andre’ e, Wright Angela(2004),A study of colour emotion and colour preference. Part II: colour emotions for two-colour combinations, Color Research and Application, Vol. 29, pp.292–298.
20. Philip and Barbara N. (1991). DEVELOPMENT THROUGH LIFE A PSYCHOSOCIAL APPROACH, Thomson International Publishing.
21. Shieh, K.K., Huang, S.M. (2003), Factors affecting preference ratings of prohibitive symbols. Applied ergonomics, 34, pp.581-587.

校內：2008-07-21公開
校外：2008-07-21公開

簡易檢索 / 詳目顯示

相關論文