簡易檢索 / 詳目顯示

研究生: 賴國烊
Kuo-Yang Lai
論文名稱: 行動裝置之新聞性應用程式介面導覽選單模式之設計研究
A Study on the Interface Navigation Mode of News Application for Mobile Devices
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 柯志祥
Chih-Hsiang Ko
呂佳珍
Chia-Chen Lu
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2015
畢業學年度: 103
語文別: 中文
論文頁數: 124
中文關鍵詞: 新聞性應用程式導覽選單模式介面使用性使用者經驗
外文關鍵詞: News application, Navigating menu mode, Interface usability, User experience
相關次數: 點閱:224下載:22
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 行動裝置之新聞媒體的平台是近年來重視的研究議題。因此如何保持操作行為的一致性、統整各種新聞分類與介面易用性的設計,才能夠讓使用者更有效率的操作與快速找到所想要的新聞內容。本研究以過去相關研究文獻為基礎,利用現有新聞性 APP的實驗測試,歸納出行動裝置介面設計與新聞媒體之特性,並且加以統整與改良其介面與操作模式,發展出三種不同的導覽選單模式,以便利抽樣的方式挑選出實驗對象,採2「使用者經驗高低」x 3「導覽選單模式」之雙因子實驗方式進行,歸納並探討三種不同的導覽選單模式於使用者在行動閱讀時,對操作績效的影響。研究結果發現:(1)使用者在進行任務操作時,以「頂部滑動式導覽選單」最適合使用者快速切換新聞類別,並在較短的時間內完成設定任務,相較於另外兩種的導覽選單而言,使用者對於介面設計與好感度也同樣是最高;(2)不同的導覽選單模式對於新聞性 APP 的操作影響程度,大過於經驗高低的影響力,因此在選單模式設計上的操作模式能更符合使用者真正的需求與擁有更高的學習性,才能減少使用者操作的困擾;(3)「頂部滑動式導覽選單」的設計模式,有助於軟體類別與其他功能的整合,讓使用者可以更快速地瞭解整個軟體的操作模式。未來研究也能基於本研究結果,進行相關的應用與更深入的研究。


    The media platform of mobile devices is a popular research topic in recent years. Therefore, it is important to maintain consistency in the operating behavior, integration of various news classification, and ease of use interface design to help users effectively conduct task operations and quickly locate desired news content.
    In this study based on past research studies, the author conducted experimental tests of the existing news applications to help sum up the design and characteristics of the media platform of mobile device user interfaces, and to investigate their systems and users interface of various task operating modes. After that, three different navigation menu modes were created to facilitate the research of two-factor experiments, i.e., 2 "level of user experience" x 3 "navigation menu mode" were summarized and discussed with users’s task performance. The results of study showed that: (1) In testing process, the top of the slide-type navigation menu was the most suitable design to help quickly switch news category and participants can complete tasks in a short period of time. Compared to the other two kinds of navigation menus, participants prefer to interact with this type of user interface design than others. (2) Different kinds of navigation menu modes might have different impacts on news applications, and as long as the navigation menu design could meet users' needs, it might result in higher learnability for reducing obsession in participants' operations. (3) Design style of the top of slide-type navigation menu could help integrate software category and other functions, so that participants could quickly understand the overall software operating process. Further research can be conducted based on the results of this study to help create more in-depth real world applications.

    目錄 摘要 i Abstract ii 圖表索引 viii 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 3 1.3 研究流程 5 1.4 研究範圍與限制 7 第二章 文獻探討 8 2.1 數位新聞 8 2.1.1 電子新聞的定義 8 2.1.2 台灣電子新聞發展與現況 9 2.1.3 電子新聞的服務品質與顧客忠誠度 11 2.1.4 媒體可信度 12 2.2 行動閱讀 14 2.2.1 數位閱讀的發展 14 2.2.2 行動閱讀裝置的應用與發展 15 2.3 人機互動 17 2.3.1 互動性的意涵 17 2.3.2 互動設計 17 2.3.3 人機介面 19 2.3.4 使用者為中心的設計 24 2.4 智慧行動設計 26 2.4.1 智慧型手機 26 2.4.2 行動應用程式 26 2.4.3 行動裝置介面 28 第三章 研究方法與進行步驟 29 3.1 研究方法 29 3.2 研究架構與流程 29 第四章 前導性實驗 32 4.1 受測樣本 32 4.1.1 受測樣本 A : 東森新聞雲 32 4.1.2 受測樣本 B : 台灣蘋果日報 33 4.1.3 受測樣本 C : udn News 34 4.2 實驗設備 35 4.3 受測者分析 36 4.4 前導性實驗設計 39 4.5 前導性實驗設計結果分析 41 4.5.1 計時任務績效分析 41 4.5.2 事後訪談整理 54 4.6 前導性實驗研究結論 55 第五章 驗證實驗 58 5.1 實驗設計 58 5.1.1 實驗研究變項 58 5.1.2 新聞性 APP 模擬樣本設計與說明 60 5.1.3 自變項:導覽選單模式說明 62 5.1.4 新聞性 APP 使用性之實驗問卷分析 64 5.2 受測者分析 67 5.3 新聞性 APP 實驗結果分析 69 5.3.1 操作任務績效分析 70 5.3.2 任務一操作任務時間績效分析:切換新聞分類 71 5.3.3 任務二操作任務時間績效分析:會員登入與評論 75 5.3.4 任務三操作任務時間績效分析:社群分享與收藏 79 5.3.5 任務四操作任務時間績效分析:使用者偏好設定 83 5.3.6 任務五操作任務時間績效分析:新聞搜尋功能 87 5.4 使用者主觀感受量表(USE)分析 91 5.4.1 使用者主觀感受量表(USE):滿意度 92 5.4.2 使用者主觀感受量表(USE):互動性 93 5.4.3 使用者主觀感受量表(USE):視覺性 98 5.4.4 使用者主觀感受量表(USE):學習性 100 5.5 事後訪談整理分析 102 第六章 研究結論與建議 103 6.1 研究成果 103 6.1.1 新聞性 APP 介面使用性之前導性實驗結果 103 6.1.2 實驗設計與驗證結果 104 6.2 後續研究發展與建議 107 6.2.1 研究結論與建議 107 6.2.2 後續研究發展建議 108 參考文獻 110 一、 中文參考文獻 110 二、 英文參考文獻 113 附錄A:前導性實驗問卷 118 附錄B:驗證實驗問卷 120 圖表索引 表1.1 台灣主流新聞媒體進駐 Apple store 概況 4 表2.1 2014 台灣電子新聞網站排名 10 表2.2 E-S-QUAL 量表之構面 12 表2.3 E-RecS-QUAL 量表之構面 12 表2.4 網路新聞媒體可信度影響原因 13 表2.5 網路新聞媒體可信度影響原因 15 表2.6 人機介面的定義 20 表2.7 網路互動介面設計六原則 21 表2.8 互動介面設計模式 22 表2.9 介面設計原則 23 表2.10 智慧型手機之定義 26 表3.1 本實驗之實驗流程表 31 表4.1 新聞性 APP 測試樣本列表 32 表4.2 前導性實驗任務受測者分析表 37 表4.3 前導性實驗任務操作內容目的說明表 40 表4.4 各任務操作時間績效之敘述統計 41 表4.5 前導性實驗任務一操作說明 42 表4.6 任務二之 Scheffe 事後檢定統計結果 44 表4.7 前導性實驗任務二操作說明 44 表4.8 前導性實驗任務三操作說明 47 表4.9 任務四之 Scheffe 事後檢定統計結果 49 表4.10 前導性實驗任務四操作說明 49 表4.11 任務五之 Scheffe 事後檢定統計結果 51 表4.12 前導性實驗任務五操作說明 52 表4.13 受測者閱讀手機新聞的原因 55 表5.1 2x3 雙因子實驗分組方式 59 表5.2 模擬樣本介面說明表 61 表5.3 新聞性 APP 模擬介面之任務內容與任務目的 65 表5.4 新聞性 APP 模擬介面之任務流程 66 表5.5 驗證實驗任務受測者分析表 67 表5.6 操作任務時間績效之雙因子 ANOVA 變異數分析表 70 表5.7 任務一任務操作時間績效之敘述統計 72 表5.8 任務一任務操作時間績效之雙因子變異數 ANOVA 分析結果 72 表5.9 任務一任務操作導覽選單模式 Scheffe 事後檢定結果 73 表5.10 任務二任務操作時間績效之敘述統計 77 表5.11 任務二任務操作時間績效之雙因子變異數 ANOVA 分析結果 77 表5.12 任務二操作任務導覽選單模式 Scheffe 事後檢定結果 78 表5.13 任務三任務操作時間績效之敘述統計 81 表5.14 任務三任務操作時間績效之雙因子變異數 ANOVA 分析結果 81 表5.15 任務三任務操作導覽選單模式 Scheffe 事後檢定結果 83 表5.16 任務四任務操作時間績效之敘述統計 85 表5.17 任務四任務操作時間績效之雙因子變異數 ANOVA 分析結果 85 表5.18 任務四任務操作導覽選單模式 Scheffe 事後檢定結果 87 表5.19 任務五任務操作時間績效之敘述統計 88 表5.20 任務五任務操作時間績效之雙因子變異數 ANOVA 分析結果 89 表5.21 任務五任務操作導覽選單模式 Scheffe 事後檢定結果 90 表5.22 使用者主觀感受量表(USE)之雙因子變異數 ANOVA 分析結果 91 表5.23 使用者主觀感受量表(USE)滿意度之敘述統計 92 表5.24 使用者主觀感受量表(USE)滿意度之雙因子變異數 ANOVA 分析結果 93 表5.25 使用者主觀感受量表(USE)互動性之敘述統計 94 表5.26 使用者主觀感受量表(USE)互動性之雙因子變異數 ANOVA 分析結果 94 表5.27使用者主觀感受量表(USE)互動性之 Scheffe 事後檢定結果 95 表5.28 使用者主觀感受量表(USE)視覺性之敘述統計 98 表5.29使用者主觀感受量表(USE)視覺性之雙因子變異數 ANOVA 分析結果 99 表5.30 使用者主觀感受量表(USE)學習性之敘述統計 100 表5.31 使用者主觀感受量表(USE)學習性之雙因子變異數 ANOVA 分析結果 101 表6.1 前導性實驗各任務操作績效敘述統計 104 表6.2 操作任務時間績效之顯著差異結果一覽表 105 表6.3「USE」量表之顯著差異結果一覽表 106   圖1.1 研究架構流程圖 7 圖2.1 心理認知細部過程 18 圖 2.2 設計者和使用者的心智模式 25 圖 2.3 使用者心智模式 25 圖 4.1 東森新聞雲 新聞性 APP 介面功能介紹 33 圖 4.2 台灣蘋果日報 新聞性 APP 介面功能介紹 34 圖 4.3 udn News 新聞性 APP 介面功能介紹 35 圖 4.4 實驗設備 NEW HTC One 36 圖 4.5 東森新聞雲任務一示意圖 42 圖 4.6 台灣蘋果日報任務一示意圖 43 圖 4.7 udn News 任務一示意圖 43 圖 4.8 東森新聞雲 任務二示意圖 45 圖 4.9 台灣蘋果日報 任務二示意圖 45 圖4.10 udn News 任務二示意圖 46 圖 4.11 東森新聞雲 任務三示意圖 47 圖 4.12 台灣蘋果日報 任務三示意圖 48 圖 4.13 udn News 任務三示意圖 48 圖 4.14 東森新聞雲任務四示意圖 50 圖 4.15 台灣蘋果日報任務四示意圖 50 圖 4.16 udn News任務四示意圖 51 圖 4.17 東森新聞雲任務五示意圖 52 圖 4.18 台灣蘋果日報任務五示意圖 53 圖 4.19 udn News任務五示意圖 53 圖5.1 側邊滑出式導覽選單示意圖 62 圖5.2 頂部滑動式導覽選單示意圖 63 圖5.3 底部固定式導覽選單示意圖 64 圖5.4 任務一「切換新聞分類」之操作流程說明 71 圖5.5 任務一「使用者經驗與導覽選單模式」交互作用圖 75 圖5.6 任務二「會員登入與評論」之操作流程說明 76 圖5.7 任務三「社群分享與收藏」之操作流程說明 80 圖5.8 任務四「使用者偏好設定」之操作流程說明 84 圖5.9 任務五「新聞搜尋功能」之操作流程說明 88 圖5.10 驗證實驗樣本之「導覽選單模式」示意圖 92 圖5.11「側邊滑出式導覽選單」選單示意圖 96 圖5.12「頂部滑動式導覽選單」選單示意圖 96 圖5.13使用者主觀感受量表(USE)互動性之交互作用圖 97 圖6.1 「頂部滑動式導覽選單」搜尋功能示意圖 108

    [1]Jenny Preece 著,陳建豪譯(1998)。人機介面與互動入門。和碩科技文化。
    [2]Jennifer Preece、Yvonne Rogers & Helen Sharp 著,陳建雄譯(2006)。互動設計。全華科技。
    [3]王中一(2011)。台灣智慧手機銷售倍增。工商時報。
    [4]方裕民(2003)。人與物的對話。田園城市。
    [5]李郁桂(2001)。資訊通信產品圖像介面使用性之評估研究。國立臺北科技大學碩士論文。
    [6]呂明珠(1996)。報紙資料庫在圖書館所扮演的角色。圖書與資訊學刊,19,75-87。
    [7]呂明哲(2002)。掃瞄器不同視覺風格介面之設計。國立交通大學碩士論文。
    [8]林育如(2012)。行動閱讀之資訊呈現方式對於學習者專注力、閱讀理解與認知負荷之影響研究。國立政治大學圖書資訊與檔案學研究所碩士論文。
    [9]吳素華(2010)。Find 市場情報。台灣民眾主要電子書閱讀裝置是PC,有3%使用者只看電子書。上網日期:2011 年3 月27 日。網址:http://www.find.org.tw/find/home.aspxpage=many&id=272
    [10]周晉生(1997)。台灣電子報初探──中時電子報個案研究。世新大學大眾傳播研究所碩士論文。
    [11]姚頌柏(2006)。電子報的經營與商業模式。行政院新聞局2006出版年鑑。
    [12]郭建明、黃偉傑(2011)。軟體開發評估模式-以Apple App Store 軟體為例。資訊管理科學,4(2)頁。
    [13]陳彥豪(1995)。將你的心情接在我的線路上-電腦資訊網路上的「電子報」業初探。 國立台灣大學新聞研究所碩士論文。
    [14]陳柏霖、洪兆祥、余民寧(2013)。網路閱讀態度、網路閱讀行為及網路閱讀素養之橫斷面研究。教育科學研究期刊,58(3)頁,23-50。
    [15]陳燕珩(2012)。手機新聞崛起-初探台灣手機新聞性 APP 之使用現況。中華傳播學會。
    [16]陳建文、洪嘉蓉(2005)。服務品質、顧客滿意度與忠誠度關係之研究─以ISP為例。電子商務研究,3(2)頁,153-172。
    [17]馮嘉慧(2006)。數位家庭影音介面使用性評估之研究。國立臺灣科技大學創新設計研究所碩士學位論文。
    [18]黃錦祥(2004)。網路新聞媒體可信度:構面、評價及影響因素之探討。資訊管理學報,11(2)頁。
    [19]翟本瑞。(2001)。網路閱讀與行為模式改變的社會學考察。網路社會學通訊期刊,14頁。
    [20]蔡佳如(1999)。從「區位理論」探討網路電子報對台灣媒體隻影響-以閱聽人資源角度分析之。國立交通大學傳播研究所論文。
    [21]蔡淑如(2000)。新聞網站互動性功能設計與使用者感知行為初探–以聯合新聞網為例。國立交通大學傳播研究所論文。
    [22]鄧友清(2000)。以使用性為訴求的國中數學網路教學介面之研究。大葉大學資訊管理研究所論文。
    [23]劉仲炬、阮薏樺(2013)。智慧型行動裝置App應用程式使用者知覺價值與滿意度關聯之研究:使用動機為干擾效果。2013年輔仁管理評論,21(1)頁。
    [24]劉倚帆(2011)。初探智慧型手機如何改變社會時空經驗。國立交通大學傳播研究所論文。
    [25]賴宏仁、梁定澎(1998)。台灣網路電子報之發展。1998 傳播管理新思研討會論文。高雄中山大學傳播管理研究所。
    [26]Anderson, E. M. & Sullivan, M. W. (1993). The antecedents and consequences of customer satisfaction for firms. Marketing Science, 12, 125-143.
    [27]Bitner, M. J. (1990). Evaluating service encounters: the effects of physical surrounding and employee response, Journal of Marketing, 54, 69-82.
    [28]Chen. (1986). Effects of reading span and textual coherence on rapid-sequential reading. Memory & cognition, 14(3), 202-208.
    [29]Coiro, J. (2006). Exploring changes to reading comprehension on the Internet: Paradoxes and possibilities for diverse adolescent readers (Unpublished doctoral dissertation). University of Connecticut, Storrs, CT.
    [30]Deuze & Millison (1999). Journalism and the net: Thinking about global standards. [ On-line ] Avalable:http://home.pscw.uva.nl/deuze/pub15.htm
    [31]Dillon, A., Richardson, J., & McKnight, C. (1990). The effect of display size and text splitting on reading lengthy text from screen. Behaviour and Information Technology, 9(3), 215-227.
    [32]Dyson, M. C., & Kipping, G. J. (1998). The Effects of Line Length and Method of Movement on Patterns of Reading from Screen. Visible Language, 32(2),150–81.
    [33]Eisenhardt K. M. (1989). Building Theories from Case Study Research. Academy of Management Review, 14(4), 523-550.
    [34]Everett M. (1986). Communication Technology. New York, NY: The Free Press.
    [35]Gaziano, C. (1988). How Credible Is the Credibility Crisis. Journalism Quarterly, 65, 267-278.
    [36]Griffith, D. A. & Krampf, R. F. (1998). An examination of the web-based strategies of the top 100 U.S. retailers. Journal of Marketing Theory and Practice, 6, 12-23.
    [37]Graham, L. (1998). Principles of interactive design. Delmar Cengage Learning.
    [38]Granaas, M. M., McKay, T. D., Laham, D. R., Hurt, L. D., & Juola, J. F. (1984). Reading moving text on a CRT screen. [39]Human Factors: The Journal of the Human Factors and Ergonomics Society, 26(1), 97–104.
    [40]Ha, L., & James, E. L. (1998). Interactivity Re-examined: A Baseline Analysis of Early Business Web Sites. Journal of Broadcasting and Electronic Media, 42, 457-474.
    [41]Heeter, C. (1989). Implications of New Interactive Technologies for Conceptualizing Communication. Lawrence Erlbaum, 217-235.
    [42]Nielsen, J. (1993). Usability Engineering. Morgan Kaufmann 1e.
    [43]Tidwell, J. (2012). Designing Interface. O'Reilly Media 2e.
    [44]Jones, M., Marsden, G., Mohd-Nasir, N., Boone, K., & Buchanan, G. (1999). Improving Web interaction on small displays. Computer Networks, 31(11-16), 1129–1137.
    [45]Juola, J. F., Tiritoglu, A., & Pleunis, J. (1995). Reading text presented on a small display. Applied Ergonomics, 26(3), 227–229.
    [46]Kevin K. & Chu. W. (2001). Users with SmallScreens-Less than 640x480. Principles and strategies for practitioners designing universally usable sites.
    [47]Kang, T. J., & Muter, P. (1989). Reading dynamically displayed text. Behavior & Information Technology, 8(1), 33–42.
    [48]Kristof, R.& Satran, A. (1995). Interactivity by Design. Adobe Press.
    [49]Krug, S. (2009). Don't Make Me Think: A Common Sense Approach to Web Usability. New Riders 1e.
    [50]Kurniawan, S. H., & Zaphiris, P. (2001). Reading online or on paper: Which is faster? Proceedings of the 9th International Conference on Human Computer Interaction, New Orleans, LA, 220-222.
    [51]Larson, L. C. (2010). Digital readers: The next chapter in e-book reading and response. The Reading Teacher, 64(1), 15-22.
    [52]Leu, D. J., Kinzer, C. K., Coiro, J. & Cammack, D. (2004). Theoretical models and processes of reading, 5(1),1568-1611 . Newark, DE: International Reading Association.
    [53]Light, A. & Rogers, Y. (1999). Conversation as publishing: the role of news forums on the web. Journal of Computer Mediated Communication, 14(4)[ On-line ] Available:http://www.ascusc.org/jcmc/vol14/issue4/light.html
    [54]Marcus A. (2001).Cross-Cultural User Interface Design, Proceeding of the 2001 Human-Computer Interface Internet Conference, New Orleans, LA.
    [55]Massey, B. L., & Levy, M. R. (1999). Interactivity, Online Journalism, and English-Language Web Newspapers in Asia. Journalism and Mass Communication Quarterly , 76,138-151.
    [56]Millison D. (1999). Online journalism FAQ. [ On-line ] Avalable:http://www.online-jounalist.com/faq.html
    [57]Mok, C. (1996). Designing business. San Jose: Adobe Press.
    [58]Morris, M. & Ogan, C. (1996). The internet as mass audience. Journal of Communication 46(1),39-50.
    [59]Norman, D. A. (1988). The Psychology of Everyday Things. New York: Basic Books.
    [60]Ogan, C. (1993). Listserver Communication During the Gulf War: What Kind of Medium is the Electronic Bulletin Board. Journal of Broadcasting and Electronic Media, 37(2), 177-196.
    [61]Parasuraman, A., Zeithaml, V.A. & Berry, L. L. (1988). SERVQUAL: A multiple-item scale for measuring consumer perceptions of service quality. Journal of Retailing, 64(1), 12-40.
    [62]Parasuraman, A., Zeithaml, V.A. & Malhotra,A. (2005). E-S-QUAL: A multiple-item scale for assessing electronic service quality. Journal of Service Research, 7(3), 213-233.
    [63]Levinson P. (2009). New New Media, Pearson Education: Allyn & Bacon
    [64]Pavlik, J. V. (1997). The future of online journalism, Columbia Journalism Review, [ On-line ] Available:http://www.cjr.org
    [65]Piolat, A., Roussey, J. Y., & Thunin, O. (1997). Effect of screen presentation on text reading and revising. Interational Journal of Human-Computer Studies, 47(4), 565-589.
    [66]Rahman, T., & Muter, P. (1999). Designing an interface to optimize reading with small display windows. Human Factors: The Journal of the Human Factors and Ergonomics Society, 41(1), 106.
    [67]Rayport, J.F., Watson,R. T. & Kavan, C. B. (2001). New York:E-commerce. MeGraw-Hill.
    [68]Reidenbach, R. E. & Sandifer-Smallwood, B. (1990). Exploring perceptions of hospital operations by a modified SERVQUAL approach, Journal of Health Care Marketing, 10, 47-55.
    [69]Roger, E. M. (1986). Communication technology: The new media in society. New York: Free Press.
    [70]Sanchez, Christopher A., & Branaghan, R. J. (2011). Turning to learn: Screen orientation and reasoning with small devices. Computers in Human Behavior, 27(2), 793–797.
    [71]Steuer J.(1992), Defining Virtual Reality: Dimensions Determining Telepresence. Journal of Communication, 42(4), 73-93.
    [72]Tidwell, J. (2009). Designing Interfaces: Patterns for Effective Interaction Design, O'Reilly Media, 11-19.
    [73]Triffett C. & Toia L. (2002). Online news: an examination of this new media and its implications for the future. [On-line] Availbable.
    [74]Williams, F., Rice, R. R., & Rogers, E. M. (1988). Research methods and the new Media. New York: Free Press.
    [75]Woodside, A. G., Frey, L. L. & Daly, R. T. (1989). Linking service quality, customer satisfaction, and behavioral. Journal of health care marketing, 9, 5-17.
    [76]Zeithaml, V. A., Parasuraman, A. & Malhorta, A. (2002). Service quality delivery through web sites: A critical review of extant knowledge, Journal of the Academy of Marketing Science, 30, 362-375.

    QR CODE