![Page 1: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/1.jpg)
User-generated Mappings forWeb Design Retargeting
Juho Kim2009-06-09CS376: Research Topics in HCI
worked with Ranjitha Kumar & Prof. Scott Klemmer
![Page 2: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/2.jpg)
Designed a crowdsourcing interface to collect perceptual correspondences between pairs of web pages.
![Page 3: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/3.jpg)
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
![Page 4: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/4.jpg)
![Page 5: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/5.jpg)
Demo
![Page 6: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/6.jpg)
Keeping it Simple
Serialization
![Page 7: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/7.jpg)
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.
![Page 8: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/8.jpg)
Guiding the Matching
Learn the page first: preview Reduce ordering bias: randomized depth-first ordering. Hint: locally-related nodes shown on mouse-over.
![Page 9: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/9.jpg)
Crowdsourced evaluation
Collect MTurk data; evaluate and analyze it. Voting interface
![Page 10: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/10.jpg)
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
![Page 11: User-generated Mappings for Web Design Retargeting Juho Kim 2009-06-09 CS376: Research Topics in HCI worked with Ranjitha Kumar & Prof. Scott Klemmer](https://reader034.vdocument.in/reader034/viewer/2022051316/56649ee65503460f94bf72dd/html5/thumbnails/11.jpg)
Help Us Out!