簡易檢索 / 詳目顯示

研究生: 陳玠淳
Jie-Chun Chen
論文名稱: 行動即時通訊軟體貼圖功能之搜尋介面設計研究
Usability Study on the Interface Search Facilitator of the Sticker Function in Mobile Instant Messaging Application
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 鄭金典
Jin-Dean Cheng
賴文祥
Wen-Hsiang Lai
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2018
畢業學年度: 106
語文別: 中文
論文頁數: 135
中文關鍵詞: 手機即時通訊軟體貼圖搜尋使用者介面設計使用性評估
外文關鍵詞: Mobile instant messaging application, Sticker searching, User interface design, Usability evaluation
相關次數: 點閱:249下載:10
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著智慧型手機的發展與普及,越來越多使用者以行動即時通訊軟體作為人際溝通主要媒介,取代電話溝通與面對面交談,由於表情貼圖能彌補文字溝通上非語言線索不足之問題,讓溝通變得生動有趣,近年來也成為即時通訊軟體關注的重點功能之一。但在以貼圖作為溝通的過程中,介面搜尋效率與體驗感受將會影響使用者滿意度,因此本研究目的為,針對行動即時通訊軟體貼圖搜尋功能進行研究,探討使用者之偏好與需求,並進一步探討加入智能排序與情緒標籤搜尋功能是否能增進貼圖傳送效率與使用者滿意度。

    本研究包含兩部分實驗:(1)前導性實驗:透過調查研究與測試,釐清目前即時通訊軟體之貼圖功能介面問題,並透過訪談了解使用者需求;(2)驗證實驗:依據前導性實驗之成果,設計模擬實驗樣本,探討不同貼圖搜尋選單介面對使用性與使用者主觀感受上之變化。

    驗證實驗採2(智能排序) x 3(情緒標籤搜尋形式)雙因子實驗方式進行,「智能排序」採取兩層級:(1)無智能排序:貼圖不依使用行為改變排序;(2)有智能排序:依使用頻率自動排序常用貼圖。而「情緒標籤搜尋形式」分為三層級:(1)階層式:情緒標籤列以層疊排列於貼圖縮圖欄上方;(2)換頁式:以跳頁形式呈現情緒標籤頁;(3)覆蓋式:情緒標籤列覆蓋取代貼圖縮圖欄位置。

    研究結果顯示:(1)採用「有智能排序」之貼圖介面能提高貼圖搜尋效率,也是使用者較青睞的介面;(2)「情緒標籤搜尋」功能符合使用情境需求,並有助於提升貼圖溝通之精準度;(3)在介面呈現與軟體學習性上,「有智能排序」之貼圖選單介面有較高使用者滿意度;(4)能透過手勢直覺操作的「覆蓋式」介面能提高操作效率;(5)「覆蓋式」介面有比較良好的學習性。


    Following the development and popularization of smartphones, a growing number of users are using mobile messaging apps as their primary device of interpersonal communication, replacing phone calls and face to face conversations. Since emoticons are able to compensate for the issue of non-language clues, they make communication more vivid and interesting and have thus become a key function of messaging apps in recent years. In the process of using emoticons, the interface search efficiency and experience will affect user satisfaction. Hence, this study examines emoticon search functions of messaging apps, user preferences and requirements, and further examines whether if smart sorting and emotion tags can improve the efficiency of sending emoticons and increase user satisfaction.

    The experiment in this study consists of two stages: (1) Pre-test: Issues with the emoticon function interface of current messaging apps are clarified through the survey and tests, and user requirements are learned through interviews; (2) Verification experiment: Samples of the simulation experiment are designed based on results of the pilot experiment, and changes in users’ perception resulting from the use of different emoticon search interfaces are examined.

    The verification experiment is conducted on a 2 (smart sorting) x 3 (emotion tag search) two-factor experiment. Smart sorting has two levels: (1) No smart sorting: the order of emoticons is not changed based on user behavior; (2) Smart sorting: commonly used emoticons are automatically sorted based on the frequency of use. Emotion tags are divided into three levels: (1) Hierarchical: The emotion tag bar is arranged above the thumbnails of emoticons; (2) Page change: Emotion tags are displayed in pages; (3) Cover: The emotion tag bar replaces the position of the emoticon thumbnails.

    The results show that: (1) An emoticon interface with smart sorting can improve emoticon search efficiency and is preferred by users; (2) The emotion tag search function meets requirements of usage situations, and improves the accuracy of communication with emoticons; (3) In interface presentation and software learning, an emoticon interface with smart sorting achieves higher user satisfaction; (4) An intuitive covering interface operated by hand gestures can improve operating efficiency; (5) A covering interface is easier to learn.

    摘要 i 目錄 v 圖目錄 ix 表目錄 xi 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 4 1.3 研究架構與流程 5 1.4 研究範圍與限制 7 第二章 文獻探討 8 2.1 社群網絡與即時通訊 8 2.1.1 虛擬社群與行動社群 8 2.1.2 即時通訊軟體之發展 9 2.1.3即時通訊軟體功能特色 10 2.1.4小結 12 2.2 圖像符號溝通 12 2.2.1 符號定義與功能 12 2.2.2 貼圖與表情符號發展 15 2.2.3 貼圖與情緒溝通 16 2.2.4 小結 17 2.3認知心理 18 2.3.1 記憶與認知系統 18 2.3.2 心智模式 20 2.3.3 圖像訊息傳達與認知 21 2.3.4 小結 22 2.4使用者介面設計 23 2.4.1 即時通訊軟體人機介面互動 23 2.4.2 即時通訊軟體介面設計 24 2.4.3即時通訊軟體貼圖功能介面 27 2.4.4 小結 31 2.5使用性工程 31 2.5.1使用性原則 31 2.5.2使用性工程評估 33 2.5.3 小結 35 第三章 研究方法與實驗設計 36 3.1 研究方法 36 3.2 實驗流程與建構 37 3.3 實驗方法 38 第四章 前導性實驗 40 4.1 前導性實驗受測樣本 41 4.2前導性實驗設計 44 4.3 前導性實驗對象 46 4.4 前導性實驗結果 49 4.4.1 前導性實驗任務操作績效分析 49 4.4.1.1任務一操作績效分析 49 4.4.1.2任務二操作績效分析 51 4.4.1.3 任務三操作績效分析 51 4.4.1.4 任務四操作績效分析 53 4.4.1.5 任務五操作績效分析 53 4.4.2 系統使用性尺度量表(SUS)分析 54 4.5 受測者主觀感受訪談 57 4.6 前導性實驗綜合討論 62 第五章 驗證實驗 65 5.1 驗證實驗方法 65 5.2 驗證實驗說明 65 5.2.1 驗證實驗研究變項 65 5.2.2 驗證實驗原型製作 67 5.2.3 驗證實驗設計 69 5.2.4 驗證實驗對象 71 5.3 驗證實驗結果分析 77 5.3.1驗證實驗任務操作績效分析 77 5.3.1.1任務一操作績效分析 77 5.3.1.2任務二操作績效分析 82 5.3.1.3 任務三操作績效分析 85 5.3.1.4 任務四操作績效分析 87 5.3.1.5 任務五操作績效分析 89 5.3.1.6 任務六操作績效分析 92 5.3.2系統使用性尺度量表(SUS)分析 94 5.3.3使用者互動滿意度量表(QUIS)分析 95 5.3.3.1使用者互動滿意度量表「介面呈現」之分析 96 5.3.3.2使用者互動滿意度量表「軟體學習性」之分析 97 第六章 結論與建議 99 6.1 研究結果 99 6.1.1現有即時通訊軟體之介面設計調查結果整理 99 6.1.2模擬介面之實驗研究結果重點整理 100 6.2 結論建議與後續發展 104 6.2.1結論與設計建議 104 6.2.2 後續研究發展建議 106 參考文獻 107 英文文獻 107 中文文獻 111 網路文獻 113 附錄一、前導性實驗問卷 115 附錄二、驗證實驗問卷 119

    英文文獻
    1. Atkinson, R. C., & Shiffrin, R. M. (1968). Human memory: A proposed system and its control processes. In Spence, K. W., & Spence, J. T.. The psychology of learning and motivation (Vol. 2). New York: Academic Press. pp. 89–195.
    2. Benbunan-Fich, R. (2001). Using protocol analysis to evaluate the usability of a commercial web site. Inf. Manage, 39(2), 151-163.
    3. Byström, K., & Hansen, P. (2005). Conceptual framework for tasks in information studies. Journal of the American Society for Information Science & Technology, 56(10), 1050-1061.
    4. Cox, K., & Walker, D. (1993). User interface design (2nd ed.). New York: Prentice Hall.

    5. Craik, K.W. (1943). The nature of explanation. Cambridge UK: Cambridge University Press.
    6. Derks, D., Fischer, A.H., & Bos, A. E. R. (2008). The role of emotion in computer-mediated communication: a review. Computers in human behavior, 24, 766-785.
    7. Farman, J. (2011). Mobile interface theory: Embodied space and locative media. New York: Routledge.
    8. Fontana, A., & Frey, J. H. (1994). Interviewing: The art of seicence. In N. Denzin and Y. Lincoln (Eds.), Handbook of qualitative research. London: Sage, 361-376.
    9. Goodwin, N. (1987). Functionality and usability. Communication of the ACM, 30(3), 229-233.
    10. Grinter, R. E., & Palen, L. (2002). Instant Messaging in Teen Life. In Proceedings of the ACM Conference on Computer Supported Cooperative Work (CSCW’02). New Orleans, LA, November 16-20. New York: ACM Press, 21-30.
    11. Ha, L., & James, E. L. (1998), Interactivity Reexamined: A Baseline Analysis of Early Business Web Sites. Journal of Broadcasting & Electronic Media, 42(4), 457-474.
    12. Hagel III, J., & Armstrong, A. G. (1997). Net gain: Expanding markets through virtual communities. Harvard Business School Press, Boston, Massachusetts.
    13. Hardy, A. P. (1982). The selection of channels when seeking information: Cost/benefit vs. least-effort. Information Processing & Management, 18(6), 289-293.
    14. Heeter, C. (1986). Perspectives for the Development of Research on Media Systems (Unpublished doctoral dissertation). Michigan University, East Lansing, Michigan.
    15. Ip, A. (2002). The impact of emoticons on affect interpretation in instant messaging. (Unpublished doctoral dissertation). Carnegie Mellon University, Pittsburgh, PA.
    16. Johnson-Laird, P. N. (1983). Mental models. Cambridge, MA: Harvard University Press.
    17. Jones, M., & Marsden, G. (2006). Mobile Interaction Design. England: John Wiley & Sons.
    18. Katz, M. A., & Byrne, M. D. (2003). Effects of scent and breadth on use of site-specific search on e-commerce Web sites. ACM Transactions on Computer-Human Interaction, 10, 198–220.
    19. Kuhlthau, C. C. (1983). The library research process: Case studies and interventions with high school seniors in Advanced Placement English classes using Kelly’ s theory of constructs (Unpublished doctoral dissertation). Rutgers University, NJ: New Brunswick.
    20. Marcus, A. (2001). Babyface design for mobile devices and the web. Paper presented at the Human-Computer Interface Internet (HCII), New Orleans, LA, USA.
    21. Michell, G., & Dewdney, P. (1998). Mental models theory: Applications for library and information science. Journal of Education for Library and Information Science, 39(4), 275-281.
    22. Mullet, K., & Sano, D. (1995). Designing visual interfaces: Communication oriented techniques. New Jersey: SunSoft Press.
    23. Newhagen, J. E, & Rafaeli, S. (1996). Why communication researchers should study the Internet: A dialogue. Journal of Computer­Mediated Communication, 1(4), 0-0.
    24. Nielsen, J. (1993). Usability Engineering. Boston, MA: Academic Press.
    25. Nielsen, J. (1994). Usability inspection methods. In Conference companion on Human factors in computing systems. 413-414. ACM.

    26. Norman, D. (2004). Emotional designs: Why we love (or hate) everyday things. New York: Basic Books.
    27. Norman, D. A. (1983). Some observation on mental models. In D. Gentner & A. L. Stevens (Eds.), Mental models. Hillsdale, New Jersey: Lawrence Erlbaum Associates.
    28. Norman, D. A., & Draper, S. W. (1986). User centered system design; New perspectives on human-computer interaction. Hillsdale, New Jersey: Lawrence Erlbaum Associates.
    29. O’Reilly, C. A. (1982). Variations in decision makers’ use of information sources: The impact of quality and accessibility of information. Academy of Management Journal, 25(4), 751-771.
    30. Ogden, C. K., & Richards, I. A. (1923). The meaning of meaning. London: Kegan, Paul, Trench, Trubner.
    31. Paivio, A. (1971). Imagery and verbal processes. New York: Holt, Rinehart & Winston.
    32. Paivio, A. (1990). Mental representations: A dual coding approach. New York: Oxford University Press.
    33. Reichenbacher, T. (2005). Adaptive egocentric maps for mobile users. In Map-based Mobile Services: Theories, Methods and Implementations. Heidelberg: Springer. pp. 141-158
    34. Rheingold. H. (1993). Virtual community: Homesteading on the electronic frontier, New York: Addison-Wesley.
    35. Rivera, K., Cooke, N. J., & Bauhs, J. A. (1996) The effects of emotional icons on remote communication. In proceedings of conference companion on human factors in computing systems (pp.99-100). Vancouver, Canada: Academic Press. Doi:10.1145/257089.257180
    36. Rouet, J.-F., & Tricot, A. (1996). Task and activity models in hypertext usage. In H. van Oostendorp & S. de Mul (Ed.), Cognitive Aspects of Electronic Text Processing. (pp. 239-264). Norwood, NJ: Ablex Publishing.
    37. Schubert, P. & Hampe, J. F. (2005). Business Models for Mobile Communities. Paper presented at the 38th Annual Hawaii International Conference on System Sciences (HICSS’05).
    38. Staggers, N., & Norcio, A. F. (1993). Mental models: Concepts for human-computer interaction research. International Journal of Man-Machine Studies, 38(4), 587-605.
    39. Steuer, J. (1992). Defining virtual reality: Dimensions determining telepresence. Journal of communication, 42 (4), 73-93.
    40. Thimbleby, H. (1990). User Interface Design. Harlow, UK: Addison Wesley.

    41. Tredinnick, L. (2008). Digital information culture: the individual and society in the digital age. Oxford, UK: Chandos.

    中文文獻
    1. 方裕民(2003)。人與物的對話-互動式介面的理論與實務。臺北市:田園城市。
    2. 王宗松(2013)。行動社群表情貼圖設計之實證研究─以LINE為例。大仁學報,43,15-39。
    3. 吳建和(2002)。小型資訊產品介面操作性研究-以行動電話為例(未出版之碩士論文)。國立台灣科技大學,臺北市。
    4. 吳泰毅(2006)。線上/線下溝通恐懼以及自我揭露話題之比較研究-以即時通訊為例(未出版之碩士論文)。世新大學,臺北市。

    5. 李亞傑(2007)。從商品符號消費與商品流行美學的角度探討台灣當代設計趨勢。人文暨社會科學期刊,3(1) ,41-55。
    6. 李佳穎(2008)。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影響(未出版之碩士論文)。國立台灣科技大學,臺北市。
    7. 李孟潔(2009)。前注意感知在資訊介面設計與認知風格上對資訊搜尋成效之研究(未出版之碩士論文)。國立交通大學,新竹市。
    8. 李昕儒(2013)。通訊軟體貼圖購買意圖之探討—以LINE為例(未出版之碩士論文)。國立中央大學,桃園市。
    9. 林以淳(2014)。行動即時通訊軟體的介面使用性與品質感知研究(未出版之碩士論文)。明志科技大學,臺北市。
    10. 林姿吟(2015)。行動通訊軟體貼圖使用行為(未出版之碩士論文)。國立高雄第一科技大學。高雄市
    11. 林真蒂(2015)。LINE貼圖表達情緒認知之研究(未出版之碩士論文)。大葉大學,彰化縣。
    12. 林瑞欽(1994 )。社區意識的概念-測量與提振策略。社區發展研究學刊,31,1-21。
    13. 徐仁輝(2004)。績效評估與績效預算。國家政策季刊,3(2),21-36。
    14. 張翰仁(2000)。個人化技術對虛擬社群發展之影響(未出版之碩士論文)。國立政治大學,臺北市。
    15. 莊鎮嘉(1999)。即時通訊軟體使用認知因素與使用者滿意度之關係研究(未出版之碩士論文)。國立雲林科技大學,雲林縣。
    16. 許郁文(譯)(2014)。多元裝置時代的網站UI/UX設計法則:打造出讓使用者完美體驗的好用介面。(原作者:原田秀司)。新北市:博碩。(原作出版年:2013)
    17. 陳光勳(2012)。數學暨資訊教育之精進。國民教育季刊,52:3,7-14。
    18. 陳芝菁(2011)。智慧型手機選單介面資訊呈現型式之設計研究(未出版之碩士論文)。國立台灣科技大學,臺北市。
    19. 陳建雄(譯) (2009)。互動設計:跨越人-電腦互動Interaction Design: Beyond Human-Computer Interaction。(原作者: Preece, J., Rogers, Y. & Sharp, H)。臺北市:全華圖書。(原作出版年:2002)
    20. 陳彥廷、柳賢(2006)。文字符號之語意理解研究:測驗取向。中華民國第廿二屆科學教育學術研討會,台灣師範大學。
    21. 陳娜文、王藍亭(2011)。行動電話之功能圖像傳達與使用者意涵認知研究。視覺藝術論壇期刊,6,48-79。
    22. 黃柏文(2004)。行動電話人機介面圖像意象及其偏好之研究(未出版之碩士論文)。中原大學,桃園市。
    23. 黃淑芬(2007)。大學生使用即時通訊表情符號影響情緒感知之研究(未出版之碩士論文)。國立中正大學,嘉義縣。

    24. 溫典寰(2005)。即時通訊不同市場需求的功能差異與滿意度—以 MSN Messenger 與 Yahoo 奇摩 Messenger 為例。網路社會學通訊期刊,45。取自:http://www.nhu.edu.tw/~society/e-j/45/45-03.htm。
    25. 劉麗真(2007)。台灣網路表情符號的分析研究(未出版之碩士論文)。國立高雄師範大學,高雄市。
    26. 蔣昕(2008)。網路上的社群:從虛擬社群到社會網絡觀點的社會性分析(未出版之碩士論文)。國立清華大學,新竹市。
    27. 鄭錦文(2012)。平板電腦電子書閱讀程式之介面呈現及編輯方式之設計研究(未出版之碩士論文)。國立臺灣科技大學,臺北市。
    28. 鄭麗玉(1993)。認知心理學─理論與應用。臺北市:五南圖書。
    29. 盧諭緯(1999)。當我們同在一起:BBS社交性討論區之言說分析(未出版之碩士論文)。國立中正大學,嘉義縣。

    網路文獻
    1. App Annie Index. (2013, 3) Social Networking Connects on iOS. Retrieved May 11, 2016 from http://cn.blog.appannie.com/app-annie-index-social-networking/
    2. comScore report. (2010, 11). Mobile web will be catching up with text messaging with more teens owning smartphones. Retrieved May 11, 2016 from http://www.comscore.com/Insights/Press-Releases/2010/11/comScore-Reports-September-2010-US-Mobile-Subscriber-Market-Share?cs_edgescape_cc=TW.
    3. 張景媛(2000, 12)。心智模型Mental Models。取自:國家教育研究院網頁: http://terms.naer.edu.tw/detail/1303139/
    4. 創市際insightxplorer (2014, 7)。創市際雙週刊第二十一期。取自:http://goo.gl/4rKGkn
    5. 創市際insightxplorer (2016, 3)。創市際雙週刊第五十八期。取自:http://goo.gl/a1AgSA
    6. 資策會FIND (2014, 12),2014臺灣消費者行動裝置暨APP使用行為研究調查報告。取自: http://www.find.org.tw/market_info.aspx?n_ID=8303

    QR CODE