智慧型手機選單介面資訊呈現型式之設計研究｜國立臺灣科技大學博碩士論文系統

簡易檢索 / 詳目顯示

回結果列表

研究生：	陳芝菁 Chih-ching Chen
論文名稱：	智慧型手機選單介面資訊呈現型式之設計研究 The Styles of Information Representation for the User Interface Menu Design of Smart Phones
指導教授：	陳建雄 Chien-hsiung Chen
口試委員:	鄭金典 Jin-dean Cheng 賴文祥 Wen-hsiang Lai
學位類別：	碩士 Master
系所名稱：	設計學院 - 設計系 Department of Design
論文出版年：	2011
畢業學年度：	99
語文別：	中文
論文頁數：	159
中文關鍵詞：	智慧型手機、選單介面、資訊呈現、互動設計、人因工程、操作績效、使用者滿意度
外文關鍵詞：	Smart phones, Interface menu, Information representation, Interaction design, Human factors, Task performance, User satisfaction
相關次數：	點閱：344 下載：73
分享至:	分享至facebook 分享至twitter

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

隨著智慧型手機日漸普及，產品規格亦不斷推陳出新，技術能力的提升同時也刺激市場需求成長，智慧型手機及其使用者介面設計也愈來愈多樣化。在高解析度的科技下，由於色彩使用的自由度提高，足以呈現更多且更精彩的圖像，畫面也更加真實呈現，因此智慧型手機操作介面在視覺表現上也因此變得豐富。
本研究旨在確認使用者與智慧型手機操作介面之間的互動關係，依據文獻探討的理論基礎，期以人機介面設計的角度，了解使用者之心智模式，並歸納愉悅性的人機介面所需俱備的條件。利用前測所歸納出的操作介面變數配合使用者之認知模式進行模擬介面設計，加以評估並驗證，期能定義出操作績效高且愉悅感受良好之互動介面，並對未來智慧型手機選單介面資訊呈現型式之設計提供實質上的具體貢獻。
本研究成果為：（1）最適宜的智慧型手機選單介面資訊呈現型式設計，需有通用圖示並輔以文字說明，這樣的設計可以讓使用者明確找到目標指令，且通用的圖示設計可以增加畫面的活潑性及提升使用者的愉悅度；（2）介面操作的階層控制需經過嚴謹的設計，除了降低階層數之外，要因應複雜的功能選單，且讓使用者明確的了解路徑且在過程中不迷失，操作介面的容錯也必須設計在介面中；（3）智慧型手機的通用圖式設計能增加使用者的愉悅性及辨識度；（4）ICON尺寸愈大愈不會發生誤觸的現象，設計ICON尺寸需考量螢幕尺寸大小及注意階層深度的控制；（5）應考量經驗值高和經驗值低的使用族群，設計簡單易懂且富趣味的介面，讓所有使用者都能容易理解及操作。

According to the improvement of telecommunication technology and manufacturing technology, specifications of smart phone are becoming more diversified than before. We could found out that the minimalist style design concept is the mainstream from the current leading brands of smart phone. The main reason is due to skillful touch-screen application has been implemented. Additionally, high resolution and colorful screen makes the display more realistic. Convenient and intuitive user interface has been gradually replacing traditional plastic keys. Therefore, user interface (UI) design is a very important part of smart phones.
The main purpose of this study is to investigate the interaction between end-user and user interface. Based on the theory collected from various literature reviews and considerations from the human factors, the optimal elements for user interface design were generated. The author summarized these elements and adopted the concept of intuitive operation mode to help execute the simulation design for mobile phone user interface. The final result of this investigation is substantial and useful contribution for user interface design. The results are summarized as follows:
(1)Optimal user interface design must implement generic icons and related descriptions. This concept allows the end-user to search for intended targets more easily. And a colorful user interface design can enhance the end-user’s satisfaction as well.
(2)The layers of user interface have to be defined cautiously. Not only need to minimize the number of layers but also consider complex functional paths for easy-to-understand purpose.
(3)The system fault tolerance is an important consideration in designing a useful user interface.
(4)Larger icon size can help prevent users from careless touch. The ratio of the screen is also an important consideration for improving aesthetics.
(5)It is necessary to take the low experience user group into account. A user-friendly user interface should be straightforward and interesting.

中文摘要   ..............................................i
英文摘要   ..............................................ii
謝誌   ..................................................iii
目錄   ..................................................iv
圖目錄   ................................................vii
表目錄   ................................................ix

第一章 緒論      ........................................1
1.1 研究背景與動機   ....................................1
    1.2 研究目的  .......................................4
    1.3論文組織與架構  ..................................5
    1.4研究範圍與限制  ..................................7

第二章 文獻探討   .......................................8
2.1 智慧型手機   ........................................11
        2.1.1智慧型手機發展趨勢 .........................11
        2.1.2 觸控螢幕   ................................13
    2.2使用者介面   .....................................17
       2.2.1手機互動介面  ...............................17
       2.2.2 GOMS與物件互動模式   .......................18
       2.2.3圖形化使用者介面設計原則 ....................19
    2.3人機介面與互動設計................................21
    2.4介面使用性評估   .................................22
       2.4.1使用性工程 ..................................23
       2.4.2使用性評估方法   ............................23
       2.4.3介面設計原則及評估   ........................25
    2.5 愉悅性   ........................................25
    2.6 圖像傳播  .......................................27
    2.7認知心理學  ......................................30
    2.8文獻探討小結   .................................. 32

第三章研究方法與實驗設計   ..............................33
3.1 觀察及訪談   ........................................33
3.2 調查分析  ...........................................34
3.3前導測試   ...........................................34
3.4 實驗設計  ...........................................34
3.5 實驗結果與分析  .....................................35

第四章 智慧型手機介面現況分析與前導實驗   ...............36
4.1 智慧型手機現況   ....................................36
   4.1.1 資料匯集    ....................................36
   4.1.2 智慧型手機介面分析  ............................38
   4.1.3 觀察內容及分析小結   ...........................41
    4.2 研究方法與實驗說明    ...........................42
       4.2.1實驗設計及問卷    ...........................42
       4.2.2調查與訪談   ................................42
       4.2.3智慧型手機實驗樣本   ........................43
       4.2.4 實驗介面樣本分析  ..........................44
       4.2.5 實驗任務分析   .............................46
       4.2.6 實驗流程說明   .............................47
       4.2.7 受測者資料分析  ............................47
       4.2.8 受測者使用現況調查   .......................49
       4.2.9智慧型手機操作任務受測者效應檢定實驗結果.....49
4.3使用者互動滿意度分析   ...............................59
   4.3.1 SUS系統使用性尺度量表討論   ....................62
   4.3.2實驗及操作現行產品分析小結   ....................63

第五章 模擬實驗與結果分析................................65
5.1 模擬介面原型設計   ..................................65
    5.2 問卷設計   ......................................75
5.3 受測者樣本   ........................................78
    5.4 實驗任務設計   ..................................83
    5.5模擬介面任務操作及實驗資料分析   .................85
       5.5.1 執行任務時間績效分析   .....................85
       5.5.2  SUS系統使用性尺度評量表分析  ..............100
       5.5.3  NASA-TLX評量表分析  .......................102
       5.5.4  使用者滿意度QUIS評量表分析   ..............112

第六章 結論與建議   .....................................119
6.1 研究結果   ..........................................119
       6.1.1智慧型手機介面現況分析與前導實驗結果整理   ..119
       6.1.2智慧型手機模擬介面選單研究結果重點整理   ....121
6.2 結論與後續發展建議 ..................................125

參考文獻   ..............................................128

附錄
       1. 附錄一 第一階段問卷   .........................133
       2. 附錄二 第二階段問卷   .........................137

                                

參考文獻
1.Black, A. and Buur, J. (1996). Making solid user interfaces work. Information Design Journal, 8(2), 99-108.
2.Craik, K. J. W. (1943). The Nature of Explanation. New York, NY: Cambridge University Press.
3.GTOUCH（2009）。取自：http://www.gtouch.com.tw/
4.Hegarty, M., & Just, M. A. (1993). Constructing mental models of machines from text and diagrams. Journal of Memory and Language, 32, 717–742.
5.Horton, W. (1994). The Icon Book. New York, NY: John Wiley & Sons.
6.John, B. E. (2003). Information processing and skilled behavior. In J. M. Carroll (Eds.), HCI Models, Theories, and Frameworks (pp.17-44). San Francisco, CA：Morgan Kaufmann.
7.Johnson-Laird, P. N. (1983). Mental Models: Toward a Cognitive Science of Language, Inference and Consciousness. Cambridge, England: Cambridge University Press.
8.Jones, M., & Marsden, G. (2006). Mobile Interaction Design. West Sussex, England: John Wiley & Sons.
9.Jordan, P. W. (1996). Human factors for pleasure in product use. Applied Ergonomics, 29, 25-33.
10.Kristof, R., & Satran, A. (1995). Interactivity by Design. Mountain View, CA: Adobe Press.
11.Larkin, J. H. & Simon, H. A. (1987). Why a diagram is (sometimes) worth ten thousand words. Cognitive Science, 11, 65-99.
12.Laurel, B. (Ed.). (1990). The Art of Human-Computer Interface Design. New York, NY: Addison-Wesley.
13.Marcus, A. (2001). Babyface design for mobile devices and web. In M. J. Smith, and S. Gavriel (Eds.). Proceedings Vol.2 Human-Computer Interface Internat (HCII) Conference (pp.514-518). New Orleans, LA: Lawrence Erlbaum Associates.
14.Marcus, A., Ferrante, J. V., Kinnunen, T., Kuutti, k., & Sparre, E. (1998). Baby faces: user-interface design for small displays (pp.18-23). New York, NY: ACM.
15.Moggridge, B. (2007). Design interactions. Cambridge, MA: The MIT Press.
16.Mullet, K., & Sano, D. (1995). Designing Visual Interfaces: Communication Oriented Techniques. Englewood Cliffs, NJ: Prentice Hall.
17.Nielsen, J. (1993). Usability Engineering. New York, NY: Academic Press Ltd.
18.Norman, D. (1998). The Design of Everyday Things. New York: Doubleday.
19.Norman, D. A.（2004）Emotional Design: Why We Love (or Hate) Everyday Things. New York: Basic Books.
20.Paivio, A. (1986). Mental Representations. New York, NY: Oxford University Press.
21.Peddie, J. (1992). Graphical User Interface and Graphic Standards. New York, NY: McGraw-Hill.
22.Raskin, J. (2000). The Humane Interface: New Directions for Designing Interactive Systems. Boston, MA: Addison-Wesley.
23.Rogers, C. R. (1989). This is me. In H. Kirschenbaum & V. L. Henderson (Eds.), The Carl Rogers Reader (pp. 6-28). Boston, MA: Houghton Mifflin.
24.Shneiderman, B. (1998). Designing the User Interface (3rd Ed.). Reading, MA：Addison-Wesley.
25.Tiger, L.（1992）. The Pursuit of Pleasure. Boston, MA: Little Brown.
26.Tractinsky, N. (1997). Aesthetics and apparent usability: Empirically assessing cultural and methodological issues. CHI' 97 Proceedings of the SIGCHI conference on Human factors in Computing Systems. New York, NY: ACM.
27.小ㄤ（2011年1月6日）。2010年手機網友討論與品牌偏好分析【討論群組】。取自：
http://www.sogi.com.tw/newforum/article_list.aspx?topic_ID=6150705
28.李世忠（1998）。電腦教學軟體介面設計。台北：利威。
29.李青蓉（1997）。人機介面設計。台北：空中大學。
30.李青蓉、魏丕信、施郁芬、邱昭彰（1998）。人機介面設計。台北：國立空中大學。
31.林榮泰（1993）。評估圖像符號方法的研究。明志工專學報，25，239-256。
32.洪淑賢（2004年1月8日）。TRI：智慧型手機需重新定義以突破成長瓶頸【電子工程專輯】。取自：
http://www.eettaiwan.com/ART_8800327081_617739_NT_5ac97a69.HTM
33.翁鵲嵐、鄭玉屏、張志傑（譯）（2005）。情感設計（原作者：Norman, D. A.）。台北：田園城市。（原著出版年：2000）
34.張一岑（1997）。人因工程學。台北：揚智文化。
35.張宏睿、曾誰我（2008）。3D繪圖軟體介面圖像設計之探討。工業設計，36(1)，64-71。
36.梁燕蕙（2011年3月17日）。蘋果高居2010年全球智慧型手機銷售額第一名【DIGITIMES】。取自：
http://www.digitimes.com.tw/tw/dt/n/shwnws.asp?CnlID=1&cat=60&cat1=20&id=0000224335_STX2E6E84KN0AU4NUOE61&ct=1
37.莊錦昌（2001）。網頁介面使用性之探討與意象之研究（未出版碩士論文）。國立成功大學，台南。
38.速橋（2010年9月14日）。智慧型手機【DJ財經知識庫】。取自：
http://www.funddj.com/KMDJ/Wiki/WikiViewer.aspx?KEYID=cf745714-3942-4786-86b1-15e117c5dc01
39.陳依君（2003）。產品愉悅感的模式語言（未出版碩士論文）。國立台北科技大學，台北。
40.陳建雄（譯）（2006）。互動設計（原作者：J. Preece, Y. Rogers, & H. Sharp）。台北：全華科技。（原著出版年：2002）
41.陳建雄、邱柏清、陳尤澤（2002）。產品愉悅性設計構想展開數位化之探討。工業設計，30(2)，170-175。
42.陳建雄、邱柏清、蔡佳穎（2004）。使用者後設認知策略在互動介面愉悅性設計之研究(II)。九十二年度國科會工業工程與管理學門專題研究計劃成果發表會論文集(光碟版)。雲林科技大學。1-15。(NSC 92-2213-E-011-046)
43.陳建豪（譯）（1998）。人機介面與互動入門：電腦之人因工程（原作者：Preece, J.）。台北：和碩科技文化。（原著出版年：1993）
44.陳烜之（1995）。認知心理學。台北：五南。
45.陳彩虹（2003）。使用者對於手機功能需求與圖像辨識度之研究（未出版碩士論文）。國立雲林科技大學，雲林。
46.黃中宏（2003）。PDA小螢幕圖示配置與資訊呈現視認性之相關研究（未出版碩士論文）。東海大學，台中。
47.管倖生、阮綠茵、王明堂、王蘭亭、李佩玲、高新發、黃鈴池、黃瑞菘、陳思聰、陳雍正、張文山、郭辰嘉、楊基昌、楊清田、董皇志、童鼎鈞、鄭建華、盧麗淑（2009）。設計研究方法。台北：全華科技。
48.維基百科（無日期）。智慧型手機，取自：
http://zh.wikipedia.org/wiki/%E6%99%BA%E6%85%A7%E5%9E%8B%E6%89%8B%E6%A9%9F
49.蔡登傳、宋同正（譯）（1996）。產品設計的人因工程（原作者：Cushman, W. H. & Rosenberg, D. J.）。台北：六合。（原著出版年：1991）
50.鄭昭明（1993）。認知心理學。台北：桂冠圖書。
51.鄭統政（2004）。以象徵、明喻、暗喻進行網路首頁圖像設計之研究（未出版碩士論文）。大同大學，台北。
52.蕭淑芳（2004）。電腦繪圖軟體圖像設計形式對圖像意義傳達影響之研究（未出版碩士論文）。國立成功大學，台南。
53.賴佳宏（2006）。行動電話圖示動態之意象認知與最適化設計之研究（未出版碩士論文）。國立雲林科技大學，雲林。
54.韓叢耀（2005）。圖像傳播學。台北：威仕曼文化。
55.羅文嘉（2008）。配對模式與詞語修辭學技巧應用–以電子書閱讀器圖像設計為例（未出版碩士論文）。大同大學，台北。

簡易檢索 / 詳目顯示

相關論文