Article

The kinedit system: affective messages using dynamic texts

Authors:

Scott HudsonAuthors Info & Claims

CHI '03: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Pages 377 - 384

https://doi.org/10.1145/642611.642677

Published: 05 April 2003 Publication History

Abstract

Kinetic (dynamic) typography has demonstrated the ability to add significant emotive content and appeal to expressive text, allowing some of the qualities normally found in film and the spoken word to be added to static text. Kinetic typography has been widely and successfully used in film title sequences as well as television and computer-based advertising. However, its communicative abilities have not been widely studied, and its potential has rarely been exploited outside these areas. This is partly due to the difficulty in creating kinetic typography with current tools, often requiring hours of work to animate a single sentence.In this paper, we present the Kinedit system, a basic authoring tool that takes initial steps toward remedying this situation and hence promoting exploration of the communicative potential of kinetic typography for personal communication. Kinedit is informed by systematic study and characterization of a corpus of examples, and iterative involvement and validation by designers throughout the development process. We describe the tool and its underlying technology, usage experiences, lessons learned, and next steps.

References

[1]

Bass, S. (1959). Opening Credits to North by Northwest, Alfred Hitchcock, MGM, 1959. Available on the web at: http://www.twenty4.co.uk/on-line/issue001/project01/clips/nbynwest.rm

[2]

Bass, S. (1960). Opening Credits to Psycho, Alfred Hitchcock, Universal, 1960. Available on the web at: http://www.twenty4.co.uk/on-line/issue001/project01/clips/psycho.rm

[3]

Bork, A. (1983). "A Preliminary Taxonomy of Ways of Displaying Text on Screens." Information Design Journal, v3 n3, pp. 206--214.

[4]

Chang, B.-W., Ungar, D. (1993). "Animation: From Cartoons to the User Interface", UIST93 Conference Proceedings, pp.45--55.

Digital Library

[5]

Chang, B-W., Mackinlay, J., Zelleweger, P.T., and Igarashi, T. (1998). "A Negotiation Architecture for Fluid Documents." UIST98 Conference Proceedings, pp. 123--133.

Digital Library

[6]

Crystal, D. (1975). The English Tone of Voice: Essays in intonation, prosody, and paralanguage. New York: St. Martin's Press.

[7]

Ford, S., Forlizzi, J., and Ishizaki, S. (1997). "Kinetic Typography: Issues in time-based presentation of text." CHI97 Conference Extended Abstracts, pp. 269--270.

Digital Library

[8]

Greenberg, S., Gutwin, C., and Cockburn, A. (1996). "Awareness through fisheye views in relaxed WYSIWIS groupware. Graphics Interface 96 Conference Proceedings, pp. 28--38.

Digital Library

[9]

Hiebert, K. (1992). Graphic Design Processes: Universal to Unique. New York: Van Nostrand Reinhold.

Digital Library

[10]

Hudson, S.E. and Stasko, J.T. (1993). "Animation Support in a User Interface Toolkit: Flexible, Robust, and Reusable Abstractions." UIST93 Conference Proceedings, pp. 57--67.

Digital Library

[11]

Ishizaki, S. (1996). "Multiagent Design Systems: Visualization as an emergent behavior of active design agents." CHI96 Conference Proceedings, pp. 347--354.

Digital Library

[12]

Ishizaki, S. (1997) "Kinetic Typography." Available on the web at: http://www.cmu.edu/cfa/design/kdg/kt/

[13]

Ishizaki, S. (1998). "On Kinetic Typography", Statements, the Newsletter for the American Center for Design, v12 n1, pp. 7--9.

[14]

Kandogan, E. and Schneiderman, B. (1998). "Elastic Windows: A hierarchical multi-window World-Wide Web browser. UIST 98 Conference Proceedings, pp. 169--177.

Digital Library

[15]

Lasseter, J. (1987). "Principles of Traditional Animation Applied to 3D Computer Animation", SIGGRAPH 87 Conference Proceedings, pp. 35--44.

Digital Library

[16]

Lee, J.C., Forlizzi, J., and Hudson, S.E. (2002). "The Kinetic Typography Engine: An Extensible System for Animating Expressive Text", UIST02 Conference Proceedings, pp. 81--90.

Digital Library

[17]

Lewis, J.E. and Weyers, A. (1999). "ActiveText: a method for creating dynamic and interactive texts." UIST.99 Conference Proceedings, pp. 131--140.

Digital Library

[18]

Masui, T., Minakuchi, M., Borden IV G.R., and Kashiwagi, K. (1995). "Multiple View approach for smooth information retrieval." UIST95 Conference Proceedings, pp. 199--206.

Digital Library

[19]

Mills, C. and Weldon, L. (1987). "Reading Text From Computer Screens." ACM Computing Surveys, v19 n4, pp. 329--358.

Digital Library

[20]

Myers, B. A., Miller, R.C., McDaniel, R., Ferrency, A. (1996). "Easily Adding Animations to Interfaces Using Constraints", UIST96 Conference Proceedings, pp. 119--128.

Digital Library

[21]

Neuwirth, C.M., Chandhok, R., Kaufer, D.S., Erion, P., Morris, J., and Miller, D. (1992). "Flexible diff-ing in a collaborative writing system." CSCW92 Conference Proceedings, pp. 147--154.

Digital Library

[22]

Pashler, H., (1998). The psychology of attention. Boston, MA: MIT Press.

[23]

Potter, M. (1984). "Rapid Serial Visual Presentation (RSVP): A Method for Studying Language Processing." New Methods in Reading Comprehension Research. Mahwah, NJ: Lawrence Erlbaum, pp. 91--118.

[24]

Small, D. (1989). Expressive Typography. Master's Thesis, Media Arts and Sciences, Massachusetts Institute of Technology.

[25]

Smith, M. (1995). Engaging Characters -- Fiction, Emotion and The Cinema. Oxford, England: Clarendon Press.

[26]

Thomas, F., Johnston, O. (1981). The Illusion of Life: Disney Animation. New York, NY: Hyperion Books.

[27]

Wobbrock, J.O., Forlizzi, J., Hudson, S.E., and Myers, B.A. (2002). "WebThumb: Interaction Techniques for Small-Screen Browsers," UIST02 Conference Proceedings, pp. 205--208.

Digital Library

[28]

Wong, Y.Y. (1995). "Temporal Typography: Characterization of time-varying typographic forms." Master's Thesis, Media Arts and Sciences, Massachusetts Institute of Technology.

Cited By

Kaya S(2024)Grafik Tasarımda 21. Yüzyıl Tasarım Trendleri ve YönelimleriMedeniyet Sanat Dergisi10.46641/medeniyetsanat.144047610:1(8-29)Online publication date: 30-Jun-2024
https://doi.org/10.46641/medeniyetsanat.1440476
de Lacerda Pataca CHassan STinker NPeiris RHuenerfauth M(2024)Caption Royale: Exploring the Design Space of Affective Captions from the Perspective of Deaf and Hard-of-Hearing IndividualsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642258(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642258
Xie LShu XSu JWang YChen SQu H(2024)Creating Emordle: Animating Word Cloud for Emotion ExpressionIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.328639230:8(5198-5211)Online publication date: 1-Aug-2024
https://dl.acm.org/doi/10.1109/TVCG.2023.3286392
Show More Cited By

Index Terms

The kinedit system: affective messages using dynamic texts
1. Computing methodologies
  1. Computer graphics
    1. Animation
  2. Modeling and simulation
    1. Simulation types and techniques
      1. Simulation by animation
2. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction devices
      1. Touch screens
  2. Interaction design

Recommendations

TextAlive: Integrated Design Environment for Kinetic Typography
CHI '15: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems

This paper presents TextAlive, a graphical tool that allows interactive editing of kinetic typography videos in which lyrics or transcripts are animated in synchrony with the corresponding music or speech. While existing systems have allowed the ...
The kinetic typography engine: an extensible system for animating expressive text
UIST '02: Proceedings of the 15th annual ACM symposium on User interface software and technology

Kinetic typography --- text that uses movement or other temporal change --- has recently emerged as a new form of communication. As we hope to illustrate in this paper, kinetic typography can be seen as bringing some of the expressive power of film --- ...
KTE2: an engine for kinetic typography
CHI EA '09: CHI '09 Extended Abstracts on Human Factors in Computing Systems

In this paper we describe a Kinetic Typography Engine, which allows the creation of text animation sequences. Kinetic typography can bring written text closer to the realm of film by adding expressive power to it. Thus kinetic typography can be used to ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '03: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

April 2003

620 pages

ISBN:1581136307

DOI:10.1145/642611

Conference Chairs:
Gilbert Cockton
University of Sunderland, UK
,
Panu Korhonen
Nokia Research Center, Finland

Copyright � 2003 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 05 April 2003

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Article

Conference

CHI03

Sponsor:

CHI03: Human Factors in Computing Systems

April 5 - 10, 2003

Florida, Ft. Lauderdale, USA

Acceptance Rates

CHI '03 Paper Acceptance Rate 75 of 468 submissions, 16%;

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

37
Total Citations
View Citations
1,533
Total Downloads

Downloads (Last 12 months)31
Downloads (Last 6 weeks)5

Reflects downloads up to 16 Oct 2024

Other Metrics

View Author Metrics

Citations

Cited By

Kaya S(2024)Grafik Tasarımda 21. Yüzyıl Tasarım Trendleri ve YönelimleriMedeniyet Sanat Dergisi10.46641/medeniyetsanat.144047610:1(8-29)Online publication date: 30-Jun-2024
https://doi.org/10.46641/medeniyetsanat.1440476
de Lacerda Pataca CHassan STinker NPeiris RHuenerfauth M(2024)Caption Royale: Exploring the Design Space of Affective Captions from the Perspective of Deaf and Hard-of-Hearing IndividualsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642258(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642258
Xie LShu XSu JWang YChen SQu H(2024)Creating Emordle: Animating Word Cloud for Emotion ExpressionIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.328639230:8(5198-5211)Online publication date: 1-Aug-2024
https://dl.acm.org/doi/10.1109/TVCG.2023.3286392
Xie LZhou ZYu KWang YQu HChen S(2023)Wakey-Wakey: Animate Text by Mimicking Characters in a GIFProceedings of the 36th Annual ACM Symposium on User Interface Software and Technology10.1145/3586183.3606813(1-14)Online publication date: 29-Oct-2023
https://dl.acm.org/doi/10.1145/3586183.3606813
Moon JKim NGoh GLee KKim HPark Y(2023)Stubbi: an Interactive Device for Enhancing Remote Text and Voice Communication in Small Intimate Groups through Simple Physical MovementsProceedings of the 2023 ACM Designing Interactive Systems Conference10.1145/3563657.3596016(1773-1788)Online publication date: 10-Jul-2023
https://dl.acm.org/doi/10.1145/3563657.3596016
de Lacerda Pataca CWatkins MPeiris RLee SHuenerfauth M(2023)Visualization of Speech Prosody and Emotion in Captions: Accessibility�for�Deaf�and�Hard-of-Hearing UsersProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3581511(1-15)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3581511
Kim JAhn SHong J(2023)Visible Nuances: A Caption System to Visualize Paralinguistic Speech Cues for Deaf and Hard-of-Hearing IndividualsProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3581130(1-15)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3581130
de Lacerda Pataca CCosta P(2023)Hidden Bawls, Whispers, and Yelps: Can Text Convey the Sound of Speech, Beyond Words?IEEE Transactions on Affective Computing10.1109/TAFFC.2022.317472114:1(6-16)Online publication date: 1-Jan-2023
https://doi.org/10.1109/TAFFC.2022.3174721
Lee HPark S(2023)What drives the learning benefits of moving text? A theoretical discussion for learning implications of kinetic typographyHumanities and Social Sciences Communications10.1057/s41599-023-01646-610:1Online publication date: 15-Apr-2023
https://doi.org/10.1057/s41599-023-01646-6
Rodrigues RSilva RPereira RMartinho CMartinho CDias JCampos JHeylen D(2022)A cautionary tale of side-by-side evaluations while developing emotional expression for intelligent virtual agentsProceedings of the 22nd ACM International Conference on Intelligent Virtual Agents10.1145/3514197.3549672(1-8)Online publication date: 6-Sep-2022
https://dl.acm.org/doi/10.1145/3514197.3549672
Show More Cited By

View Options

Get Access

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents