user-generated mappings for web design retargeting juho kim 2009-06-09 cs376: research topics in hci...
TRANSCRIPT
User-generated Mappings forWeb Design Retargeting
Juho Kim2009-06-09CS376: Research Topics in HCI
worked with Ranjitha Kumar & Prof. Scott Klemmer
Designed a crowdsourcing interface to collect perceptual correspondences between pairs of web pages.
Goal: Build an automatic retargeting tool that enables using any web page as a design template.
Designed an interface that better captures and collects people’s mapping preferences
Made design decisions & customized the tool for crowdsourcing
Ran a number of pilot sessions with multiple iterations
Demo
Keeping it Simple
Serialization
Minimizing Matching Errors Minimizes accidents
Two-click interface Review previous matches
Brushing and linking Precise selection
Bloating parent nodes allows for more of segments.
Undo? Segments can be matched to more than
once.
Guiding the Matching
Learn the page first: preview Reduce ordering bias: randomized depth-first ordering. Hint: locally-related nodes shown on mouse-over.
Crowdsourced evaluation
Collect MTurk data; evaluate and analyze it. Voting interface
Other types of pages
Pages that have forked from the same root page Mobile vs. Desktop vs. Print Different versions of the same page over time Multiple pages within a same category: pattern
Help Us Out!