Instagram標題文字大小閱讀舒適性之研究

The Study of Title Fonts Sizes on Instagram for Reading Comfort

蘇昱勻(Yu-Yun Su)；劉育君(Yu-Chun Liu)

使用性 ； 閱讀舒適性 ； 使用者介面 ； 美感 ； Instagram社群媒體 ； Usability ； Reading Comfort ； User Interface ； Aesthetics ； Instagram

中華印刷科技年報

2023（2023 / 08 / 01）

160 - 174

繁體中文;英文

對於長時間使用移動型裝置的社群使用者，當使用的頻率愈來愈高時，不舒服的的字體大小可能會造成消極的使用體驗，最終導致使用者對該社群頻道之評價不佳，甚至停止追蹤、閱覽。本研究旨在探討懶人包類型之社群貼文使用不同字體設計的介面設計與閱讀舒適性與美感之間的關係，進行內容分析法與實驗設計方法，所蒐集資料採雙因子變異數分析，透過立意抽樣的方法共招募79位受試者參與。實驗結果發現：（1）字體越大對於閱讀舒適性之評估較具有良好的接受度；（2）閱讀舒適性與美感交互作用成正相關；（3）設計師以使用者角度觀看字體大小之閱讀舒適性與美感時，並不會因自身設計背景與一般人有太大的差異；（4）與文獻提出之三種常見小螢幕字體大小偏好結果相異。本研究成果可作為移動型裝置上之社群貼文介面設計實務上的參考依據。

Social media posts have become the main entry point for users to obtain information resources; therefore, the inappropriate fonts size may make the user experience negative as the frequency of use increases, and eventually lead to the users' poor experience of the channel and even stop tracking and reading. This study conducted content analysis and experimentation approach aimed to investigate the relationship between user interface design of aggregated information title on Instagram with reading comfort and aesthetics of different font sizes. The results revealed that (1) The larger the font, the higher the acceptance of the reading comfort assessment. (2) The interaction between reading comfort and aesthetics is positively correlated. (3) When the designer looks at the reading comfort and aesthetics of the font size from the user's point of view, it does not differ too much from the average because of his or her design background. (4) The results are different from the three types of common font size preferences for small displays presented in the literature. The results of this study can be used as a practical reference for interface design on mobile devices.

1. 侯純純,林品章,黃文宗(2019)。不同中文字體變化對內文閱讀舒適性之影響。商業設計學報，23，47-66。
   連結：
2. Agić, A.,Mandić, L.,Loknar, N. S.(2022).,未出版
3. Agustin, R. W.,Ayu, M.(2021).THE IMPACT OF USING INSTAGRAM FOR INCREASING VOCABULARY AND LISTENING SKILL.Journal of English Language Teaching and Learning,2(1),1-7.
4. Berlyne, D. E.(1974).Studies in the new experimental aesthetics: Steps toward an objective psychology of aesthetic appreciation.Washington, DC:Hemisphere.
5. Bernard, M.,Liao, C. H.,Mills, M.(2021).The Effects of Font Type and Size on the Legibility and Reading Time of Online Text by Older Adults.CHI '01 Extended Abstracts on Human Factors in Computing Systems (CHI EA '01),New York, NY, USA:
6. Cai, T.,Wallace, shaun,Rezvanian, T.,Dobres, J.,Kerr, B.,Berlow, S.,Huang, J.,Sawyer, B. D.,Bylinskii, Z.(2022).Personalized Font Recommendations: Combining ML and Typographic Guidelines to Optimize Readability.Designing Interactive Systems Conference
7. Chang, M.,Brainerd, C.J.(2022).Association and dissociation between judgments of learning and memory: A Meta-analysis of the font size effect.Metacognition Learning,17,443-476.
8. Chun, J.,Han, S. H.,Im, H.,Park, Y. S.(2011).A Method for Searching Photos on a Mobile Phone by Using the Fisheye View Technique.International Journal of Industrial Ergonomics,41(3),280-288.
9. Faverio, M. (2022, January 13). Share of Those 65 and Older Who Are Tech Users Has Grown in the Past Decade. Pew Research Center. https://www.pewresearch.org/fact-tank/2022/01/13/share-of-those-65-and-older-who-are-tech-users-has-grown-in-the-past-decade/
10. Fu, T.W.,Peng, J.W.(2020).Format Effects of Traditional Chinese Character Size and Font Style on Reading Performance When Using Smartphones.International Conference on Human-Computer
11. Fu, Y.,Wu, Y.,Gao, W.,Hui, R.(2022).The Effect of Daylight Illumination in Nursing Buildings on Reading Comfort of Elderly Persons.Buildings,12(2),214-230.
12. Gkikas, D. C.,Tzafilkou, K.,Theodoridis, P. K.,Garmpis, A.,Gkikas, M. C.(2022).How Do Text Characteristics Impact User Engagement in Social Media Posts: Modeling Content Readability, Length, and Hashtags Number in Facebook.International Journal of Information Management Data Insights,2(1)
13. Huang, H. P.,Wei, M.,Ou, L. C.(2019).Effect of text‐background lightness combination on visual comfort for reading on a tablet display under different surrounds.Color Research & Application,44(1),54-64.
14. Huang, S. M.(2019).Effects of Font Size and Font Style of Traditional Chinese Characters on Readability on Smartphones.International Journal of Industrial Ergonomics,69,66-72.
15. Ilias, P.,Kshitij, S.,Patrick, M.,Michail, G.(2018).Visual Aesthetics of E-Commerce Websites: An Eye-Tracking Approach.Proceedings of the 51st Hawaii International Conference on System Sciences
16. Jones, K. (2015, July 19). How to Effectively Use Visual Storytelling [INFOGRAPHIC]. Search Engine Journal. https://www.searchenginejournal.com/effectively-use-visual-storytelling-infographic/136436/#close
17. Judy, M.(2023).The Role of the Title in Designing the Cover of Children’s Magazines.Journal of Nabo,32(41),768-794.
18. Kolliga, E. (2017). The role of interface aesthetics and shopping task on consumer purchase intentions: Effect of animation on web-based stores. https://repository.ihu.edu.gr//xmlui/handle/11544/15306
19. Li, Z.,Song, M.,Duan, S.,Wang, Z.(2022).Are Users Attracted by Playlist Titles and Covers? Understanding Playlist Selection Behavior on a Music Streaming Platform.Journal of Innovation & Knowledge,7(3)
20. Lin, H.,Lin, W.,Tsai, W.,Cheng, Y.,Wu, F.(2014).Effect of the Color Tablet Computer’s Polarity and Character Size on Legibility.International Conference on Universal Access in Human-Computer Interaction
21. Liu, R.,Chao, T.,Plaisant, C.,Shneiderman, B.(2012).University of Maryland Technical ReportUniversity of Maryland Technical Report,未出版
22. Luo, S.,Zhou, Y.(2015).Effects of Smartphone Icon Background Shapes and Figure/Background Area Ratios on Visual Search Performance and User Preferences.Frontiers of Computer Science,9,751-764.
23. Maneerut, C.,Helen, P.(2019).The effect of typeface and font size on reading text on a tablet computer for older and younger people.Proceedings of the 16th International Web for All Conference (W4A '19),New York, NY, USA:
24. Moshagen, M.,Musch, J.,G¨oritz, A. S.(2009).A blessing, not a curse: Experimental evidencefor beneficial effects on visual aesthetics on performance.Ergonomics,52,1311-1320.
25. Mullins, K. C.(2020).,未出版
26. Nielsen. (2022, January 12). The Era of Alignment: Future-Focused Strategies for Brand Building and Customer Acquisition. Campaign. https://www.lmtw.com/d/file/sm/dongtai/20220415/统一时代英文版 .pdf
27. Odushegun, L.(2023).Aesthetic Semantics: Affect Rating of Atomic Visual Web Aesthetics for Use in Affective User Experience Design.International Journal of Human-Computer Studies,171,1-14.
28. Raja, T. M.,Abdulhadi, R. H. H.,Ramadhan, M. D.(2022).Application of Brand Visual Identity in Interior Design. Case Study: Block71 Bandung.
29. Rello, L.,Pielot, M.,Marcos, M. C.(2016).Make It Big! The Effect of Font Size and Line Spacing on Online Readability.Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems
30. Rhodes, M. G.,Castel, A. D.(2008).Memory predictions are influenced by perceptual information: Evidence for metacognitive illusions.Journal of Experimental Psychology: General,137(4),615-625.
31. Simon K. (Mar.4.2022). DIGITAL 2022: TAIWAN. https://datareportal.com/reports/digital-2022-taiwan
32. Stickdorn, M.,Schneider, J.,Andrews, K.,Lawrence, A.(2011).This is service design thinking: basic, tools, cases.Hoboken, NJ:Wiley.
33. Tuch, A. N.,Bargas-avila, J. A.,Opwis, K.,Wilhelm, F. H.(2009).Visual Complexity of Websites: Effects on Users’ Experience, Physiology, Performance, and Memory.International Journal of Human-Computer Studies,67(9),703-715.
34. Vsy（2020 年 9 月 12 日）。Facebook Instagram 社群圖片文字大小範例 The samples of font sizes of making images on social media websites。https://ansr.dev/facebook-instagram-the-samplesof-font-sizes-of-making-images-on-social-media-websites/
35. Yeh, P.(2020).Impact of Button Position and Touchscreen Font Size on Healthcare Device Operation by Older Adults.Heliyon,6,e04147.
36. Zhu, S.,Su, X.,Dong, Y.(2021).Effects of the Font Size and Line Spacing of Simplified Chinese Characters on Smartphone Readability.Interacting with Computers,33(2),177-187.
37. Zhu, S.,Wang, X.,Li, W.,Dong, Y.(2023).Impact of the Density of the Elements Belonging to the Quick Access Area of a Smartphone App on the Visual Search Efficiency and User Experience of Elderly People.Displays,76
38. 王廷瑄（2018）。字型美學。錯不在新細明體。喀報，253。 取自 http://castnet.nctu.edu.tw/castnet/article/10079?issueID=706
39. 王韋堯,黃詩珮(2012)。探討優良平面廣告的設計形式與元素－以插畫式廣告為例。設計學報，17(2)，25-48。
40. 王薪媛(2020)。國立雲林科技大學視覺傳達設計系。
41. 李婉榕(2003)。臺中師範學院語文教育學系碩士班。
42. 李順德、張家豪。（2020 年 4 月 8 日）。新新聞》小編鍵盤治國時代， 政府網路行銷預算爆增。 風傳媒。https://www.storm.mg/article/2497081?page=2
43. 侯純純,林品章(2007)。華文文字編排設計理論初探。設計研究論壇研討會論文集，雲林:
44. 孫以琳(2014)。國立師範大學圖書資訊學研究所。
45. 陳君毅（2019年7月31日）。粉絲數不到10萬，微網紅、奈米網紅為何夯？新創靠 hashtag找到這群人的商機。數位時代。https://www.bnext.com.tw/article/54159/micro-and-nano-influencer
46. 潘奕兆（2022 年 7 月 19 日）。關於字的「大小」事——字到底要多大。 https://www.instagram.com/p/CgMpbYXP9K3/?utm_source=ig_web_copy_link
47. 蔡政穎(2017)。國立清華大學人力資源與數位學習科技研究所。
48. 賴宇瑄(2022)。國立清華大學科技管理研究所。
49. 謝佑欣(2015)。國立師範大學圖書資訊學研究所。
50. 謝寶煖（2001 年 12 月 9 日）。簡報技巧。https://www.lis.ntu.edu.tw/~pnhsieh/articles/presentation.htm
51. 韓明文（2006 年 12 月 9 日 ）。 商業簡報的字體大小。https://www.pook.com.tw/post/2006/12/29/ 商業簡報的字體大小
52. 羅郁中(2014)。國立師範大學設計研究所。