簡易檢索 / 詳目顯示

研究生: 曾品熒
Pin-Ying Tseng
論文名稱: 行動裝置之記帳應用程式主畫面模式與功能選單位置之設計研究
A Study on the Main Screen Style and Function Menu Position of Track Spending Application of Mobile Devices
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 林廷宜
Ting-Yi Lin
李佳穎
Chia-Ying Li
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2017
畢業學年度: 105
語文別: 中文
論文頁數: 149
中文關鍵詞: 記帳應用程式功能選單位置介面使用性使用者經驗
外文關鍵詞: Track spending application, Function menu position, Interface usability, User experience
相關次數: 點閱:336下載:16
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

  智慧型行動裝置的軟體發展、硬體性能、無線傳輸技術的進步與使用普及化使得記帳軟體的發展帶來以往不存在的可能性與市場發展,同時也影響著視覺化介面的美觀程度,因此使用者如何在搭載於智慧型行動裝置上的記帳軟體能有良好的介面使用性成為研究的目的,期望使用者能享受操作介面的過程,並達到使用上的愉悅性與持續使用的延續性。
  本研究主要目的為探討智慧行動裝置記帳軟體APP介面設計之現有使用情況與未來可能發展方向,透過對介面的使用性與使用者體驗調查進行兩階段的研究:(1)前導性實驗,透過市售三款下載率較高之記帳軟體APP進行前導性實驗任務操作並記錄時間績效,後輔以感受性量表與使用者訪談,藉此進而了解現存記帳軟體APP在介面功能上的使用性差異因子。(2)驗證實驗,透過文獻探討並綜合第一階段實驗所得出的結果,進行模擬介面設計,模擬介面採用2 (主畫面模式) x 3(功能選單位置)雙因子實驗方式進行,主畫面模式分為兩個層級:1.頁籤式主畫面、2.圖像式主畫面;功能選單位置分為三個層級:1.功能選單在、2.功能選單固定在下方、3.功能選單由中間跳出。
  研究結果顯示(1)「圖像式主畫面」受測者評價高於「頁籤式主畫面」;(2)「功能選單固定在下」評價稍高於「功能選單在左」與「功能選單由中間跳出」;(3)「圖像式主畫面」結合「功能選單固定在下」的實驗樣本擁有快速紀錄個人即時消費的操作模式,能減少受測者思考推理的時間,也能降低受測者使用記帳軟體APP的錯誤率與挫折感,並且能夠幫助受測者快速了解整個介面的操作模式,對於受測者來說較為友善直覺,而功能選單放在下方,也能快速幫助使用者找到需要的功能,所以滿意程度高於其他實驗樣本。未來研究也能基於本研究結果,進行相關的應用與更深入的研究。


  The progress and wide application of mobile devicess in terms of software development, hardware performance, and wireless transfer technology bring the pre-inexistent possibility and market development for the creation of track spending application. It also has an impact on the aesthetic degree of visual interface. Therefore, how to make the user enjoy a good interface usability when using the track spending application of mobile devices becomes the objective of this research study. Hoping that the user can enjoy the process of task operation and achieve the effect of usage pleasantness and continuity of use.
  The major research objective is to explore the present usage situation and future possible developmental direction for the interface design of track spending application of mobile devices. A two-stage research processes were conducted to help investigate the interface usability and user experience: (1) Pilot experiment: Through three track spending applications with high download rate. A series of pilot experimental task operations were conducted and time-based performance was recorded to help obtain detailed knowledge of different factors affecting current track spending applications in terms of interface functions. (2) Confirmatory experiment: Through literature review and the integration of the results obtained by the experiment in the first stage, the research conducts interface design simulation. The simulated interface adopts a 2 (main screen style) x 3 (function menu position) factorial experiment. The main screen style is classified into two levels: 1. Tabbed main screen; 2. Image main screen. The function menu position is classified into three levels: 1. Function menu on the left of the screen; 2. Function menu on the bottom of the screen; 3. Function menu popping out from the middle of the screen.
  The research results indicate that: (1) The participants of the “image main screen” give higher ratings than those of the “tabbed main screen” ; (2) The rating of “function menu on the bottom of the screen” is slightly higher than that of “function menu on the left of the screen” and “function menu popping out from the middle of the screen” ; (3) The experiment sample that combines the “image main screen” and “function menu on the bottom of the screen” has the operation mode of rapid recording of personal instant consumption. It can reduce the thinking and reasoning time for the participants as well as the error rate and frustration feeling of their usage of track spending application. In addition, it facilitates the participants to have a quick understanding of the whole operation mode, which is more friendly and direct. In addition, “function menu on the bottom of the screen” helped the user find his/her needed function quickly. Therefore, its satisfaction rating is higher than other experiment samples. Based on the results of the research, relevant applications and further research can be made in future studies.

摘要 i Abstract ii 誌謝 iv 圖目錄 x 表目錄 xii 第一章 緒論 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.1.3 理財行為之定義 9 2.2 使用者操作介面使用性之關鍵因素 10 2.2.1 互動設計與使用者經驗目標 10 2.2.2 介面設計原則之實際應用 13 2.2.3 使用者認知之概念與結構 14 2.3 人機介面設計之準則 20 2.3.1 使用者介面設計準則 20 2.3.2 介面視覺設計 23 2.3.3 視覺設計重要性 23 2.4 選單設計 24 2.4.1 階層選單 24 2.4.2 標籤式選單 25 2.4.3 下拉式選單 26 2.4.3 隱藏式選單 26 第三章 研究方法與進行步驟 27 3.1 受測者 27 3.2 實驗設備 27 3.3 實驗設計 27 3.4 實驗流程與建構 28 3.5 研究進行步驟 29 第四章 前導性實驗 32 4.1 實驗設備 31 4.2 受測樣本分析 32 4.2.1 樣本1:理財幫手AndroMoney 32 4.2.2 樣本2:CW Money 33 4.2.3 樣本3:帳務小管家ZERO 34 4.3 實驗對象 35 4.4 前導性實驗設計 36 4.5 前導性實驗結果分析 38 4.5.1 計時任務績效分析 38 4.5.1.1 任務一分析 39 4.5.1.2 任務二分析 43 4.5.1.3 任務三分析 46 4.5.1.4 任務四分析 51 4.5.1.5 任務五分析 56 4.5.2 系統易用性尺度量表(SUS)分析 58 4.5.3 尼爾森系統可用性量表(Nielsen's Attributes of Usability)分析 60 4.5.3.1 尼爾森系統可用性量表:功能可被記憶性 61 4.5.3.2 尼爾森系統可用性量表:錯誤發生率 62 4.5.3.3 尼爾森系統可用性量表:整體主觀滿意程度 63 4.5.4 事後訪談整理 65 4.6 前導性實驗小結 66 第五章 驗證實驗 68 5.1 實驗設計 68 5.1.1 實驗研究變項 68 5.1.2 記帳軟體APP實驗樣本設計 70 5.1.2.1 自變項一:主畫面模式說明 71 5.1.2.2 自變項二:功能選單位置說明 73 5.1.3 記帳軟體APP操作任務設計 75 5.2 受測者分析 78 5.3 實驗結果分析 81 5.3.1 記帳軟體APP操作任務績效分析 81 5.3.2 任務一任務操作時間績效:建立兩個帳戶 82 5.3.3 任務二任務操作時間績效:建立支出與收入 86 5.3.4 任務三任務操作時間績效:在帳戶內進行兩次轉帳 90 5.3.5 任務四任務操作時間績效:新增支出與收入的類別 94 5.3.6 任務五任務操作時間績效:備份至Google Drive 98 5.4 系統易用性尺度量表(SUS)分析 102 5.5 使用性量表分析 104 5.5.1 有用性 105 5.5.2 使用性 107 5.5.3 視覺呈現 109 5.5.4 整體滿意程度 111 5.6 NASA-TLX負荷量表分析 114 5.6.1 NASA-TLX負荷量表:心智負荷 114 5.6.2 NASA-TLX負荷量表:生理負荷 116 5.6.3 NASA-TLX負荷量表:時間負荷 118 5.6.4 NASA-TLX負荷量表:表現績效 120 5.6.5 NASA-TLX負荷量表:努力程度 123 5.6.6 NASA-TLX負荷量表:挫折程度 125 5.7 事後訪談整理分析 127 第六章 研究結論與建議 130 6.1 研究成果 130 6.1.1 記帳軟體APP介面使用性之前導性實驗結果 130 6.1.2 實驗設計與驗證結果 134 6.1.3 系統易用性尺度量表(SUS)結果 135 6.1.4 使用性量表結果 137 6.1.5 NASA-TLX負荷量表結果 138 6.2 後續研究發展與建議 139 6.2.1 研究結論與建議 139 6.2.2 後續研究發展建議 140 參考文獻 141 附錄A:前導性實驗問卷 145 附錄B:驗證實驗問卷 149

英文文獻
1. Broadbent, D. E. (1957). A mechanical model for human attention and immediate memory. Psychological Review, 64(3), 205.
2. Card, S. K., Moran, T. P., & Newell, A. (1983). The psychology of human-computer interaction. Hillsdale, NJ: Lawrence Erlbaum Associates.
3. Craik, K. J. (1943). The nature of explanation. Cambridge, MA: Cambridge University Press.
4. Harrell, G. D., Hutt, M. D., & Anderson, J. C. (1980). Path analysis of buyer behavior under conditions of crowding. Journal of Marketing Research, 45-51.
5. I.S.O. (1999). 13407: Human-centred design processes for interactive systems. Geneva: ISO.
6. Lachman, M. E. (1979). Perceptions of intellectual aging: Antecedent or consequence of intellectual functioning? Developmental Psychology, 19(4), 482.
7. Laird, J., & Newell, A. (1983). A universal weak method. Pittsburgh, PA: Carnegie Mellon University, Dept. of Computer Science.
8. Nielsen, J. (1993). Usability Engineering. San Diego CA: Academic Press.
9. Norman, D. A. (1988). The psychology of every day things. New York: Basic Book INC.
10. Scaife, M., & Rogers, Y. (1996). External cognition: how do graphical representations work? International Journal of Human-Computer Studies, 45(2), 185-213.
11. Shneiderman, B. (1986). Designing the user interface-strategies for effective human-computer interaction. India: Pearson Education.
12. Simon, H. A., & Kaplan, C.A. (1989) Foundations of cognitive science. In M. I. Posner (Ed.), Foundations of Cognitive Science (pp.1-48). London, England: MIT Press.

中文文獻
1. 王傳蒂 (2006)。個人理財觀對理財規劃影響之研究-以台北地區國小教師為例。台北市教育大學社會科教育研究所碩士論文。台北。
2. 方裕民 (2003)。人與物的對話-互動介面設計理論與實務,台北:田園城市文化。
3. 艾爾文 (2013)。下班後賺更多:記帳、存錢、再投資,富朋友的「破窮理財法」提早20年退休不是夢,台北:三采出版社。
4. 任宗浩 (2001)。心智模式動態變化之研究--物理現象的觀察與詮釋.科學教育學刊,9(2),147-168。
5. 李勇 (2010)。做好理財規劃增加居民財產性收入。商場現代化,625,24-25。
6. 吳汶燕 (2011)。社群網站功能項形態與排版型式設計之使用性探討。國立臺灣科技大學設計研究所碩士論文。
7. 吳泰毅 (2009)。中高齡者對數位相框使用者介面按鍵功能提示與動態回饋設計之探討。國立臺灣科技大學設計研究所碩士論文。
8. 林建宏、徐國堂(2013)。Android+iOS UIDesign行動裝置介面設計,台北:佳魁資訊。
9. 林芳姿 (2010)。台北地區國小教師理財認知、退休理財規劃與理財行為之研究。臺北市立教育大學歷史與地理研究所碩士論文。台北。
10. 林玫芳 (2008)。臺北市國小教師使用網路理財工具與網路理財行為之研究。臺北市立教育大學社會科教育學系研究所碩士論文。台北。
11. 周行一 (2006)。Life理財學:天天都能達成的快樂理財法,台北:金錢文化。
12. 周淨柔 (2017)。行動裝置修圖應用程式功能列選單介面之研究。國立臺灣科技大學設計研究所碩士論文。
13. 柳永青 (2012)。友善的人機介面,科學發展,472,6-13。
14. 柯世峰 (2006年1月16日)。理財踩對節拍年終獎金變大包。工商時報,B3版。
15. 高朝梁 (2006)。理財規劃人員資格測驗考試叢書。台北:東展文化。
16. 陳正偉 (2012)。國小教師理財認知與理財行為之研究-以臺北與嘉義地區為例。南華大學財務金融研究所碩士論文。嘉義。
17. 池田拓司 (2013)。智慧手機App UI-UX設計鐵則,陳亦苓譯,台北:旗標出版。
18. 陳建雄 (2017)。Introduction to Human Memory,陳建雄人因工程上課講義。
19. 陳俊宏、楊東民 (1998)。視覺傳達設計概論,台北:全華科技圖書。
20. 陳瓊鈺 (2009)。不同金錢態度與理財認知下個人理財行為與理財滿意度關係之研究。實踐大學企業管理研究所碩士論文。台北。
21. 張煒旻 (2010)。智慧型手機行動通訊介面分類型式之設計研究。國立臺灣科技大學設計研究所碩士論文。
22. 張真卿 (2000)。薪水致富。台北:臺灣廣夏。
23. 黃培源 (1997)。理財聖經。台北:商周文化。富蘭克林證券投資顧問股份有限公司(2013年9月)。QE縮減不等於貨幣緊縮,後QE時代的雙美策略。富蘭克林2013理財指南月刊,12,3。
24. 黃瓊瑩 (2016)。機票訂位系統應用程式介面資訊架構與選單模式之研究。國立臺灣科技大學設計研究所碩士論文。
25. 溫騰光 (2007)。台北市國民小學教師理財態度、規劃與工具之研究。淡江大學企業管理研究所碩士論文。新北。
26. 詹甯喻 (2006)。台灣大學生理財認知之研究。中華大學經營管理研究所碩士論文。新竹。
27. 楊昌隆 (2003)。理財規劃服務模式之研究。東華大學國際經濟研究所碩士論文。花蓮。
28. 臺灣金融研訓院 (2003)。理財規劃人員證照考試用書。台北:財團法人台灣金融研訓院。
29. 楊青毓 (2011)。影響理財意願與風險性資產配置之因素:「察覺 動機 能力」觀點。樹德科技大學金融與風險管理研究所碩士論文。高雄。
30. 蔡仁詩 (2011)。網路地圖使用者介面之經驗與資訊呈現。國立臺灣科技大學設計研究所碩士論文。台北。
31. 蔡丞恩 (2016)。平板手機即時通訊介面選單設計與使用手之研究。國立臺灣科技大學設計研究所碩士論文。
32. 廖秋香 (2014)。國小教師課稅後理財認知、理財規劃與理財行為之研究-以苗栗縣國小教師為例。中華大學企業管理所碩士學位論文。新北。
33. 鍾立薇 (2007)。金錢態度以及風險容忍度對理財行為的影響。世新大學財務金融學研究所碩士論文。台北。
34. 鍾聖校 (1990)。認知心理學,台北:心理出版社
35. Norman, D. A. (2007)。設計 and 日常生活: 如何選擇安全好用的日常生活用品 (卓耀宗譯),台北:遠流 (原著出版年,1998 )
36. Norman, D. A. (2014)。設計的心理學:人性化的產品設計如何改變世界(陳宜秀譯)。台北市:遠流。
37. Preece, J., Rogers, Y., and Sharp, H. (2010)。互動設計(二版) (陳建雄譯),台北:全華科技圖書 (原著出版年,2005 )。
38. Preece, J., Rogers, Y., and Sharp, H. (2006)。互動設計 跨越人-電腦互動 (陳建雄譯),台北:全華科技圖書 (原著出版年,2002 )。
39. Gerrig, R. J. and Zimbardo, P. G. (2006)。心理學 (游恆山譯),(原著出版年,2003),台北:五南圖書。
40. Suzanne, G. (2011)。iPhone User Experience簡單法則:好感度的iPhone使用者體驗 (洪沛然譯),台北:碁峰資訊 (原著出版年,2010 )。

網路資料
1. Shlomo, B. (2011)。為明天而節約。2015年6月1日,取自:https://www.ted.com/talks/shlomo_benartzi_saving_more_tomorrow?language=zh-tw#t-129033
2. 林正文、郭莉芳 (2008)。用對記帳工具年省25萬。2015年5月15日,取自:http://smartold.businessweekly.com.tw/webarticle.php?id=29768
3. 曾如瑩 (2012)。聰明記帳,從不再記流水帳開始。2015年5月15日,取自:http://www.businessweekly.com.tw/KWebArticle.aspx?ID=30242andpath=e
4. 蔡宛玲 (2010)。你記帳嗎?高達九成民眾曾經記帳過。104市調中心。2015年6月15日,取自:http://www.104survey.com/faces/newportal/viewPointCtx.xhtml?researchId=247

QR CODE