(54.236.58.220) 您好!臺灣時間:2021/02/27 18:41
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

我願授權國圖
: 
twitterline
研究生:吳明哲
研究生(外文):Ming-Jer Wu
論文名稱:掃描器不同視覺風格介面之設計
論文名稱(外文):The Interface Design of Scanners with Different Styles
指導教授:莊明振莊明振引用關係
指導教授(外文):Ming-Chuen Chuang
學位類別:碩士
校院名稱:國立交通大學
系所名稱:應用藝術所
學門:藝術學門
學類:應用藝術學類
論文種類:學術論文
論文出版年:2002
畢業學年度:90
語文別:中文
論文頁數:126
中文關鍵詞:人機介面掃描器軟體介面設計視覺風格資訊家電使用性評估情境設計
外文關鍵詞:human-computer interfacescanneruser interface designvisual styleinformation applianceusability testscenario design
相關次數:
  • 被引用被引用:2
  • 點閱點閱:676
  • 評分評分:系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:2
掃描器產品已經逐漸往資訊家電的方向發展。因此原本即負責掃描器主要操作的軟體,其所呈現的介面便有革新之必要。本論文主要是與國內掃描器生產大廠鴻友科技合作,設計掃描器操作軟體功能與介面,希望藉由完整系統化的設計流程,為新一代掃描器操作介面,尋找出一個嶄新的風貌與應用層面,因此介面風格的呈現即成為本論文的設計主軸。介面所呈現出的風格,在本論文中將區分為「圖像式」風格與「實體式」風格。圖像式風格所代表的意義為「類似傳統視窗系統的圖像化操作介面」;而實體式風格所代表的意義為「引用硬體產品印象所構成的軟體人機介面」。因此哪一類的介面風格較能代表已經轉型為資訊家電的掃描器?哪一類的介面風格在操作上,能夠符合一般家庭使用者,或影像工作者的操作方式?是本論文在進行設計階段之後,所欲同時探討之方向。
本論文開始即規劃新一代掃描器操作軟體所應賦予的功能,依據功能定義來規劃系統的操作架構,再藉由情境設計的方式來詳細定義介面各項功能。並且由文獻探討中所歸納出的設計原則,配合本設計案例的需求,重新訂定出專屬的介面設計原則。接著將之前所完成的功能定義、架構規劃與設計原則,分別予以實作成圖像式與實體式兩類風格之介面原型。完成後的設計原型,也同樣會進行使用者的使用性評估,統計新舊介面與介面風格之間的使用性,藉以瞭解設計上所需修正的部分,即完成開發階段之介面設計之系統流程。
A scanner has gradually become an information appliance for many families, therefore, the need for a change in the software interface of scanner is highly noticed. This thesis is based on the work done with Mustek™, one of the largest scanner manufacturers in the Taiwan. The work includes the design of the functions and the user interface of the scanner software. Through a systematic way, we would like to present a more integrated user interface which provides a new look and easy-to-use functions. The presentation of the style of the interface design is our main subject matter. The styles of the interface are classified into two kinds: “The graphic style” and “The physical-object style”. The graphic style presents a more traditional presentation of a GUI (graphic user interface) in the Windows; however, the physical-object style shows in the user interface the realistic image of the hardware generated by computers. Which of the interface styles will show the trend of the information appliance? Which will be good for families and image designers? These questions will be discussed in the thesis.
We begin with the software functions. Secondly, we work on the operation structure according to the functions defined through a scenario design, and with the help of the previous work of others, we set up the appropriate rules for user interface design. In the end we work on the interface design of the two different styles based on the functions discussed, the operation structure and the interface design rules. We will compare and evaluate the two different styles and discuss the usability in order to modify. This is the way we will approach the discussion.
中文摘要. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . I
英文摘要. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . II
致謝. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . III
目錄. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . IV
圖目錄. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . VIII
表目錄. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . XI
第一章 緒論
1-1. 研究動機與背景. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 1
1-2. 研究目的. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1-3. 研究限制. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1-4. 研究流程架構. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
第二章 文獻探討
2-1. 掃描器簡介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2-1-1. 掃描器工作原理. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2-1-2. 掃描器傳輸介面. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
2-1-3. 掃描器的應用. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2-1-4. 掃描器產銷分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2-1-5. 掃描器未來發展. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2-2. 人機介面概說. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2-2-1. 人與電腦間的關係. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2-2-2. 圖形化介面. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2-2-3. 圖形化介面元件. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2-3. 使用者模型. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2-3-1. 建立虛擬的使用者. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2-3-2. 使用者的習性. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2-4. 介面設計方法. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2-4-1. 開始介面設計之前. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2-4-2. 圖示的隱喻. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2-4-3. 操作暗示性. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2-4-4. 介面設計常見的缺失. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
2-4-5. 介面設計法則. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
2-5. 使用性評估. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
2-5-1. 使用者行為的觀察 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
2-5-2. 評估的方法. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2-5-3. 評估的內容. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2-6. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
第三章 軟體功能訂定
3-1. 初步功能評估. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3-2. 現有市面上產品規格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3-2-1. 現有產品之分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
3-2-2. 競爭廠商規格比較. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3-2. 初步功能定義. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
3-2-1. 掃描影像管理應用中心. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
3-2-2. 相片印刷. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3-2-3. 整合影像掃描後製處理. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3-2-4. 新的色彩演算技術. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3-2-5. 可模組化之功能設計. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
3-2-6. 強化多媒體應用領域. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
3-3. 新舊版本規格比較. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
3-4. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
第四章 操作系統架構
4-1. 介面主要構成模組. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
4-2. 操作互動模式. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
4-3. 操作互動流程. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
4-4. 各模組功能與操作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
4-4-1. 「工具模組」功能與操作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
4-4-2. 「工具設定模組」功能與操作. . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
4-4-3. 「管理模組」功能與操作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
4-5. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
第五章 使用情境設計
5-1. 使用情境. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
5-1-1. 使用情境的構成. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
5-2. 情境案例. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
5-2-1. 案例一. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
5-2-2. 案例二. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
5-2-3. 案例三. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
5-3. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
第六章 設計原則
6-1. 以使用者為中心的人性設計思考. . . . . . . . . . . . . . . . . . . . . . . 67
6-2. 客觀的設計原則. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
6-3. 影響介面使用性的因子. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
6-3-1. 視覺因素. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
6-3-2. 物理操作因素. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
6-3-3. 習慣因素. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
6-4. 歸納設計原則. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
6-4-1. 整體介面. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
6-4-2. 工具模組. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
6-4-3. 工具設定模組. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
6-4-4. 管理模組. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
6-5. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
第七章 介面圖形設計
7-1. 介面圖形設計流程. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
7-1-1. 構想階段. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
7-1-2. 草圖階段. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
7-1-3. 互動效果設計階段. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
7-1-4. 介面框架設計階段. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
7-1-5. 介面元件設計製作. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
7-2. 介面製作軟體簡介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
7-2-1. 影像編修類. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
7-2-2. 向量繪圖類. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
7-2-3. 3D動畫類. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
7-3. 設計成果(一):圖像式風格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
7-3-1. 構想與草圖. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
7-3-2. 設計結果. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
7-3-3. 操作互動效果說明. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
7-4. 設計成果(二):實體式風格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
7-4-1. 構想與草圖. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
7-4-2. 設計結果. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
7-4-3. 操作互動效果說明. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
7-5. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
第八章 介面設計評估
8-1. 介面評估的方法. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
8-2. 任務操作與問卷設計. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
8-2-1. 任務操作的設計. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
8-2-2. 使用後問卷設計. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
8-3. 操作任務評估. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
8-3-1. 測試媒介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
8-3-2. 受測環境. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
8-3-3. 受測者取樣. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
8-3-4. 測試流程. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
8-4. 評估分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
8-4-1. 操作時間分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
8-4-2. 問卷內容分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
8-4-3. 操作行為討論. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
8-4-4. 評估總結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
8-5. 小結. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
第九章 結論與建議
9-1. 研究成果. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
9-2. 掃描器介面未來展望. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
9-3. 研究不足之部分. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
9-4. 後續研究之建議. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
參考文獻. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
附錄A 林家的一天. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
附件1 介面操作評估表與使用後問卷表. . . . . . . . . . . . . . . . . . . . . . . . . . . 126
一、 中文部分
1.陳建志,人機系統中人員的資訊處理,工業設計81年10月,民81。
2.張悟非,從「認知心理」的觀點來探討視覺資訊設計的方向,工業設計81年11月,民81。
3.謝毅彬,電腦軟體圖形使用者操作介面設計原則,工業設計82年4月,民82。
4.謝毅彬,電腦應用軟體使用者操作介面之操作模式設計,工業設計82年10月,民82。
5.黃室苗,Human Computer Interaction(HCI)概論,工業設計82年10月,民82。
6.謝毅彬,電腦操作圖象(icon)設計,工業設計83年4月,民83。
7.官政能、黃淑貞、彭德保,以使用情境為基礎之產品造形發展因素研究,工業設計84年1月,民84。
8.陳崇文,資訊產品軟硬體整合之使用者介面研究-以掌上型掃描器為例,民84。
9.張建成,談視訊隨選系統的介面設計,工業設計85年7月,民85。
10.林榮泰,使用者介面設計之人因分析模式,工業設計86年10月,民86。
11.鄭文俊,資訊產品螢幕圖像操作介面設計思索與實務,大葉學報88年,民88。
12.陳逸興,資訊家電之消費價值研究,民89。
13.余德彰、林文綺、王介丘,劇本導引,田園城市出版社,民90。
14.陳依凡, 2001年我國掃描器產業產銷分析,資策會MIC 90年12月,民90。
二、 英文部分
1.Nielsen, J., “Designing User Interfaces for International Use”, Elsevier, Amsterdam, 1990.
2.Rungtai L., “A Study of Visual Features for Iconic Interface Design”, Mingchi Institute of Technology Journal Vol.25, 1993.
3.Black, A., & Buur, J., “Making Solid User Interface Work”, Information Design Journal 8/2, 1996.
4.Martin, A., & Eastman, D., “The User Interface Design Book for the Applications Programmer”, J. Wiley, New York, 1996.
5.“Macintosh Human Interface Guidelines”, Apple Computer, California, 1996.
6.Carroll, J., “Making Use, Scenario-Based Design of Human-Computer Interactions”, The MIT Press, Cambridge, 2000.
7.Johnson, J., “GUI Bloopers, Don''ts and Do''s for Software Developers and Web Designers”, Morgan Kaufmann Publishers, San Francisco, 2000.
8.Spolsky, J., “User interface design for programmers”, Apress, New York, 2001.
三、 網頁資料
1.“Task-Centered User Interface Design”, http://hcibib.org/tcuid/, 1993.
2.“Isys Information Architects, Hall of Shame”, http://www.iarchitect.com/shame.htm, 1996.
3.“Designing a Graphical User Interface, Leslie Cortes”, http://www.medicalcomputingtoday.com/0agui.html, 1997.
4.“Nielsen Norman Group”, http://www.nngroup.com/, 1998.
5.“User Interface Design and Usability”, http://www.isii.com/ui_design.html , 1999.
6.「北京大學人機交互與多媒體實驗室」, http://graphics.pku.edu.cn/, 2000.
7.“Microsoft WIA Architecture”, http://www.microsoft.com/hwdev/tech/WIA/WIA-arch.asp, 2001.
8.“ACM Interactions Magazine”, http://www.acm.org/interactions/frntpage/index.htm, 2002.
9.“Affordance”, http://web.sfc.keio.ac.jp/~masanao/affordance/home.html, 2002.
10.“Joel on Software”, http://www.joelonsoftware.com/, 2002.
11.“The Alertbox: Current Issues in Web Usability”, http://www.useit.com/alertbox/, 2002.
12.“The GUI Gallery”, http://toastytech.com/guis/, 2002.
13.「中華網 — 科技頻道」, http://tech.china.com/, 2002.
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
系統版面圖檔 系統版面圖檔