簡易檢索 / 詳目顯示

研究生: 林育安
Yu-An-Lin
論文名稱: 運動記錄軟體應用程式介面之資訊呈現與 色彩應用研究
A Study on the Information Visualization and Color Application of the User Interface for Sports Record Applications
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 曹永慶
Yung-Chin Tsao
柯志祥
Ko, Chih-Hsiang
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2021
畢業學年度: 109
語文別: 中文
論文頁數: 135
中文關鍵詞: 運動紀錄軟體資訊呈現介面設計介面色彩使用者經驗
外文關鍵詞: sports recording software, information presentation, interface design, interface color, user experience
相關次數: 點閱:263下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著時代與科技進步,且政府努力推動全民運動化的當下,一般民眾越來越要求自身的健康以及體態管理,相關行業也不落人後的發展相關的智慧型手機應用軟體來協助人們觀看自身活動之資訊,藉由軟體內所提供的數據及資訊等,來了解自身在運動及一般活動上的表現如何。本研究為針對智慧型手機之運動紀錄軟體介面以及體驗感受,探討其介面之資訊格式呈現方式與整體色彩對於使用者之使用績效與體驗感受能達到更好的體驗。進一步的提升運動紀錄軟體介面設計以提升使用者滿意度,目的在優化整體介面操作績效,並創造更完善的使用者體驗。
    本研究對於介面以及使用者體驗進行兩階段之實驗研究:(1)前導性實驗:透過研究調查,針對市面上三款較有代表性之運動紀錄軟體介面進行前導性任務操作與紀錄時間之績效,並後續進行使用者訪談了解目前軟體之介面使用問題,進而了解在現有運動紀錄軟體介面之中,使用者需求為何;(2)驗證實驗:依據文獻探討以及前導性實驗成果,進行驗證實驗模擬介面設計,探討不同之顏色對比介面以及資訊呈現方式是否對使用者有使用性上之差異變化。
    驗證實驗模擬介面採用2(色彩對比)x3(資訊呈現方式)之雙因子組間實驗設計方式進行,「色彩對比」採兩個層級:(1)高對比色彩模式、(2)低對比色彩模式,而「資訊呈現方式」分為三個層級:(1)橫列式呈現、(2)多格式呈現、(3)混和式呈現。
    研究結果顯示:(1)在運動紀錄軟體介面的設計上,如何能夠快速的判讀資訊及找到自己所需要的功能是關鍵點,在資訊呈現方式上,現有市面上介面較大比例之方式為「橫列式」,但在實驗中「多格式」的實驗績效及使用者評價皆優於其他呈現方式。(2)在色彩上受測者並無明顯偏好,但在無圖式之功能判讀上「高對比色彩介面」在績效與評價優於「低對比色彩介面」,主要原因是能讓使用者在操作介面上更為直覺。(3)由於使用者需求,所需要的運動資訊也不同。(4)由於此類軟體功能眾多,在介面上的功能層級越少越單純,在操作時較不易有找不到功能的挫折感發生,也能提升整體使用績效。


    With the passing of time and evolution of technology, the government is working hard to promote “Sports for All” as the general public has higher demands for their health and management of physique. Relevant industries are not far behind as related smartphone applications are being developed to help people monitor the information regarding their activities, and understand their performance in sports and general activities through the data and information provided by the application. This research study focuses on the activity-recording application’s user interface and user experience on smartphones. It explores how the activity-recording application's user interface design and overall colors can improve user performance and have better user experiences. Then subsequently examining how improvements to the activity-recording application’s user interface design can increase user satisfaction to optimize overall interface performance and create more comprehensive user experiences.
    This research study conducts two-stage experiment on the user interface design and user experience: (1) Pilot experiment: Through research and investigation, conduct pilot task operations and record task time performance on three representative sports recording software interfaces on the market. User interviews are also conducted to understand the current interface use problems, and then understand the user needs in the existing exercise recording software interface; (2) Verification experiment: based on the literature discussions and the leading experimental results, the verification experiment simulate user interface design to explore whether different color contrast interfaces and information presentation methods have differences in usability for users.
    The verification experiment simulation interface adopts a two-factor between-subjects experimental design of 2 (color contrast) x 3 (information presentation method). The "color contrast" adopts two levels: (1) high-contrast color mode, (2) low-contrast color mode. The "information presentation mode" is divided into three levels: (1) horizontal presentation, (2) multi-format presentation, and (3) mixed presentation.
    The research results show that: (1) In designing the sports recording software interface, the key point is how to quickly interpret information and find the functions users need. In terms of information presentation methods, a larger proportion of the existing user interfaces on the market is " Horizontal format", but in the experiment, the performance and user evaluation of "multi-format" are better than other presentation methods. (2) The participants have no obvious preference for color, but the "high contrast color interface" is superior to the "low contrast color interface" in task performance and evaluation in terms of function interpretation without graphics. The main reason is that users can interact with the user interface more intuitively. (3) Due to user needs, the required exercise information is also different. (4) Due to the numerous functions of this kind of software, the fewer the functional levels on the interface, the simpler it is, and it is less likely to be frustrated when the function is not found during operation. It can also improve the overall user’s tas performance.

    摘要 i Abstract iii 誌謝 v 圖表索引 x 第一章 緒論 1 1.1 研究背景 1 1.2 研究動機 2 1.3 研究架構與流程 4 1.4 研究範圍與限制 6 第二章 文獻探討 7 2.1 運動風氣 7 2.1.1 運動風氣盛行 7 2.1.2 運動自我實現之動機 8 2.2 智慧型裝置 9 2.2.1 智慧型手機定義 9 2.2.2 穿戴式裝置產品概況 10 2.3 人機介面 12 2.4 使用者介面 15 2.4.1 使用者介面設計 15 2.4.2 圖形化使用者介面 19 2.4.3 圖形介面設計原則 19 第三章 研究方法 22 3.1 研究方法 22 3.2 研究流程 22 3.3 實驗設計 24 第四章 前導性實驗 26 4.1 前導性實驗受測樣本 26 4.2 前導性實驗設計 29 4.3 前導性實驗對象 31 4.4 前導性實驗結果 38 4.4.1 前導性實驗任務操作績效分析 38 4.4.2 任務二之操作績效分析 39 4.4.3 任務三之操作績效分析 40 4.4.4 任務四之操作績效分析 42 4.4.5 系統使用性尺度量表(SUS)分析 44 4.4.6 受測者主觀感受訪談 45 4.5 前導性實驗綜合結論與討論 49 第五章 實驗設計與研究 51 5.1 實驗驗證方法 51 5.2 實驗變項 51 5.3 驗證實驗樣本製作說明 53 5.4 實驗操作任務說明 61 5.5 實驗結果與分析 64 5.5.1 實驗對象基本資料 64 5.5.2 實驗任務操作績效與結果分析 71 5.5.2.1 實驗任務一績效分析 71 5.5.2.2 實驗任務二績效分析 75 5.5.2.3 實驗任務三績效分析 77 5.5.2.4 實驗任務四績效分析 84 5.5.2.5 實驗任務五績效分析 87 5.6 系統使用性與尺度量表(SUS)與使用者互動滿意度量表(QUIS)分析 90 5.6.1 系統使用性與尺度量表(SUS)結果與分析 90 5.6.2 使用者互動滿意度量表(QUIS)結果與分析 93 5.6.2.1 使用者互動滿意度量表(QUIS)操作介面之整體反應分析 93 5.6.2.2 使用者互動滿意度量表(QUIS)軟體學習分析 95 5.6.2.3 使用者互動滿意度量表(QUIS)介面呈現分析 97 5.6.2.4 使用者互動滿意度量表(QUIS)介面遣詞與介面資訊分析 99 第六章 結論與建議 101 6.1 運動紀錄軟體介面使用狀況調查與實驗結果 101 6.1.1 模擬介面之研究結果整理 102 6.2 結論與設計建議 106 6.3 後續研究發展與建議 107 參考文獻 109 中文文獻 109 英文文獻 110 附錄一:前導性實驗問卷 112 附錄二:驗證實驗問卷 116

    中文文獻
    1. 方裕民 (2003)。人與物的對話-互動介面設計理論與實務。台北:田園城市文化。
    2. 王英裕 (2004)。智慧型行動電話技術發展藍圖,經濟部ITIS專案辦公室。
    3. 李世忠 (1993)。使用者介面的探討,視聽教育月刊,35(1),pp. 49-57。
    4. 李青蓉、邱昭彰、施郁芬、魏丕信 (1998)。人機介面設計。空中大學,台北。
    5. 李俊宏 (1995)。網頁設計原則的研究–以大專院校首頁設計為例。雲林技術學院工業設計研究所碩士論文,未出版,雲林縣。
    6. 周倩、楊台恩 (1998)。電腦網路的特質及相關問題初探。社教雙月刊,84,17-20。
    7. 李世綱 (2009)。網頁動態廣告對使用者干擾之研究。國立臺灣藝術大學多媒體動畫藝術學系碩士論文。
    8. 何宜澄 (2008)。電子行動裝置之使用者介面設計研究-以員警之交通違規告發勤務為例。大同大學工業設計研究所碩士論文。
    9. 禹帆 (2002)。行動通訊標準的競爭與演進,文魁資訊。
    10. 教育部體育署 (2019)。運動統計。取自:https://www.sa.gov.tw/。
    11. 教育部體育署 (2018)。107年度我國民眾運動消費支出調查。
    12. 資策會MIC (2017)。智慧穿戴、創新生活、解析智慧穿戴式裝置市場趨勢與創新產品應用,https://www.iii.org.tw/Focus/FocusDtl.aspx?f_type=2&f_sqno=Zdw7bw%2B50oGAn2GA6qArNg__&fm_sqno=13。
    13. 楊銀濤 (2009)。智慧型手機發展的趨勢研究,國立成功大學企業管理研究所碩士論文。
    14. 謝毅彬 (1993)。電腦軟體使用者操作介面(User Interface)之操作模式設計。
    工業設計,l,83。
    15. 簡瑞宇、蔡文程 (2009)。動機理論與運動動機相關研究之探討Motive Theory and Sports-related Motive of the Study,福爾摩沙體育學刊,3期 (2009 / 10 / 01),pp. 30 - 40。

    英文文獻
    16. Barifield, L. (1993). The User Interface: Concepts & Design, Addison-Wesley Professional.
    17. Burdek, B. E. (1994). 產品設計的新挑戰─人性化介面設計,設計,58,pp. 38-41.
    18. Deci, E. L., & Ryan, R. M. (1991). A motivational approach to self: Integration in personality. In R. A. Dienstbier (Ed.), Current theory and research in motivation, Vol. 38. Nebraska Symposium on Motivation, 1990: Perspectives on motivation (p. 237–288). University of Nebraska Press.
    19. Diape,r D. & Stanton, N. A. (2003). The hand book of task analysis for human- computer interaction. Lawrence Erlbaum Associates.
    20. Graham, D. S. & Francis, D. A. (1999). User Input Device for a Computer System, Poa Sana, LLC
    21. Hildreth, C. R. (1982). Online Public Access Catalogs: The User Interface, OCLC.
    22. Holcomb, R. & Tharp, R. (1991) What users say about software usability. International Journal of Human-Computer Interactions, 3(1), 49–78.
    23. Laurel, B. (1990). Art of Human-Computer Interface Design, Addison-Wesley.
    24. Maslow, A. H. (1954). Motivation and personality. Harpers.
    25. Marchionini, G., Plaisant, C., & Kinkidu, A. (1998). Interfaces and Tools for the Library of Congress National Digital Library Program. Information Processing & Management, 34(5), pp. 535-555
    26. Maguire, M. (2001). Methods to support human-centred design, Int. J. Human-Computer Studies (2001) 55, pp. 587-634.
    27. Nielsen, J. (1993). Usability Engineering, pp.43-46. Boston, MA: Academic Press.
    28. Norman, D. A. (1988). The Design of Everyday Things. New York: Basic Books.
    29. Preece, J., Rogers, Y., & Sharp, H. (1994). Interaction Design: Beyond Human-Computer Interaction. England: John Wiley & Sons.
    30. Peddie, J. (1992). Graphical User Interfaces and Graphic Standards, New York: McGraw-Hill.
    31. Rogers, Y., Sharp, H., & Preece. J. (2007). Interaction Design: Beyond Human-Computer Interaction, Wiley.
    32. Shneiderman, B. (1992). Designing the user interface: Strategies for effective human-computer interaction. 2nd ed. Reading, MA: Addison-Wesley.
    33. Stover, M. & Zink, S.D. (1996), World Wide Web home page design: Patterns and anomalies of higher education library home pages, Reference Services Review, 24(3), pp. 7-20.
    34. Tullis, T. S. (1998). Window screen with icons for a computer system, US Patent App. 29/020,005.

    無法下載圖示 全文公開日期 2024/09/11 (校內網路)
    全文公開日期 2026/09/11 (校外網路)
    全文公開日期 2026/09/11 (國家圖書館:臺灣博碩士論文系統)
    QR CODE