Bricolage: example-based retargeting for web design

@article{Kumar2011BricolageER,
  title={Bricolage: example-based retargeting for web design},
  author={Ranjitha Kumar and Jerry O. Talton and Salman Ahmad and Scott R. Klemmer},
  journal={Proceedings of the SIGCHI Conference on Human Factors in Computing Systems},
  year={2011}
}
The Web provides a corpus of design examples unparalleled in human history. However, leveraging existing designs to produce new pages is often difficult. This paper introduces the Bricolage algorithm for transferring design and content between Web pages. Bricolage employs a novel, structured-prediction technique that learns to create coherent mappings between pages by training on human-generated exemplars. The produced mappings are then used to automatically transfer the content from one page… 
Learning Layouts for Single-PageGraphic Designs
This paper presents an approach for automatically creating graphic design layouts using a new energy-based model derived from design principles. The model includes several new algorithms for
A platform for large-scale machine learning on web design
TLDR
A platform necessary for doing large-scale machine learning on Web designs is presented, which consists of a Web crawler and proxy server to harvest and store a lossless and immutable snapshot of the Web; a page segmenter that codifies a page's visual layout; and an interface for augmenting the segmentations with crowdsourced metadata.
Learning design patterns with bayesian grammar induction
TLDR
This paper describes an algorithmic method for learning design patterns directly from data using techniques from natural language processing and structured concept learning, and induces a probabilistic formal grammar over these exemplars.
Umitation: Retargeting UI Behavior Examples for Website Design
TLDR
Evidence is found that Umitation helps participants extract and retarget dynamic front-end UI behavior examples quickly and expressively and can also help designers specify the desired behaviors and reconcile their intended interaction details with their existing UI.
d.tour: style-based exploration of design example galleries
TLDR
Exper exploratory techniques for finding relevant and inspiring design examples are introduced, including searching by stylistic similarity to a known example design and searching by style-based keyword.
AutoWPR: An Automatic Web Page Recoloring Method
TLDR
The results show that the proposed AutoWPR method can generate a human-like recoloring result and help novice developers reuse the reference web page’s colors conveniently.
Exemplar based experience transfer
TLDR
An automatic approach to transfer a novice user's content into an example banner via a semantic segmentation approach and an energy-based optimization framework to combine multiple design elements and arrive at an optimal layout is proposed.
Rewire: Interface Design Assistance from Examples
TLDR
Rewire is an interactive system that helps designers leverage example screenshots by automatically infers a vector representation of screenshots where each UI component is a separate object with editable shape and style properties and provides three design assistance modes that help designers reuse or redraw components of the example design.
WebCrystal: understanding and reusing examples in web authoring
TLDR
This paper introduces WebCrystal, a web development tool that helps users understand how a web page is built and shows that WebCrystal helped both novice and experienced developers complete more tasks successfully using significantly less time.
Stylette: Styling the Web with Natural Language
TLDR
Stylette is a browser extension that enables users to change the style of websites by expressing goals in natural language, and shows that Stylette lowered the learning curve, helping participants perform styling changes 35% faster than those using developer tools.
...
1
2
3
4
5
...

References

SHOWING 1-10 OF 33 REFERENCES
Designing with interactive example galleries
TLDR
Whether people can realize significant value from explicit mechanisms for designing by example modification is explored, finding that independent raters prefer designs created with the aid of examples, that examples may benefit novices more than experienced designers, and that users prefer adaptively selected examples to random ones.
Retrieving Web Page Layouts using Sketches to Support Example-based Web Design
TLDR
The users found the system very useful and the layouts designed using the system was scored highly by evaluators, and the result of an empirical user study is reported.
VIPS: a Vision-based Page Segmentation Algorithm
TLDR
An automatic top-down, tag-tree independent approach to detect web content structure that simulates how a user understands web layout structure based on his visual perception.
A graph-theoretic approach to webpage segmentation
TLDR
This work considers the problem of segmenting a webpage into visually and semantically cohesive pieces and presents a learning framework to learn these weights from manually labeled data in a principled manner.
Two studies of opportunistic programming: interleaving web foraging, learning, and writing code
TLDR
It is found that programmers leverage online resources with a range of intentions: They engage in just-in-time learning of new skills and approaches, clarify and extend their existing knowledge, and remind themselves of details deemed not worth remembering.
The volume and evolution of web page templates
TLDR
This work develops new randomized algorithms for template extraction that perform approximately twenty times faster than existing approaches with similar quality.
Programming by a sample: rapidly creating web applications with d.mix
TLDR
d.mix is introduced, a tool for creating web mashups that leverages this site-to-service correspondence and leverages pre-existing web sites as example sets and supports fluid composition and modification of examples.
Repetition-based web page segmentation by detecting tag patterns for small-screen devices
TLDR
This paper reports on the Repetition-based Page Segmentation (REPS) algorithm, which detects key patterns in a page and generates virtual nodes to correctly segment nested blocks in the DOM tree structure of a page.
Design as exploration: creating interface alternatives through parallel authoring and runtime tuning
TLDR
Techniques to support design exploration for desktop, mobile, and physical interfaces are described, and this work is situated in a larger design space of tools for explorative programming.
...
1
2
3
4
...