ABSTRACT
Good alignment and repetition of objects across presentation slides can facilitate visual processing and contribute to audience understanding. However, creating and maintaining such consistency during slide design is difficult. To solve this problem, we present two complementary tools: (1) StyleSnap, which increases the alignment and repetition of objects by adaptively clustering object edge positions and allowing parallel editing of all objects snapped to the same spatial extent; and (2) FlashFormat, which infers the least-general generalization of editing examples and applies it throughout the selected range. In user studies of repetitive styling task performance, StyleSnap and FlashFormat were 4-5 times and 2-3 times faster respectively than conventional editing. Both use a mixed-initiative approach to improve the consistency of slide decks and generalize to any situations involving direct editing across disjoint visual spaces.
Supplemental Material
Available for Download
- Abela, A.V. (2008). Advanced presentations by design. Pfeiffer.Google Scholar
- Ali, K., Hartmann, K., Fuchs, G. & Schumann, H. (2008). Adaptive layout for interactive documents. SmartGraphics'08, 247--254. Google ScholarDigital Library
- Amershi, S., Fogarty, J. & Weld., D. (2012). Regroup: interactive machine learning for on-demand group creation in social networks. CHI'12, 21--30. Google ScholarDigital Library
- Baudisch, P., Cutrell, E., Hinckley, K. & Eversole, A. (2005). Snap-and-go: helping users align objects without the modality of traditional snapping. CHI'05, 301--310. Google ScholarDigital Library
- Bier, E.A. & Stone, M.C. (1986). Snap-dragging. SIGGRAPH'86, 233--240. Google ScholarDigital Library
- Blackwell, A.F. (2002). First steps in programming: A rationale for attention investment models. Human Centric Computing Languages and Environments, 2002. Google ScholarDigital Library
- Borning, A., Lin, R.K.H & Marriott, K. (2000). Constraintbased document layout for the Web. Multimedia Syst. 8(3), 177--189. Google ScholarDigital Library
- Cypher, A. (1991). EAGER: programming repetitive tasks by example. CHI'91, 33--39. Google ScholarDigital Library
- Drucker, S.M., Petschnigg, G. & Agrawala, M. (2006). Comparing and managing multiple versions of slide presentations. UIST'06, 47--56. Google ScholarDigital Library
- Duarte, N. (2008). Slide:ology: The art and science of creating great presentations. O'Reilly Media. Google ScholarDigital Library
- Edge, D. Savage, J. & Yatani, K. (2013). HyperSlides: dynamic presentation prototyping. CHI'13, 671--680. Google ScholarDigital Library
- Fails, J.A. & Olsen Jr., D.R. (2003). Interactive machine learning. IUI'03, 39--45. Google ScholarDigital Library
- Fernquist, J., Shoemaker, G. & Booth, K. S. (2011). "Oh snap" helping users align digital objects on touch interfaces. INTERACT'11, 338--355. Google ScholarDigital Library
- Frisch, M., Kleinau, S., Langner, R. & Dachselt, R. (2011). Grids and guides: multi-touch layout and alignment tools. CHI'11, 1615--1618. Google ScholarDigital Library
- Frisch, M., Langner, R. & Dachselt, R. (2011). Neat: a set of flexible tools and gestures for layout tasks on interactive displays. ITS'11, 1--10. Google ScholarDigital Library
- Graf, W.H. (1998). Constraint-based graphical layout of multimodal presentations. Readings in intelligent user interfaces, Morgan Kaufmann, 263--285. Google ScholarDigital Library
- Hart, S. G., & Staveland, L. E. (1988). Development of NASA-TLX: results of empirical and theoretical research. Human mental workload, 1(3), 139--183.Google Scholar
- Hastie, T., Tibshirani, R. & Friedman, J.J.H. (2001). The elements of statistical learning. Springer.Google ScholarCross Ref
- Horvitz, E. (1999). Principles of mixed-initiative user interfaces. CHI'99, 159--166. Google ScholarDigital Library
- Jacobs, C., Li, W., Schrier, W., Bargeron, D. & Salesin, D. (2003). Adaptive grid-based document layout. SIGGRAPH'03, 838--847. Google ScholarDigital Library
- Jahanian, A., Liu, J., Lin, Q., Tretter, D., O'Brien-Strain, E., Lee, S.C., Lyons, N. & Allebach, J. (2013). Recommendation system for automatic design of magazine covers. IUI'13, 95--106. Google ScholarDigital Library
- Kurlander, D. & Bier, E. (1988). Graphical search and replace. SIGGRAPH'88, 113--120. Google ScholarDigital Library
- Liu, Y., Edge, D. & Yatani, K. (2013). SidePoint: a peripheral knowledge panel for presentation slide authoring. CHI'13, 681--684 Google ScholarDigital Library
- Lok, S. & Feiner, S.K. (2001). A survey of automated layout techniques for information presentations. SmartGraphics'01, 61--68.Google Scholar
- Lok, S., Feiner, S.K. & Ngai, G. (2004). Evaluation of visual balance for automated layout. IUI'04, 101--108. Google ScholarDigital Library
- Masui, T. (2001). HyperSnapping. HCC'01, 188--194. Google ScholarDigital Library
- Miller, R.C. & Myers, B.A. (2002). Multiple selections in smart text editing. IUI'02, 103--110. Google ScholarDigital Library
- Miller, R.C. & Marshall, A.M. (2004). Cluster-based find and replace. CHI'04, 57--64. Google ScholarDigital Library
- Myers, B. A. (1992). Demonstrational interfaces: a step beyond direct manipulation. Computer 25(8), 61--73. Google ScholarDigital Library
- Open XML SDK 2.5. http://msdn.microsoft.com/enus/library/office/bb448854.aspxGoogle Scholar
- Pschetz, L., Yatani, K. & Edge, D. (2014). TurningPoint: narrative-driven presentation planning. CHI'14. Google ScholarDigital Library
- Raza, M., Gulwani, S. & Milic-Frayling, N. (2014). Programming by example using least general generalizations. AAAI.Google Scholar
- Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: is beauty in the perceiver's processing experience?. Personality and social psychology review, 8(4), 364--382.Google Scholar
- Reynolds, G. (2012). Presentation Zen: simple ideas on presentation design and delivery. New Riders. Google ScholarDigital Library
- Ritter, A. and Basu, S. (2009). Learning to generalize for complex selection tasks. IUI'09, 167--176. Google ScholarDigital Library
- Schrier, E., Dontcheva, M., Jacobs, C., Wade, G. & Salesin, D. (2008). Adaptive layout for dynamically aggregated documents. IUI'08, 99--108. Google ScholarDigital Library
- Sibson. R. (1973). SLINK: an optimally efficient algorithm for the single-link cluster method. The Computer Journal 16 (1), 30--34.Google ScholarCross Ref
- Watanabe, T. & Hanaue, K. (2013). Composition support of presentation slides based on transformation of semantic relationships into layout structure. Multimedia Services in Intelligent Environments, 25, 155--181.Google ScholarCross Ref
- Weitzman, L. & Wittenburg, K. (1996). Grammar-based articulation for multimedia document design. Multimedia Systems, 4(3), 99--111. Google ScholarDigital Library
- Wigdor, D., Benko, H., Pella, J., Lombardo, J. & Williams, S. (2011). Rock & rails: extending multi-touch interactions with shape gestures to enable precise spatial manipulations. CHI'11, 1581--1590 Google ScholarDigital Library
- Xu, P., Fu, H., Igarashi, T. & Tai, C-L. (2014). Global beautification of layouts with interactive ambiguity resolution. UIST'14, 243--252. Google ScholarDigital Library
Index Terms
- Mixed-Initiative Approaches to Global Editing in Slideware
Recommendations
Global beautification of layouts with interactive ambiguity resolution
UIST '14: Proceedings of the 27th annual ACM symposium on User interface software and technologyAutomatic global beautification methods have been proposed for sketch-based interfaces, but they can lead to undesired results due to ambiguity in the user's input. To facilitate ambiguity resolution in layout beautification, we present a novel user ...
SnapPaste: an interactive technique for easy mesh composition
Editing and manipulation of existing 3D geometric objects are a means to extend their repertoire and promote their availability. Traditionally, tools to compose or manipulate objects defined by 3D meshes are in the realm of artists and experts. In this ...
A Mixed-Initiative Interface for Animating Static Pictures
UIST '18: Proceedings of the 31st Annual ACM Symposium on User Interface Software and TechnologyWe present an interactive tool to animate the visual elements of a static picture, based on simple sketch-based markup. While animated images enhance websites, infographics, logos, e-books, and social media, creating such animations from still pictures ...
Comments