簡易檢索 / 詳目顯示

研究生: 阮惠平
Hui-ping Juan
論文名稱: 使用者經驗在行動即時通訊程式版面設計之研究
The Study of User Experience on the Layout Design of Mobile Instant Message Application
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 鄭金典
Jin-Dean Cheng
賴文祥
Wen-Hsiang Lai
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2015
畢業學年度: 103
語文別: 中文
論文頁數: 134
中文關鍵詞: 使用行為易用性行動裝置使用者經驗即時通訊軟體版面設計社群網路服務
外文關鍵詞: Portable Device, Instant Messenger (IM), User Experience, Layout Design, Social Network Service, Usability of User Behavior
相關次數: 點閱:313下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著以手持行動裝置作為社交平台逐漸普及化,因此本研究目的在探討即時通訊程式APP介面設計之使用情況。本研究前測以Apple store三款下載率最高、最為台灣大眾廣泛使用的即時通訊程式程式APP做為前測試樣本,研究方法為先讓受測者操作測試任務之後填寫問卷,再將實驗所得之相關數據進行分析。此次研究採用雙因子變異數分析,並以SPSS加以探討操作績效與互動滿意度,同時考量使用者體驗(多數使用者操作習慣、選單功能辨識度、按鍵大小及文字閱讀之需求),以為提供即時通訊程式程式APP介面設計提供更為完善的設計方向。
    後續依據前導性實驗的結果,採用2(使用者經驗高低)x 3(頁面導覽模式)雙因子組間實驗設計,進行版面設計模擬實驗與驗證,在實驗中需要操作時間績效、主觀感受評量(USE)以及系統使用性評量(SUS),將實驗結果做個別與整體分析探討,並提出設計建議。
    從研究資料可以歸納出下列成果:(1)「大圖示導覽模式」適合被設計於功能較多且功能與功能之間需要頻繁切換的應用,透過良好的空間導覽版面,使用者只需以感官記憶便能直覺性地操作,對於使用者的記憶負擔最低。(2) 應用程式(APP)能夠給予清楚而立即的回饋(feedback),有助於使用者使用時更自在也更有信心。(3) 個人化設定的多寡會影響使用者滿意度。讓重度使用者適時的加入自製的個人化選項,以及針對不同族群做出個人化的設定,皆更能增人們的使用意願。


    With the popularization of using portable mobile device as a social platform, the purpose of the study is to explore user experience on the layout design of mobile instant message application (App) and provide a way of improvement for layout design. "Line", "WhatsApp” and "WeChat" which are three of the most famous used Apps among users in Taiwan are selected as samples in the pre-test stage. The research method is to analyze the data generated from questionnaires that filled out by the participants after they completed the experiment. The study adopts two-way analysis of variance (two-way ANOVA) design. In addition to users’ task performance, their satisfaction of interaction was also analyzed via SPSS. Meanwhile, the study also explores user experience including interaction habit of the mobile device, distinctiveness of the function menu, size of button, and word reading requirements.
    According to the result generated from the pre-test, the study adopts experimental design with two independent variables, i.e., 2 (user experience) by 3 (page navigation mode) between subject design, to simulate the experiment regarding layout design and conduct the usability testing. Participants' task performance, USE and SUS questionnaires were also filled for further analysis to help provide design suggestions.
    Finally, the research results can be concluded as follows: (1) "Large menu" is suitable for the application with multifunction and frequent switch between functions. With a good spatial navigation layout design, users can just operate the application with intuition based on their sensory memory, and it can also minimize the user's burden of memory. (2) The clear and immediate feedback of application would help user feel more comfortable as well as confident when using the mobile service. (3) The scope of personal setting will influence user satisfaction. Users will increase their willingness to use due to the design of more personal settings they can choose. For example, heavy users can add customized items in their own interface, or various personal settings for different user groups.

    摘要 i Abstract ii 致 謝 iv 目錄 v 圖目錄 ix 表目錄 xii 1第一章 、緒論 1 1.1.研究背景 1 1.2研究動機目的 2 1.3研究範圍與限制 3 1.4研究架構與流程 4 2 第二章 、文獻探討 6 2.1使用者介面型式 6 2.1.2 介面設計原則 7 2.1.3小型顯示介面設計 9 2.2 圖像設計配對模式 (Mapping Type) 10 2.2.1 圖像傳播 (Image Communication) 10 2.2.2 圖像語言與視覺介面 11 2.3 認知心理學 13 2.3.1 視覺敏銳度 14 2.3.2物體的移動 15 2.3.3色視覺 15 2.3.4語意發展 16 2.3.5 型式與功能 16 2.4 分類學的限制 16 2.4.1語言與思考互相影響 17 2.4.2記憶的種類 17 一、感覺記憶 17 二、短期記憶 18 三、長期記憶 18 四、記憶的歷程 18 五、改善記憶 19 2.4.3設計的三個運作層次 19 2.5心智模式 20 2.5.1人類心智處理模式 22 2.5.2人機介面的溝通 22 2.5.3 易用性 23 2.5.4易用性定義 23 2.5.5 易用性 - 系統可接受度 24 2.6三種即時通訊程式的介紹 25 2.6.1即時通訊程式(Whatsapp) 25 2.6.2 即時通訊程式(LINE) 26 2.6.3即時通訊程式(WeChat) 27 3第三章 、研究方法與步驟 29 3.1研究方法 29 (1)第一階段:文獻資料統整分析 29 (2)第二階段:前導性實驗與訪談 29 (3)第三階段:實驗設計 30 (5)第五階段:結論與建議 30 4第四章、前導性實驗 31 4.1受測樣本 31 4.2前導性實驗操作任務 31 4.3前導性實驗之任務操作績效結果與分析 32 4.4小結 39 5第五章、模擬介面原型操作分析與評估 41 5.1 實驗方法 41 5.2 實驗研究變項 41 5.2.1自變項 41 5.2.2控制變項 42 5.2.3依變項 42 5.3實驗介面原型模擬樣本設計與說明 42 5.3.1 實驗介面之軟硬體設定 44 5.3.2實驗介面原型設計 45 5.4實驗問卷設計 49 5.4.1 實驗對象與流程 50 5.4.2 操作任務說明 52 5.5即時通訊程式App 使用現況調查結果與分析 57 5.6 即時通訊程式實驗結果分析 63 5.6.1操作任務時間績效分析 63 5.6.2系統使用性尺度量表(SUS)分析 79 5.6.4使用者主觀感受量表的結果與分析 90 6第六章、研究結論與建議 101 6.1 研究成果 101 6.1.1 現有即時通訊程式之前導性實驗結果 101 6.2.2 後續研究發展建議 105 附錄一 即時通訊程式應用程式前導性實驗問卷 110 3附錄二使用者主觀感受評量表 112 4附錄三系統使用性尺度量表(SUS) 113 5附錄四USE使用問卷 114 附錄五受測者參與實驗研究同意書 116 圖目錄 圖 1.1研究架構流程圖 5 圖 2.1設計運作層次 20 圖 2.2知覺到的世界 20 圖 2.3心智模式 21 圖 2.4人類心智處理模式 22 圖 2.5 Shannon模式轉換為人機介面溝通圖 23 圖 2.6 Whatsapp即時通訊程式圖 26 圖 2.7 LINE即時通訊程式圖 27 圖 2.8 WeChat即時通訊程式圖 28 圖 4.1三個即時通訊程式App 31 圖 4.2三個即時通訊程式LINE、Wechat、WhatsApp開機畫面 33 圖 4.3三個即時通訊程式LINE、Wechat、WhatsApp語音訊息 34 圖 4.4三個即時通訊程式LINE、Wechat、WhatsApp表情符號 36 圖 4.5三個即時通訊程式LINE、Wechat、WhatsApp即時共享 38 圖 5.1實驗設備 44 圖 5.2實驗設備上模擬實驗軟體之APP 45 圖 5.3頁籤式導覽介面畫面 45 圖 5.4大圖示導覽介面畫面 46 圖 5.5直列式導覽模式畫面 47 圖 5.6便利取樣受測者實驗操作圖 52 圖 5.7受試者性別與年紀比例 57 圖 5.8受試者教育程度與使用系統分布比例 58 圖 5.9使用現有各即時通訊比例與使用即時通訊經驗比例 58 圖 5.10使用即時通訊程式通訊App最主要的事項百分比例 59 圖 5.11使用即時通訊程式最喜歡哪些功能百分比例 59 圖 5.12場所使用比例百分比例 60 圖 5.13通訊的對象統計圖 61 圖 5.14持續的對話時間圖 61 圖 5.15多久與不同聯絡人對話 62 圖 5.16通訊錄中通訊群組數量 62 圖 5.17傳送照片給好友或邀請好友加入群組頻率 63 圖 5.18任務一傳送訊息給不同聯絡人之設計概念 64 圖 5.19任務一之交互作用圖 66 圖 5.20任務二傳送照片給不同聯絡人之設計概念 67 圖 5.21頁籤式與大圖示導覽模式 69 圖 5.22任務三傳送表情符號給不同聯絡人之設計概念 70 圖 5.23 直籤式與大圖示導覽模式 72 圖 5.24任務三之交互作用圖 73 圖 5.25任務四邀請好友加入通訊並傳送照片之設計概念 74 圖 5.26直籤式與大圖示導覽模式 75 圖 5.27任務五在不同聯絡人對話頁面,清除訊息任務操作之設計概念 76 圖 5.28任務五之交互作用圖 78 圖 5.29大圖示導覽模式 81 圖 5.30直列式與頁籤式導覽模式 81 圖 5.31大圖示導覽模式 84 圖 5.32大圖示與直列示導覽模式 89 圖 5.33頁籤式與大圖示與直列示導覽模式 96 圖 5.34頁籤式與大圖示與直列示導覽模式 98 圖 6.1即時通訊程式訊息提醒畫面 102

    參考文獻
    1.勵忠發,(1996),記號、藝術、情報,台北,正中書局。
    2.田中正名,(1999),視覺傳達設計,台北,六合。
    3.許勝雄、彭游、吳水丕,(1999),人因工程,蒼海書局。
    4.黃室苗(1993),產品語意學及其在設計上之應用,工業設計,第二十二卷,第三期,pp 170-174。
    5.韓叢耀,(2005),圖像傳播學,臺北,威仕曼文化。
    6.張宏睿、曾誰我 (1997),3D繪圖軟體介面圖像設計整探討,2007年明志科技大學 技術與教學研討會論文集,第6-13頁。
    7.Donald A. Norman著,翁鵲嵐、鄭玉屏、張志傑譯,(2005),情感設計,臺北,田園城市。
    8.陳烜之,(2007),認知心理學,台北,五南圖書。
    9.林榮泰,(1993),評估圖像方法的研究,明志工專學報,第二十五期,pp239~256
    10.任宗浩,(2001),心智模式動態變化之研究-物理現象的觀察與詮釋。科學教育學刊,9(2),pp 147-168。
    11.何明泉、李如菁,(1993),電腦人機介面上圖像語意之研究,成功大學工業設計研究所。
    12.余能榜,(2005),智慧型車內資訊系統介面使用性評估,工業工程與管理研究所碩士論文。
    13.楊雅淳,(2001),從使用者中心探討影視娛樂網頁介面設計原則-以電影公司網頁介面為例,銘傳大學,設計管理研究所碩士論文。
    14.Norman, D. A. (2007),卓耀宗譯,設計&日常生活:如何選擇安全好用的日常生活用品,遠流出版社。

    英文部分.
    1.Cairney, P.T. & Siess, D. (1982)."Communication Effectiveness of Symbolic Safety Signs with Difference User Groups," Applied Ergonomics, 13(2), pp.91-97
    2.Clark, E. V. (1973). What’s in a word: On the child’s acquisition of semantics in his first language. In T. E. Moore (Ed.), Cognitive development and the acquisition of language. New York: Academic Press.
    3.Collins, B.L. & Lerner, N.D. (1983). An Evaluation of Exit Symbol Visibility
    (NBSIR82-2675), Washington: National Bureau of Standards.
    4.Horton, William (1994),The Icon Book,USA, John Wiley & Sons Inc。
    5.Hegarty, M., & Just, M. A. (1993). Constructing mental models of machines from text and diagrams. Journal of Memory and Language, 32, 717-742.
    6.Snyder, H. L. (1988), "Image quality". In M. Helander (Ed.), Handbook of Human-Computer Interaction.Amsterdam: Elsevier, 437-474.
    7.Larkin, J. H., & Simon, H. A. (1987). Whya diagram is (sometimes) worth ten
    thousand words. Cognitive Science, 11, 65-99.
    8.Markman, E. M. (1989). Categorization and naming children: Problems of induction. Cambridge, MA: MIT Press.
    9.Nelson, K. (1973). Structure and strategy in learning to talk. Monographs of the Society for Research in Child Development, 38 (Whole NO. 149)
    10.Rogers, Y. (1989). Icons at the interface: their usefulness.Interacting with Computers Interacting with Computers, 1(1) 105-117.
    11.Paivio, A. (1998). Mental reoresentations:adual coding approach Oxford, England: Oxford University Press.
    12.Proctor, R. W. & Zandt, T. V. (1994).Human Factors in Sample and Complex System. Boston: Allyn and Bacon.
    13.Peirce, C. S. (1965). The collected papers of Charles Sanders Peirce. In M.Gottdiener (Eds ), Semiotics. (pp.105-135. vol 1.), London: Sage
    14.Preece, J. (1998).A Guide to Usability Human Factors in Computing, New York: Wiley Computer Publishing
    15.Wickens, C. (1992).Engineering Psychology and Human Performance, 2nd edition, Harper Collins Publishers.
    16.Shannon, C. E. (1948).A mathermatical Theory of Communication, The Bell System Technical Joumal.Vol 27, PP.379-423 (Part I)
    17.Siebert L., & Ballard, L. (1992). Making A Good Layout, Cincinnati, OH: North Light Books.

    無法下載圖示 全文公開日期 2020/01/27 (校內網路)
    全文公開日期 本全文未授權公開 (校外網路)
    全文公開日期 本全文未授權公開 (國家圖書館:臺灣博碩士論文系統)
    QR CODE