crowd-powered parameter analysis for visual design exploration (uist 2014)

77
Not Good Good Parameter Space Suggested Designs V isualization Use r s Edit Interactive Optimization Visualization User’s Edit Interactive Optimization

Upload: yuki-koyama

Post on 09-Jun-2015

1.337 views

Category:

Technology


1 download

DESCRIPTION

http://www-ui.is.s.u-tokyo.ac.jp/~koyama/project/CrowdPoweredAnalysis/index.html

TRANSCRIPT

Page 1: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Not Good Good

Parameter Space Suggested Designs

Visualization

User’s Edit

Interactive

Optimization

Visualization

User’s Edit

Interactive

Optimization

Not Good Good

Parameter Space Suggested Designs

Visualization

User’s Edit

Interactive

Optimization

Visualization

User’s Edit

Interactive

Optimization

Page 2: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 3: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 4: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 5: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Page 6: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Page 7: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Page 8: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 9: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task

design parameters

Page 10: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

parameter space

parameter 1pa

ram

eter

2

Page 11: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

parameter space

parameter 1pa

ram

eter

2

Page 12: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

parameter space

parameter 1pa

ram

eter

2

crowd workers

Page 13: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

parameter space

parameter 1pa

ram

eter

2

crowd workers

Page 14: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

not good good

parameter space

parameter 1pa

ram

eter

2

crowd workers

Page 15: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysis

design parameters

f : n

parameter space

parameter 1pa

ram

eter

2

crowd workers

not good good

Page 16: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Design Task Analysisf : n

User Interface

VisOpt Slider

design parameters

parameter space

parameter 1pa

ram

eter

2

crowd workers

not good good

Page 17: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 18: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 19: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 20: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

à 

Page 21: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

à 

Page 22: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à 

Page 23: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à 

Page 24: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

Page 25: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à à

Page 26: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à à

Page 27: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à à

Page 28: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 29: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 30: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 31: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 32: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

crowd workers

Page 33: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 34: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

Page 35: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 36: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 37: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Page 38: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

xi

x jxi

x j

Page 39: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

xi

x jxi

x j

Page 40: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

xi

x jxi

x j

Page 41: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

xi

x jxi

x j

Page 42: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

xi

x jxi

x j

Page 43: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 44: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 45: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 46: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 47: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 48: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 49: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 50: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 51: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 52: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 53: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

Page 54: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 55: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 56: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

0.15 0.15 0.31 0.31 0.49 0.49 0.61 0.61 0.88

Page 57: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 58: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 59: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 60: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

Page 61: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 62: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

Page 63: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

Page 64: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

Page 65: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

• 

Page 66: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

• 

Page 67: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

• 

Page 68: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

• 

• 

• 

Page 69: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Not Good Good

Parameter Space Suggested Designs

Visualization

User’s Edit

Interactive

Optimization

Visualization

User’s Edit

Interactive

Optimization

Not Good Good

Parameter Space Suggested Designs

Visualization

User’s Edit

Interactive

Optimization

Visualization

User’s Edit

Interactive

Optimization

Page 70: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 71: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

✗• • 

Page 72: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à

Page 73: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

Which of the two images of is more ? For example, . Please choose the most appropriate one from the 5 options below.

vegetable

good

suppose that you had to choose one of these two images to appear in a magazine or product advertisement

Page 74: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 75: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)
Page 76: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

  

à

à

Page 77: Crowd-Powered Parameter Analysis for Visual Design Exploration (UIST 2014)

à