WebCrystal: Understanding and reusing examples in web authoring

Conference on Human Factors in Computing Systems - Proceedings

Volumn , Issue , 2012, Pages 3205-3214

  Chang, Kerry Shih Ping ^a   Myers, Brad A ^a  

^a Carnegie Mellon University ^*  (United States)

Author keywords

Examples; Web authoring

Indexed keywords

EXAMPLES; INTERACTION TECHNIQUES; MULTIPLE ELEMENTS; TEXTUAL DESCRIPTION; USER STUDY; WEB AUTHORING; WEB DESIGNS; WEB DEVELOPMENT TOOLS;

HUMAN ENGINEERING; VISUALIZATION;

WEBSITES;

EID: 84862068163     PISSN: None     EISSN: None     Source Type: Conference Proceeding    
DOI: 10.1145/2207676.2208740     Document Type: Conference Paper

References (20)

1. Brandt, J., Guo, P. J., Lewenstein, J., Dontcheva, M., Klemmer, S. R. Two studies of opportunistic programming: interleaving web foraging, learning, and writing code. Proc. CHI (2009), ACM, pp. 1589-1598.
2. Brandt, J., Pattamatta, V., Choi, W., Hsieh, B., Klemmer, S. R. Rehearse: Helping Programmers Adapt Examples by Visualizing Execution and Highlighting Related. Tech. rep. CSTR 2010-05, Stanford, Oct. 2010.
3. Buxton, B. Sketching User Experiences. Morgan Kaufmann, 2007.
4. Chrome Developer Tools. http://code.google.com/chrome/devtools/
5. Firebug. http://getfirebug.com/
6. Fitzgerald, M. CopyStyler: Web design by example. Master Thesis, Dept. of EECS, MIT, May 2008.
7. Gibson, D., Punera, K., Tomkins, A. The volume and evolution of Web page templates. Proc. WWW (2005), ACM, pp. 830-839.
8. Graphic Mania. http://www.graphicmania.net/are-webdesigners-required-to- know-how-to-code/
9. Hashimoto, Y., Igarashi, T. Retrieving web page layouts usingsketches to support example-based web design. 2nd Eurographics Workshop on Sketch-Based Interfaces and Modeling (2005).
10. Herring, S. R., Chang, C.-C., Krantzler, J., Bailey, B. P. Getting inspired!: understanding how and why examples are used in creative design practice. Proc. CHI (2009), ACM, pp. 87-96.
11. jQuery. http://jquery.com/
12. Ko, A. J., Myers, B. A. Finding Causes of Program Output with the Java Whyline. Proc. CHI (2009), ACM, pp. 1569-1578.
13. Kumar, R., Talton, J. O., Ahmad, A., Klemmer, S. R. Bricolage: Example-Based Retargeting for Web Design. Proc. CHI (2011), ACM, pp. 2197-2206.
14. Lee, B., Srivastava, S., Kumar, R., Brafman, R., Klemmer, S. R. Designing with interactive example galleries. Proc. CHI (2010), ACM, pp. 2257-2266.
15. Marks, J. et al. Design galleries: a general approach to setting parameters for computer graphics and animation. Proc. SIGGRAPH (1997), ACM, pp. 389-400.
16. MDC Doc Center. https://developer.mozilla.org/en/xul
17. Myers, B. A., Weitzman, D. A., Ko, A. J., Chau, D. H. Answering why and why not questions in user interfaces. Proc. CHI (2006), ACM, pp. 397-406.
18. Nardi, B. A small matter of programming. MIT Press. 1993.
19. Oney, S., Myers, B. A. FireCrystal: Understanding Interactive Behaviors in Dynamic Web Pages. IEEE Symp. On VL/HCC (2009), pp. 105-108.
20. Ritchie, D., Kejriwal, A. A., Klemmer, S. R. d.tour: style-based exploration of design example galleries. Proc. UIST (2011), ACM, pp. 165-174.