“Perception of letter glyph parameters for InfoTypography” by Lang and Nacenta

  • ©Johannes Lang and Miguel A. Nacenta

Conference:


Type:


Title:

    Perception of letter glyph parameters for InfoTypography

Presenter(s)/Author(s):



Abstract:


    The advent of variable font technologies—where typographic parameters such as weight, x-height and slant are easily adjusted across a range—enables encoding ordinal, interval or ratio data into text that is still readable. This is potentially valuable to represent additional information in text labels in visualizations (e.g., font weight can indicate city size in a geographical visualization) or in text itself (e.g., the intended reading speed of a sentence can be encoded with the font width). However, we do not know how different parameters, which are complex variations of shape, are perceived by the human visual system. Without this information it is difficult to select appropriate parameters and mapping functions that maximize perception of differences within the parameter range. We provide an empirical characterization of seven typographical parameters of Latin fonts in terms of absolute perception and just noticeable differences (JNDs) to help visualization designers to choose typographic parameters for visualizations that contain text, as well as support typographers and type designers when selecting which levels of these parameters to implement to achieve differentiability between normal text, emphasized text and different headings.

References:


    1. Adobe Corporation. 1997. Designing Multiple Master Fonts. https://www.adobe.com/content/dam/acom/en/devnet/font/pdfs/5091.Design_MM_Fonts.pdfGoogle Scholar
    2. Shehzad Afzal, Ross Maciejewski, Yun Jang, Niklas Elmqvist, and David S. Ebert. 2012. Spatial Text Visualization Using Automatic Typographic Maps. IEEE Transactions on Visualization and Computer Graphics 18, 12 (Dec. 2012), 2556–2564. Google ScholarDigital Library
    3. Hirotugu Akaike. 1974. A New Look at the Statistical Model Identification. IEEE Trans. Automat. Control 19, 6 (Dec. 1974), 716–723. Google ScholarCross Ref
    4. Eric Alexander, Chih-Ching Chang, Mariana Shimabukuro, Steven Franconeri, Christopher Collins, and Michael Gleicher. 2018. Perceptual Biases in Font Size as a Data Encoding. IEEE Transactions on Visualization and Computer Graphics 24, 8 (Aug. 2018), 2397–2410. Google ScholarCross Ref
    5. Apple Corporation. 2020. About Apple Advanced Typography Fonts. https://developer.apple.com/fonts/TrueType-Reference-Manual/RM06/Chap6AATIntro.htmlGoogle Scholar
    6. Aries Arditi and Jianna Cho. 2005. Serifs and Font Legibility. Vision Research 45, 23 (Nov. 2005), 2926–2933. Google ScholarCross Ref
    7. Gantugs Atarsaikhan, Brian Kenji Iwana, Atsushi Narusawa, Keiji Yanai, and Seiichi Uchida. 2017. Neural Font Style Transfer. In 2017 14th IAPR International Conference on Document Analysis and Recognition (ICDAR), Vol. 05. 51–56. Google ScholarCross Ref
    8. Samaneh Azadi, Matthew Fisher, Vladimir G. Kim, Zhaowen Wang, Eli Shechtman, and Trevor Darrell. 2018. Multi-Content GAN for Few-Shot Font Style Transfer. In Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition. 7564–7573. Google ScholarCross Ref
    9. Elena Balashova, Amit H. Bermano, Vladimir G. Kim, Stephen DiVerdi, Aaron Hertzmann, and Thomas Funkhouser. 2019. Learning A Stroke-Based Representation for Fonts. Computer Graphics Forum 38, 1 (2019), 429–442. Google ScholarCross Ref
    10. Shumeet Baluja. 2017. Learning Typographic Style: From Discrimination to Synthesis. Machine Vision and Applications 28, 5 (Aug. 2017), 551–568. Google ScholarDigital Library
    11. Scott Bateman, Carl Gutwin, and Miguel Nacenta. 2008. Seeing things in the clouds: the effect of visual features on tag cloud selections. In Proceedings of the nineteenth ACM conference on Hypertext and hypermedia. 193–202. Google ScholarDigital Library
    12. Benjamin Bauermeister. 1988. A Manual of Comparative Typography: The PANOSE System. Van Nostrand Reinhold.Google Scholar
    13. Sofie Beier. 2012. Reading letters: designing for legibility. Bis Publishers.Google Scholar
    14. Sofie Beier, Katrine Sand, and Randi Starrfelt. 2017. Legibility Implications of Embellished Display Typefaces. Visible Language 51, 1 (April 2017), 112–132. https://adk.elsevierpure.com/da/publications/legibility-implications-of-embellished-display-typefacesGoogle Scholar
    15. Jacques Bertin. 1967. SÃl’miologie graphique: les diagrammes, les r’eseaux, les cartes. Flammarion, Paris.Google Scholar
    16. Richard Brath and Ebad Banissi. 2014a. The Design Space of Typeface (Poster). In IEEE Conference on Information Visualisation VIS 2014. Institute of Electrical and Electronics Engineers (IEEE), Paris, France. https://openresearch.lsbu.ac.uk/item/8775vGoogle Scholar
    17. Richard Brath and Ebad Banissi. 2014b. Using Font Attributes in Knowledge Maps and Information Retrieval. In CEUR Workshop Proceedings, Vol. 1311. CEUR Workshop Proceedings, London, 23–30. https://openresearch.lsbu.ac.uk/item/877qxGoogle Scholar
    18. Richard Brath and Ebad Banissi. 2016. Using Typography to Expand the Design Space of Data Visualization. She Ji: The Journal of Design, Economics, and Innovation 2, 1 (March 2016), 59–87. Google ScholarCross Ref
    19. Richard Brath and Ebad Banissi. 2017. Multivariate Label-Based Thematic Maps. International Journal of Cartography 3, 1 (2017), 45–60. Google ScholarCross Ref
    20. Richard Brath and Ebad Banissi. 2019. Bertin’s forgotten typographic variables and new typographic visualization. Cartography and Geographic Information Science 46, 2 (March 2019), 119–139. Google ScholarCross Ref
    21. Robert Bringhurst. 2004. The elements of typographic style. Hartley & Marks Vancouver.Google Scholar
    22. Andy Brown. 2020. Viewing Distance and Font Size – Design Resources. http://resources.printhandbook.com/pages/viewing-distance-font-size.phpGoogle Scholar
    23. Barbara Brownie. 2007. One Form, Many Letters: Fluid and Transient Letterforms in Screen-Based Typographic Artefacts. Networking Knowledge: Journal of the MeCCSA Postgraduate Network 1, 2 (Dec. 2007). Google ScholarCross Ref
    24. Richard H. Byrd, Peihuang Lu, Jorge Nocedal, and Ciyou Zhu. 1995. A Limited Memory Algorithm for Bound Constrained Optimization. SIAM Journal on Scientific Computing 16, 5 (Sept. 1995), 1190–1208. Google ScholarDigital Library
    25. Neill D. F. Campbell and Jan Kautz. 2014. Learning a Manifold of Fonts. ACM Trans. Graph. 33, 4 (July 2014), 91:1–91:11. Google ScholarDigital Library
    26. Barbara S. Chaparro, A. Dawn Shaikh, Alex Chaparro, and Edgar C. Merkle. 2010. Comparing the Legibility of Six ClearType Typefaces to Verdana and Times New Roman. Information Design Journal 18, 1 (Aug. 2010), 36–49. Google ScholarCross Ref
    27. Karen Cheng. 2020. Designing type. Yale University Press.Google Scholar
    28. Saemi Choi, Toshihiko Yamasaki, and Kiyoharu Aizawa. 2016. Typeface Emotion Analysis for Communication on Mobile Messengers. In Proceedings of the 1st International Workshop on Multimedia Alternate Realities (AltMM ’16). Association for Computing Machinery, New York, NY, USA, 37–40. Google ScholarDigital Library
    29. Jacob Cohen. 1994. The Earth Is Round (p < .05). American Psychologist 49, 12 (1994), 997–1003. Google ScholarCross Ref
    30. Stephen Coles. 2013. The geometry of type: The anatomy of 100 essential typefaces. Thames & Hudson.Google Scholar
    31. Geoff Cumming. 2013. Understanding the new statistics: Effect sizes, confidence intervals, and meta-analysis. Routledge.Google Scholar
    32. Lucas de Groot. 2020. Interpolation Theory. https://www.lucasfonts.com/learn/interpolation-theoryGoogle Scholar
    33. Stanislas Dehaene. 2010. Reading in the brain: The new science of how we read. Penguin Group USA.Google Scholar
    34. Matthew J. Denwood. 2016. Runjags: An R Package Providing Interface Utilities, Model Templates, Parallel Computing Methods and Additional Distributions for MCMC Models in JAGS. Journal of Statistical Software 71 (July 2016), 1–25. Google ScholarCross Ref
    35. Jonathan Dobres, Nadine Chahine, Bryan Reimer, David Gould, Bruce Mehler, and Joseph F. Coughlin. 2016. Utilising psychophysical techniques to investigate the effects of age, typeface design, size and display polarity on glance legibility. Ergonomics 59, 10 (2016), 1377–1391. PMID: 26727912. Google ScholarCross Ref
    36. Frank H. Durgin and Zhi Li. 2011. The Perception of 2D Orientation Is Categorically Biased. Journal of Vision 11, 8 (July 2011), 13–13. Google ScholarCross Ref
    37. Gustav Theodor Fechner. 1948. Elements of Psychophysics, 1860. In Readings in the History of Psychology. Appleton-Century-Crofts, East Norwalk, CT, US, 206–213. Google ScholarCross Ref
    38. Cristian Felix, Steven Franconeri, and Enrico Bertini. 2018. Taking Word Clouds Apart: An Empirical Investigation of the Design Space for Keyword Summaries. IEEE Transactions on Visualization and Computer Graphics 24, 1 (Jan. 2018), 657–666. Google ScholarCross Ref
    39. Yue Gao, Yuan Guo, Zhouhui Lian, Yingmin Tang, and Jianguo Xiao. 2019. Artistic Glyph Image Synthesis via One-Stage Few-Shot Learning. ACM Transactions on Graphics 38, 6 (Nov. 2019), 185:1–185:12. Google ScholarDigital Library
    40. Andrew Gelman, John B. Carlin, Hal S. Stern, and Donald B. Rubin. 1995. Bayesian Data Analysis. Chapman and Hall/CRC, New York. Google ScholarCross Ref
    41. Han Han and Miguel Nacenta. 2020. The Effect of Visual and Interactive Representations on Human Performance and Preference with Scalar Data Fields. In Proceedings of the 46th Graphics Interface Conference (Toronto, Ontario, Canada) (GI ’20). Canadian Human-Computer Communications Society. Google ScholarCross Ref
    42. Yannis Haralambous. 1993. Parametrization of PostScript fonts through METAFONT-an alternative to Adobe Multiple Master fonts. Electronic Publishing 6, 3 (Sept. 1993), 145–157. https://hal.archives-ouvertes.fr/hal-02100464Google Scholar
    43. Yannis Haralambous. 2007. Fonts & encodings. O’Reilly Media, Sebastopol, Calif.Google Scholar
    44. Yannis Haralambous and Tereza Haralambous. 2003. Characters, Glyphs and Beyond. In Symposium on Glyphs, 21st Century COE Program. Kyōto University, Kyoto, Japan. https://hal.archives-ouvertes.fr/hal-01290554Google Scholar
    45. Lane Harrison, Fumeng Yang, Steven Franconeri, and Remco Chang. 2014. Ranking Visualizations of Correlation Using Weber’s Law. IEEE Transactions on Visualization and Computer Graphics 20, 12 (Dec. 2014), 1943–1952. Google ScholarCross Ref
    46. Tamir Hassan, Changyuan Hu, and Roger D. Hersch. 2010. Next Generation Typeface Representations: Revisiting Parametric Fonts. In Proceedings of the 10th ACM Symposium on Document Engineering (DocEng ’10). Association for Computing Machinery, New York, NY, USA, 181–184. Google ScholarDigital Library
    47. Hideaki Hayashi, Kohtaro Abe, and Seiichi Uchida. 2019. GlyphGAN: Style-consistent Font Generation Based on Generative Adversarial Networks. Knowledge-Based Systems 186 (Dec. 2019), 104927. Google ScholarDigital Library
    48. Jeffrey Heer and Michael Bostock. 2010. Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (Atlanta, Georgia, USA) (CHI ’10). ACM, New York, NY, USA, 203–212. Google ScholarDigital Library
    49. Douglas R Hofstadter and Emmanuel Sander. 2013. Surfaces and essences: Analogy as the fuel and fire of thinking. Basic Books.Google Scholar
    50. Keith Houston. 2013. Shady Characters: The Secret Life Of Punctuation, Symbols And Other Typographical Marks. WW Norton, New York; London.Google Scholar
    51. Catherine Q. Howe and Dale Purves. 2005. Natural-Scene Geometry Predicts the Perception of Angles and Line Orientation. Proceedings of the National Academy of Sciences 102, 4 (Jan. 2005), 1228–1233. Google ScholarCross Ref
    52. Changyuan Hu and Roger D. Hersch. 2004. Perceptually-Tuned Grayscale Characters Based on Parametrisable Component Fonts. In Digital Documents: Systems and Principles, Peter King and Ethan V. Munson (Eds.). Number 2023 in Lecture Notes in Computer Science. Springer Berlin Heidelberg, 69–76. http://link.springer.com/chapter/10.1007/978-3-540-39916-2_6Google ScholarCross Ref
    53. John Hudson. 2016. Introducing OpenType Variable Fonts. https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369#.80oysl6l8Google Scholar
    54. Sarah Hyndman. 2016. Why fonts matter. Random House.Google Scholar
    55. Florian Kadner, Yannik Keller, and Constantin Rothkopf. 2021. AdaptiFont: Increasing Individuals’ Reading Speed with a Generative Font Model and Bayesian Optimization. In Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Number 585. Association for Computing Machinery, New York, NY, USA, 1–11. Google ScholarDigital Library
    56. Matthew Kay and Jeffrey Heer. 2016. Beyond Weber’s Law: A Second Look at Ranking Visualizations of Correlation. IEEE Transactions on Visualization and Computer Graphics 22, 1 (Jan. 2016), 469–478. Google ScholarDigital Library
    57. Stanley A. Klein. 2001. Measuring, Estimating, and Understanding the Psychometric Function: A Commentary. Perception & Psychophysics 63, 8 (Nov. 2001), 1421–1455. Google ScholarCross Ref
    58. Thomas Kluyver, Benjamin Ragan-Kelley, Fernando Pérez, Brian Granger, Matthias Bussonnier, Jonathan Frederic, Kyle Kelley, Jessica Hamrick, Jason Grout, Sylvain Corlay, Paul Ivanov, Damián Avila, Safia Abdalla, Carol Willing, and Jupyter Development Team. 2016. Jupyter Notebooks – a Publishing Format for Reproducible Computational Workflows. Positioning and Power in Academic Publishing: Players, Agents and Agendas (2016), 87–90. Google ScholarCross Ref
    59. Donald E. Knuth. 1986. The metafont book. Addison-Wesley Reading, MA.Google ScholarDigital Library
    60. Leonid L. Kontsevich and Christopher W. Tyler. 1999. Bayesian Adaptive Estimation of Psychometric Slope and Threshold. Vision Research 39, 16 (Aug. 1999), 2729–2737. Google ScholarCross Ref
    61. John Kruschke. 2014. Doing Bayesian data analysis: A tutorial with R, JAGS, and Stan. Academic Press.Google Scholar
    62. John K. Kruschke. 2012. Complete Example of Right Censoring in JAGS (with Rjags). http://doingbayesiandataanalysis.blogspot.com/2012/01/complete-example-of-right-censoring-in.htmlGoogle Scholar
    63. Gordon E. Legge and Charles A. Bigelow. 2011. Does Print Size Matter for Reading? A Review of Findings from Vision Science and Typography. Journal of Vision 11, 5 (2011), 8–8. http://iovs.arvojournals.org/article.aspx?articleid=2191906Google ScholarCross Ref
    64. Zhouhui Lian, Bo Zhao, Xudong Chen, and Jianguo Xiao. 2018. EasyFont: A Style Learning-Based System to Easily Build Your Large-Scale Handwriting Fonts. ACM Transactions on Graphics 38, 1 (Dec. 2018), 6:1–6:18. Google ScholarDigital Library
    65. Ellen Lupton. 2010. Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students (2nd revised edition ed.). Princeton Architectural Press.Google Scholar
    66. Alan M. MacEachren. 2004. How maps work: representation, visualization, and design. Guilford Press.Google Scholar
    67. D. M. MacKay. 1963. Psychophysics of Perceived Intensity: A Theoretical Basis for Fechner’s and Stevens’ Laws. Science 139, 3560 (1963), 1213–1216. https://www.jstor.org/stable/1710451Google Scholar
    68. J. S. Mansfield, G. E. Legge, and M. C. Bane. 1996. Psychophysics of Reading. XV: Font Effects in Normal and Low Vision. Investigative Ophthalmology & Visual Science 37, 8 (July 1996), 1492–1501. https://iovs.arvojournals.org/article.aspx?articleid=2161324Google Scholar
    69. Constant Manteau, Miguel Nacenta, and Michael Mauderer. 2017. Reading Small Scalar Data Fields: Color Scales vs. Detail on Demand vs. FatFonts. In Proceedings of the 43rd Graphics Interface Conference (GI ’17). Canadian Human-Computer Communications Society, Waterloo, CAN, 50–56. Google ScholarCross Ref
    70. Yannick Mathey and Prototypo Team. 2020. Create Unlimited Type Variations with a Few Swipes. https://www.prototypo.io/Google Scholar
    71. Clyde D McQueen III and Raymond G Beausoleil. 1993. Infinifont: A Parametric Font Generation System. 6, 3 (1993), 117–132.Google Scholar
    72. Microsoft. 2018. OpenType Specification v1.8.3. Microsoft. https://docs.microsoft.com/en-us/typography/opentype/spec/Google Scholar
    73. Tomo Miyazaki, Tatsunori Tsuchiya, Yoshihiro Sugaya, Shinichiro Omachi, Masakazu Iwamura, Seiichi Uchida, and Koichi Kise. 2020. Automatic Generation of Typographic Font From Small Font Subset. IEEE Computer Graphics and Applications 40, 1 (Jan. 2020), 99–111. Google ScholarCross Ref
    74. Miguel Nacenta, Uta Hinrichs, and Sheelagh Carpendale. 2012. FatFonts: Combining the Symbolic and Visual Aspects of Numbers. In Proceedings of the International Working Conference on Advanced Visual Interfaces (Capri Island, Italy) (AVI ’12). Association for Computing Machinery, New York, NY, USA, 407–414. Google ScholarDigital Library
    75. Roel Nieskens. 2016. Variable Fonts: the Future of (Web) Type. https://typographica.org/on-typography/variable-fonts/ Library Catalog: typographica.org.Google Scholar
    76. Yoshi Ohno. 2000. CIE Fundamentals for Color Measurements. NIP & Digital Fabrication Conference 2000, 2 (Jan. 2000), 540–545.Google Scholar
    77. H. Q. Phan, H. Fu, and A. B. Chan. 2015. FlexyFont: Learning Transferring Rules for Flexible Typeface Synthesis. Computer Graphics Forum 34, 7 (2015), 245–256. Google ScholarDigital Library
    78. Martyn Plummer et al. 2003. JAGS: A program for analysis of Bayesian graphical models using Gibbs sampling. In Proceedings of the 3rd international workshop on distributed statistical computing (Vienna, Austria.), Vol. 124. 10.Google Scholar
    79. Keith Rayner, Alexander Pollatsek, Jane Ashby, and Charles Clifton Jr. 2012. Psychology of reading. Psychology Press.Google Scholar
    80. Luz Rello, Martin Pielot, and Mari-Carmen Marcos. 2016. Make It Big! The Effect of Font Size and Line Spacing on Online Readability. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (CHI ’16). Association for Computing Machinery, New York, NY, USA, 3637–3648. Google ScholarDigital Library
    81. Thomas Sanocki. 1987. Visual Knowledge Underlying Letter Perception: Font-specific, Schematic Tuning. Journal of Experimental Psychology: Human Perception and Performance 13, 2 (1987), 267–278. Google ScholarCross Ref
    82. Thomas Sanocki. 1988. Font Regularity Constraints on the Process of Letter Recognition. Journal of Experimental Psychology: Human Perception and Performance 14, 3 (1988), 472. http://psycnet.apa.org/journals/xhp/14/3/472/Google ScholarCross Ref
    83. Ariel Shamir and Ari Rappoport. 1998. Feature-Based Design of Fonts Using Constraints. In Electronic Publishing, Artistic Imaging, and Digital Typography, Roger D. Hersch, Jacques André, and Heather Brown (Eds.). Number 1375 in Lecture Notes in Computer Science. Springer Berlin Heidelberg, 93–108. http://link.springer.com/chapter/10.1007/BFb0053265Google Scholar
    84. Nick Sherman. 2021. Variable Fonts Web Site. https://v-fonts.com/Google Scholar
    85. Yuto Shinahara, Takuro Karamatsu, Daisuke Harada, Kota Yamaguchi, and Seiichi Uchida. 2019. Serif or Sans: Visual Font Analytics on Book Covers and Online Advertisements. In 2019 International Conference on Document Analysis and Recognition (ICDAR). 1041–1046. Google ScholarCross Ref
    86. Barbara G. Shortridge. 1979. Map Reader Discrimination of Lettering Size. The American Cartographer 6, 1 (Jan. 1979), 13–20. Publisher: Taylor & Francis. Google ScholarCross Ref
    87. Barbara G. Shortridge and Robert B. Welch. 1982. The Effect of Stimulus Redundancy on the Discrimination of Town Size on Maps. The American Cartographer 9, 1 (Jan. 1982), 69–78. Publisher: Taylor & Francis. Google ScholarCross Ref
    88. Hendrik Strobelt, Daniela Oelke, Bum Chul Kwon, Tobias Schreck, and Hanspeter Pfister. 2016. Guidelines for Effective Usage of Text Highlighting Techniques. IEEE Transactions on Visualization and Computer Graphics 22, 1 (2016), 489–498. Google ScholarDigital Library
    89. Miles A. Tinker. 1944. Criteria for Determining the Readability of Type Faces. Journal of Educational Psychology 35, 7 (Oct. 1944), 385–396. Google ScholarCross Ref
    90. Seiichi Uchida, Yuji Egashira, and Kota Sato. 2015. Exploring the World of Fonts for Discovering the Most Standard Fonts and the Missing Fonts. In 2015 13th International Conference on Document Analysis and Recognition (ICDAR). 441–445. Google ScholarDigital Library
    91. Yizhi Wang, Yue Gao, and Zhouhui Lian. 2020. Attribute2Font: Creating Fonts You Want from Attributes. ACM Transactions on Graphics 39, 4 (July 2020), 69:69:1–69:69:15. Google ScholarDigital Library
    92. Wikipedia contributors. 2020. Em (typography). https://en.wikipedia.org/w/index.php?title=Em_(typography)&oldid=984185316 Page Version ID: 984185316.Google Scholar
    93. Andy T. Woods, Carlos Velasco, Carmel A. Levitan, Xiaoang Wan, and Charles Spence. 2015. Conducting Perception Research over the Internet: A Tutorial Review. PeerJ 3 (July 2015), e1058. Google ScholarCross Ref
    94. Chang Xiao, Cheng Zhang, and Changxi Zheng. 2018. FontCode: Embedding Information in Text Documents Using Glyph Perturbation. ACM Transactions on Graphics 37, 2 (Feb. 2018), 15:1–15:16. Google ScholarDigital Library


ACM Digital Library Publication: