题名

生態資訊介面圖像設計及使用性研究-以台灣特有鳥類為例

并列篇名

Ecological Information Interface Graphic Design and Usability: A Case Study on Endemic Bird Species in Taiwan

作者

余佳穎(Chia-Yin Yu);柯志祥(Chih-Hsiang Ko)

关键词

生態資訊 ; 使用者經驗 ; 啟發式評估 ; 系統使用性 ; 介面設計 ; Ecological Information ; User Experience ; Heuristic Evaluation ; System Usability ; Interface Design

期刊名称

設計學報

卷期/出版年月

27卷4期(2022 / 12 / 01)

页次

69 - 92

内容语文

繁體中文;英文

中文摘要

本研究採螺旋模式,透過鳥類圖像設計、互動架構與介面設計、啟發式評估與使用性測試等流程,進行台灣特有鳥類app的設計與使用性研究,並透過網路問卷招募20歲以上,持有智慧型手機,且習慣使用社群軟體的台灣成年人作為受試者,研究採用遠端進行使用者測試,經篩除無效樣本後,有效樣本包含實驗組33位與控制組34位,共67位。測試結果使用驗證性因素分析、獨立樣本T檢定與迴歸分析進行檢定,以提供設計與教育領域在制定生態相關資訊架構時之參考依據。結果顯示本研究所設計之app系統使用性總分為74.773,介於「好」與「非常好」之間,在可靠性、刺激性、新穎性的使用經驗等級為「非常好」;吸引力與效率為「好」,清楚程度則「高於平均值」,且與自然攝影與文字圖示之介面在使用性與使用經驗上有顯著差異,說明在相同的生態資訊互動架構下,使用圖形描繪手法簡化的鳥類圖像與圖示之介面,有助於提升系統使用性,以及使用者經驗中系統的清楚程度、效率與可靠性。迴歸分析結果說明,使用者對產品的整體評價與系統的使用性、務實性、享樂性三者間均為正相關,其中,以務實性中的可靠性與享樂性中的新穎性,對整體評價的解釋力最高。

英文摘要

This study investigated the design and usability of an app for Taiwan's endemic bird species. The test adopted an unmoderated remote usability testing, and the participants were Taiwanese adults holding a smartphone and accustomed to using social networks. The valid samples of the usability test were including 33 participants in the experimental group, 34 participants in the control group. The test results were verified using confirmatory factor analysis, independent sample T-test, and regression analysis to provide references for developing ecological information frameworks in the design and education fields. According to the results, the app system designed had a usability score of 74.773; was rated "excellent" in dependency, stimulation, and novelty under user experience; was rated "good" in attractiveness and efficiency, and was rated "above average" in perspicuity. A significant difference in usability and user experience was observed between the interface based on nature photography and text icons and the interface based on bird images. Accordingly, when the same ecological information interactive framework is applied, the use of graphic rendering to create simplified interface based on bird images and icons helps improve the usability of the system, as well as the perspicuity, efficiency, and dependability of the system in terms of user experience. The regression analysis results showed that the users' overall app evaluation was positively correlated with the system's usability, pragmatic quality, and hedonic quality. Furthermore, the dependability in pragmatic quality and the novelty in hedonic quality reached the highest coefficient of determination.

主题分类 人文學 > 藝術
社會科學 > 傳播學
参考文献
  1. Yu, C. Y.,Ko, C. H.(2021).Visualization of birds’ ecological information in different design forms.International Journal of Digital Media Design,13(2),13-26.
    連結:
  2. 白炳豐, P. F.,李鳳娟, F. C.,張瓊云, Q. Y.,吳燕秋, Y. Q.,廖婉婷, W. T.(2008)。粗略集合論於鳥種判識法則之應用。戶外遊憩研究,21(4),93-108。
    連結:
  3. 林廷宜, T. Y.,賴采秀, C. S.(2015)。行動裝置介面圖示識認回饋與造形表現研究。設計學報,20(3),45-64。
    連結:
  4. Bangor, A.,Kortum, P. T.,Miller, J. T.(2008).An empirical evaluation of the system usability scale.International Journal of Human-Computer Interaction,24(6),574-594.
  5. Boehm, B.,Lane, J. A.,Koolmanojwong, S.,Turner, R.(2014).The incremental commitment spiral model: Principles and practices for successful systems and software.Crawfordsville, IN:Pearson.
  6. Brooke, J.(1996).SUS-A quick and dirty usability scale.Usability Evaluation in Industry,189,4-7.
  7. Dur, B. İ. U.(2014).Interactive infographics on the internet.Online Journal of Art and Design,2(4),1-14.
  8. Easterby, R.(Ed.),Zwaga, H.(Ed.)(1984).Information design: The design and evaluation of signs and printed material.New York, NY:Wiley.
  9. Farrell, A. M.(2010).Insufficient discriminant validity: A comment on Bove, Pervan, Beatty, and Shiu (2009).Journal of Business Research,63(3),324-327.
  10. Fornell, C.,Larcker, D. F.(1981).Evaluating structural equation models with unobservable variables and measurement error.Journal of Marketing Research,18(1),39-50.
  11. Hoffman, D. L.,Novak, T. P.(1995).Marketing in hypermedia computer mediated environments: Conceptual foundations.Journal of Marketing,60(6),50-68.
  12. Horton, W. K.(1994).The icon book: Visual symbols for computer systems and documentation.New York, NY:John Wiley & Sons.
  13. Lankow, J.,Ritchie, J.,Crooks, R.(2013).Infographics: The power of visual storytelling.Hoboken, NJ:Wiley.
  14. Mayer, R. E.(Ed.)(2001).Multimedia learning.New York, NY:Cambridge University Press.
  15. Mayer, R. E.,Lee, H.,Peebles, A.(2014).Multimedia learning in a second language: A cognitive load perspective.Applied Cognitive Psychology,28(5),653-660.
  16. Meyer, R. P.,Laveson, J. I.,Plus, D.(1981).An experience-judgement approach to tactical flight training.Proceedings of the Human Factors Society Annual Meeting,25(1),657-660.
  17. Nielsen, J. (2020b). Why you only need to test with 5 users. Retrieved from https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
  18. Nielsen, J.(1993).Usability engineering.Cambridge, MA:Academic Press.
  19. Nielsen, J. (2020a). 10 usability heuristics for user interface design. Retrieved from https://www.nngroup.com/articles/ten-usability-heuristics/
  20. Nielsen, J.(Ed.),Mack, R. L.(Ed.)(1994).Usability inspection methods.New York, NY:John Wiley & Sons.
  21. Park, Y. S.,Han, S. H.(2010).Touch key design for one-handed thumb interaction with a mobile phone: Effects of touch key size and touch key location.International Journal of Industrial Ergonomics,40(1),68-76.
  22. Pereece、 J.,Rogers, Y.,Sharp, H.,陳建雄(譯), C.-H.(Trans.)(2009).互動設計:跨越人-電腦互動.新北=New Taipei:全華=Chuan Hwa.
  23. Pimenta, S.,Poovaiah, R.(2010).On defining visual narratives.Design Thoughts,3,25-46.
  24. Retting, M.(1994).Prototyping for tiny fingers.Communication of the ACM,37(4),21-27.
  25. Schrepp, M.,Hinderks, A.,Thomaschewski, J.(2017).Construction of a benchmark for the user experience questionnaire (UEQ).International Journal of Interactive Multimedia and Artificial Intelligence,4(4),40-44.
  26. Tidwell、 J.,莊惠淳(譯), H.-C.(Trans.)(2012).操作介面設計模式.台北=Taipei:基峯資訊=Gotop.
  27. Tullis, T. S.,Stetson, J. N.(2004).A comparison of questionnaires for assessing website usability.Proceedings of UPA 2004,Minneapolis, MN.:
  28. 余佳穎, C. Y.(2017)。資訊視覺化應用於台灣特有鳥類圖像設計。2017 橘色善念國際研討會論文集,新北市=New Taipei City:
  29. 林文宏, W. H.,鄭司維, S. W.(2006).猛禽觀察圖鑑.台北=Taipei:遠流=Yuan-Liou.
  30. 林榮泰, R. T.(1993)。評估圖像符號方法的研究。明志工專學報,25,239-256。
  31. 邱皓政, H. C.(2010).量化研究與統計分析.台北=Taipei:五南=Wunan.
  32. 侯東旭, T. H.,葉玉玲, Y. L.(2009)。台灣高速鐵路圖像符號辨識率之研究-以台中高鐵站為例。人因工程學刊,11(1),69-81。
  33. 特有生物研究保育中心(2017)。特有動物名錄。行政院農業委員會特有生物研究保育中心。取自 https://tesri.tesri.gov.tw/view.php?catid=74 Endemic Species Research Institute. (2017). List of endemic species. Retrieved from https://tesri.tesri.gov.tw/view.php?catid=74. [in Chinese, semantic translation]
  34. 陳文賢, W. X.(1997)。模式譜、循環螺旋與實證研究。臺大管理論叢,8(1),1-24。
  35. 陳娜文, N. W.(2011)。台南=Tainan,台南應用科技大學=Tainan University of Technology。
  36. 廖本興, B. X.(2012).台灣野鳥圖鑑:陸鳥篇.台北=Taipei:晨星=Morningstar.
  37. 劉伯樂, B. L.(2015).野鳥的祕密.台北=Taipei:信誼=Hsinyi.
  38. 蕭木吉, M. J.(2015).臺灣野鳥手繪圖鑑.台北=Taipei:行政院農業委員會林務局=Forestry Bureau, Council of Agriculture, Executive Yuan.