簡易檢索 / 詳目顯示

研究生: 陳力維
Li-Wei - Chen
論文名稱: 行動裝置運動紀錄應用程式介面資訊架構與背景色之設計研究
A Study on the Information Framework and Background Color of Fitness Record Interface for Mobile Application
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 柯志祥
Chih-Hsiang Ko
衛萬里
Wan-Li Wei
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2017
畢業學年度: 105
語文別: 中文
論文頁數: 216
中文關鍵詞: 運動紀錄使用者介面資訊架構背景色使用者經驗
外文關鍵詞: fitness record, user interface, information framwork, background color, user experience
相關次數: 點閱:325下載:17
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著行動網路與無線傳輸的進步改變了資訊傳播與紀錄的方式,讓過去難以產生數位紀錄的資訊有了保存的可能。本研究以行動裝置運動紀錄程式作為探討介面與體驗感受的標的,探討何種資訊架構與底色背景對比搭配對使用者之使用績效與體驗感受能達到更好的體驗,以利進一步改善運動紀錄軟體介面設計以提升使用者滿意度。
    本研究分為兩部分;(1) 使用者研究調查:對以行動裝置操作運動紀錄軟體的使用者進行訪談收集相關資訊以作為實際軟體操作之參考;現有運動紀錄軟體使用者介面調查,透過研究了解目前運動紀錄軟體介面與設計問題。(2) 驗證原型實驗:將現有運動紀錄軟體產品調查結果進行設計修正製作原型樣本進行實驗。最後將兩階段研究所得結果作為本研究之結論。
    原型驗證實驗採用3 (資訊架構) × 2 (背景底色對比)雙因子混合實驗;資訊架構共3個層級可分為:(A) 側邊窗口目錄/整頁資訊檢視:主要功能窗口為側邊滑出式,紀錄資訊以直式頁面滑動瀏覽;(B) 底部窗口目錄/單頁資訊分類檢視:主要功能窗口置於畫面底部,紀錄資訊以不須滑動的單一頁面呈現;(C) 底部窗口目錄/多頁資訊分類檢視:主要功能窗口置於畫面底部,紀錄資訊分類以多頁面的方式呈現,需捲動瀏覽與進入主頁面分類內的次頁面瀏覽各類資訊。藉由實驗收集操作績效,互動介面滿意度、使用度評估調查表 (USE)、系統使用性尺度量表 (SUS)與使用者操作體驗結果。
    研究結果:(1)資訊架構以底部窗口目錄/單頁資訊分類檢視之操作績效、使用者滿意度與使用性皆為最佳;(2)白色背景底色對比相對於黑色背景底色對比之使用者滿意度與使用性皆較佳;(3)底部窗口目錄/多頁資訊分類檢視使用者滿意度與使用性偏低且資訊架構最為複雜混亂;(4)受測者對運動紀錄資訊總覽(Summary)的資訊顯示滿意度較差;(5)地圖路徑設計以完整標示每公里里程與起點終點的形式滿意度較佳;(6)文字資訊排版、歷史日期列表與運動資訊呈現之設計必須注意使用者喜好與習慣。


    As the development of mobile networks and wireless transmission changes ways of communicating and preserving information, storage of information that could not be easily digitally recorded has been made possible. This study aimed to investigate interface and perception of mobile fitness record applications, specifically examining what types of information framework and contrast combination of background colors best enhanced users’ usage performance and experience perception, further facilitating the interface design of fitness record application to increase user satisfaction.
    This study is divided into two parts: (1) User experience research: Users operating fitness record application via mobile devices were interviewed to understand their actual software operation. User interface of existing fitness record application was also examined to probe into problems of interface and design of the given software. (2) Experiment of prototype validation: Using the examination results of existing fitness record application to modify the design of the prototype. The conclusions of the study were based on the results of the two-stage researchs.
    A 3 (information framework) × 2 (background color contrast) two-way mixed design experiment was adopted for the prototype validation. The information framework was divided into three types: (A) Side navigation menu/full-page information view: The main function menu is a slider panel, where users slid down the vertical page to view recorded information. (B) Bottom navigation menu/single-page information classification view: The main function menu is placed at the bottom, where recorded information is shown in each single page that didn’t require to be slid down. (C) Bottom navigation menu/multiple-page information classification view: The main menu is placed at the bottom, where recorded information was displayed in continuous pages. Users scrolled down to view information and entered subpages embedded in the main page classification to view all sorts of information. Multiple sources of data were collected, including operation performance, interactive interface satisfaction, USE Questionnaire, System Usability Scale (SUS), and users’ operation experience.
    The results were as follows: (1) The operation performance, user satisfaction and usability of the bottom navigation menu/single-page information classification view is the best information framework. (2) User satisfaction and usability are higher in white background contrast than in black background contrast. (3) The bottom navigation menu/multiple-page information classification view is low in user satisfaction and usability, and its information framework is the most complex and confusing one among the three frameworks. (4) The participants were not satisfied at “Summary” information of the fitness record. (5) Complete indication of mileage per kilometer and the display of Start and Finish in map route design contributed to higher user satisfaction. (6) User preferences and habits should be taken into account in the design of text information layout, history list, and sports information display.

    摘要 ii Abstract iii 致謝 v 目錄 vi 表目錄 ix 圖目錄 xvi 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 3 1.3 研究架構與流程 5 1.4 研究範圍與限制 8 第二章 文獻探討 9 2.1 運動與健康 9 2.1.1 健康 9 2.1.2 運動訓練 10 2.1.3 運動訓練的心智 10 2.2 認知心理學 11 2.3 人機介面 14 2.3.1 使用者介面設計 14 2.4互動設計 15 2.4.1 以使用者為中心的設計 15 2.4.2 使用者經驗 16 第三章 研究方法與流程 19 3.1 研究架構 19 3.2 研究方法 19 3.3 研究流程 20 第四章 前導性研究與實驗 22 4.1 運動紀錄軟體使用者訪談 22 4.1.1 訪談對象 23 4.1.2 問卷設計與訪談流程 24 4.1.3 受訪者資料 26 4.1.4 訪談紀錄與分析 26 4.1.5 訪談結果 42 4.1.6 實驗建議與規劃 46 4.2 前導性實驗-現有運動紀錄應用程式使用性實驗 47 4.2.1 實驗樣本軟體 48 4.2.2 實驗任務與任務設計 53 4.2.3 樣本任務操作流程 56 4.3 實驗設備與步驟 65 4.4 實驗對象 66 4.5 前導性實驗分析與結果 68 4.5.1 前導性實驗任務計時績效 69 4.5.2 任務操作主觀感受度量表 74 4.5.3 系統使用性尺度量表(SUS)分析 79 4.5.4 受測者感受度回饋分析 80 4.6 前導性實驗結論與建議 91 第五章 驗證研究與實驗 94 5.1 驗證研究變項 94 5.2 實驗設計 96 5.2.1 實驗任務設計 96 5.2.2 實驗樣本設計 97 5.2.3 實驗問卷設計 114 5.3 驗證實驗步驟 116 5.4 實驗對象 117 5.5 驗證實驗分析與結果 119 5.5.1 任務績效分析 119 5.5.2 操作感受度量表統計分析 128 5.5.3 使用度評估調查表分析(USE) 145 5.5.4 系統使用性尺度量表(SUS)分析 178 5.5.5 任務操作中特別感受回饋分析 180 5.6 驗證研究實驗結果 185 第六章 結論與建議 188 6.1 研究結果 188 6.1.1 實際樣本前導性研究結果 188 6.1.2 原型驗證實驗結果 193 6.2 結論建議與後續研究發展 200 6.2.1 結論與設計建議 200 6.2.2 後續研究發展建議 202 參考文獻 203 附錄一:前導性訪談問卷 206 附錄二:前導性實驗問卷 209 附錄三:設計驗證實驗問卷 213

    1. Bangor, A., Kortum, P., & Miller, J. ”Determining what individual SUS scores mean: Adding an adjective rating scale”.Journal of Usability Studies,4(3), 114-123
    2. Brooke. J. (1996). SUS: A quick and dirty usability scale. In Jordan, P. W., Thomas, B., Weerdmeester, B. A., & McClelland, A, L. (Eds.) Usability Evaluation In Industry. Londan: Taylor and Francis.
    3. Eisenhardt, K. M. (1989) Building theories from case study research. Academy of Management Review, 14 (4), 532-550
    4. Fogg, B. J. (2002). Persuasive Technology: using computers to change what we think and do. New York: Morgan Kaufmann Publishers,
    5. Garrett, J. J. (2010). The Elements of User Experience: User-centered design for the web and beyond, Second Edition. USA: New Riders.
    6. Kraft, C. (2012) User experience innovation: User centered design that works. New York: Apress
    7. Levitin D. J. (2002). Foundations of Cognitive Psychology: Core Readings. Cambridge, MA: MIT Press.
    8. Lund, A. M. (2001). Measuring usability with the USE questionnaire. Usability interface, 8(2), 3-6. (www.stcsig.org/usability/newsletter/index.html).
    9. Norman, D. A. (2013). Design of Everyday Things: Revised and Expanded. New York: Basic Books. London: MIT Press (UK edition)
    10. Rex, H., & Pardha, P. (2012). The UX Book: Process and Guidelines for Ensuring a Quality User Experience. San Francisco, CA: Morgan Kaufmann Publishers,
    11. Rogers, Y., Sharps, H., & Preece, J. (2007). Interaction design beyond human-computer interaction 2nd edition. Hoboken, NJ : Wiley,
    12. Schmitt, B. H. (1999), Experiential Marketing. Journal of Marketing Management, 15, pp53-67.
    13. Tullis, T., & Albert, B. (2013). Measuring the user experience : collecting, analyzing, and presenting usability metrics 2nd edition. San Francisco, CA: Morgan Kaufmann Publisher,
    14. 中華民國有氧體能運動協會 (2005)。健康體適能指導手冊。新北市,易力圖書有限公司。
    15.史坦通 (Stanton N.) (2003)。消費產品之人因工程(Human Factors in Consumer Products)。(張文德譯) 台北市:六合。(原作1997年出版)
    16. 艾薩克森 (Issacson W.) (2011)。賈伯斯傳(Steve Jobs)。(廖月娟、姜雪影、謝凱蒂譯) 台北市;天下。(原作2011年出版)
    17. 貝斯特 (Best J. B.) (2009)。認知心理學 ( Cognitive Psychology, fifth edition )。(黃秀瑄譯) 台北市:心理出版社。(原作1999年出版)
    18. 李佳穎 (2009)。網路書店使用者介面之資訊呈現與商品圖片形式對使用者體驗感受之影響 (未出版之碩士論文)。國立臺灣科技大學,臺北市。
    19. 陳建雄 (2000)。色彩在使用者介面設計上的應用。第三屆亞洲設計會議-中、日、韓學術研討會論文集。朝陽科技大學。407-414頁。
    20. 福瑞 ( Friel J. ) (2011)。鐵人三項訓練聖經-中文二版 ( The Triathelete’s Training bible, Third Edition )。(吳家慶譯)台中市:禾宏。(原作2009年出版)
    21. 蔡豐名 (2013)。以使用者中心的運動類行動App之研發策略 (未出版之碩士論文)。國立臺灣科技大學,臺北市。
    22. 諾曼 ( Norman, D. A.) (1995)。心科技(Things that make us smart)。(黃賢楨譯)。台北市:時報出版。(原作1994年出版)
    23. 諾曼 ( Norman, D. A.) (2005)。情感設計:我們為何喜歡(或討厭)日常用品(Emotional design:Why we love(or hate)everyday things)。(王鴻祥、翁鵲嵐、鄭玉屏、張志傑譯)。台北市:田園城市。(原作2004年出版)

    QR CODE