[SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

91
Sequential Line Search for Efficient Visual Design Optimization by Crowds Takeo Igarashi Issei Sato Yuki Koyama Daisuke Sakamoto

Transcript of [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Page 1: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Sequential Line Search for Efficient Visual Design Optimization by Crowds

Takeo IgarashiIssei SatoYuki Koyama Daisuke Sakamoto

Page 2: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Motivation

Page 3: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Parameter Tweaking Based on Preference

Page 4: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Design Exploration Optimization

x

⇤= argmax

x2XGoodness(x)

Page 5: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Optimization

x

⇤= argmax

x2XGoodness(x)

Page 6: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Human-in-the-Loop Optimization

Page 7: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Crowdsourced Human Computation

011001011101

Alexander J. Quinn and Benjamin B. Bederson. 2011. Human computation: a survey and taxonomy of a growing field. In Proc. CHI '11. 1403-1412.

Page 8: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Related Work on Crowdsourced Human Computation

Page 9: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Contributions

Page 10: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Contributions

Page 11: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 12: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 13: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 14: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 15: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 16: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 17: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Microtask Design

Page 18: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Microtask Design

Page 19: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

😁

Page 20: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Technical Challenges

Page 21: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Technical Background: (Standard) Bayesian Optimization

Page 22: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

(Standard) Bayesian Optimization実験計画

Page 23: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 24: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 25: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 26: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 27: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 28: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 29: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 30: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 31: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 32: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

New Technique: Bayesian Optimization Based on Line Search

Page 33: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Our Method

comparative な答えしか使えない

Page 34: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

How to Define Slider Spaces

S

Page 35: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

How to Define Slider Spacesx

+= argmax

x2{xi}µ(x)

x

EI= argmax

x2XEI(x)

Page 36: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 37: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 38: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 39: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 40: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 41: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 42: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 43: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 44: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 45: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 46: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 47: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 48: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 49: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 50: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 51: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Web Interface for Crowdsourcing

Page 52: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 53: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Applications #1 Photo Color Enhancement (6D)

Page 54: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 55: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 56: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Evaluation: Crowdsourced Voting

Page 57: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 58: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 59: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 60: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Applications #2 Material Appearance (3D / 7D)

Page 61: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 62: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 63: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 64: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 65: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 66: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 67: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 68: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Comparative Evaluation

Page 69: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Comparative Evaluation

Page 70: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 71: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Experiment #1: Synthetic Setting

Page 72: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

0.00

0.10

0.20

0.30

0.40

0.50

0.60

0.70

0 5 10 15 20

0.000.050.100.150.200.250.300.350.400.45

0 5 10 15 20

Optimizing a 2D function

Page 73: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Optimizing a 6D function

0.000.100.200.300.400.500.600.700.800.901.00

0 5 10 15 20

0.00

0.10

0.20

0.30

0.40

0.50

0.60

0.70

0.80

0 5 10 15 20

Page 74: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Optimizing a 20D function

0.00

0.20

0.40

0.60

0.80

1.00

1.20

1.40

1.60

0 5 10 15 20

0.00

0.20

0.40

0.60

0.80

1.00

1.20

1.40

0 5 10 15 20

Page 75: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 76: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Experiment #2: Crowdsourcing Setting

Page 77: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Experiment #2: Crowdsourcing Setting

0

5

10

15

20

25

30

35

0 2 4 6 8 10 12 14 16 18 20 0

5

10

15

20

25

30

35

0 2 4 6 8 10 12 14 16 18 20

Page 78: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Summary

Page 79: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Summary

Concept:

Strategy:

Technique:

Applications:

Page 80: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Limitation & Future Work

Page 81: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Sequential Line Search for Efficient Visual Design Optimization by Crowds

Takeo IgarashiIssei SatoYuki Koyama Daisuke Sakamoto

Page 82: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 83: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Optimization with Different Initial Conditions

Page 84: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 85: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Task Burden (Completion Time)

0

10

20

30

40

50

60

70

80

90

SSM 2GC 4GC

Task

Com

plet

ion

Tim

e [s

]

Page 86: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Advantages of Involving Many Crowds

Page 87: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Assumptions on Design Domains

Page 88: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Assumptions on Crowds

Page 89: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds

Difficult Cases

SIGGRAPH

SIGGRAPH

SIGGRAPH

Page 90: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds
Page 91: [SIGGRAPH 2017] Sequential Line Search for Efficient Visual Design Optimization by Crowds