The document describes a design task analysis that involves: 1. Analyzing design parameters and parameter space. 2. Involving crowd workers to evaluate designs within the parameter space. 3. Developing a user interface with tools like a VisOpt slider to facilitate the interactive design optimization process.

1. 8*44
鋔鋙رؠ؎ٝ䱱稊ך׋׭ך
ؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿
㼭㿊酔䊹խխ㖩劤㣐➜խխ✿⼧䆀⨳㣗
Not Good Good
Parameter Space Suggested Designs
Visualization
User’s Edit
Interactive
Optimization
Not Good Good
Parameter Space Suggested Designs
Visualization
User’s Edit
Interactive
Optimization

2. 鎘皾ח״׏גرؠ؎ٝ׾佄䴂ׅ׷
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

3. 鎘皾ח״׏גرؠ؎ٝ׾佄䴂ׅ׷
劤灇瑔ך㼎韋ػًٓة锃侭ח״׷رؠ؎ٝ䱱稊
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

4. 鎘皾ח״׏גرؠ؎ٝ׾佄䴂ׅ׷
劤灇瑔ך㼎韋ػًٓة锃侭ח״׷رؠ؎ٝ䱱稊
⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

5. 灇瑔嚊銲
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
رؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀ך䲿周
رؠ؎ٝךչ葺׃䝤׃պך瑞꟦ⴓ䋒׾䱿㹀ׅ׷
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أך䲿周
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

6. 灇瑔嚊銲
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
رؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀ך䲿周
رؠ؎ٝךչ葺׃䝤׃պך瑞꟦ⴓ䋒׾䱿㹀ׅ׷
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أך䲿周
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

7. 灇瑔嚊銲
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
رؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀ך䲿周
رؠ؎ٝךչ葺׃䝤׃պך瑞꟦ⴓ䋒׾䱿㹀ׅ׷
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أך䲿周
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

8. ٙ٦ؙؿٗ٦
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

9. ٙ٦ؙؿٗ٦
Design Task
design parameters
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

10. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
parameter space
parameter 1
parameter 2
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

11. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
parameter space
parameter 1
parameter 2
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

12. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
parameter space
parameter 1
parameter 2
crowd workers
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

13. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
parameter space
⹛歗
parameter 1
parameter 2
crowd workers
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

14. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
parameter space
parameter 1
parameter 2
crowd workers
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

15. ٙ٦ؙؿٗ٦
Design Task Analysis
design parameters
not good good
parameter space
parameter 1
parameter 2
crowd workers
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

16. ٙ٦ؙؿٗ٦
Design Task Analysis
f : n
design parameters
not good good
parameter space
parameter 1
parameter 2
crowd workers
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

17. ٙ٦ؙؿٗ٦
Design Task Analysis
f : n
crowd workers
User Interface
VisOpt Slider
design parameters
not good good
parameter space
parameter 1
parameter 2
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

18. رٌ
ِ٦ؠ؎ٝةؿؑ٦أ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

19. رٌ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

20. ꟼ鸬灇瑔
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

21. ꧊さ濼׾欽ְ׋رؠ؎ٝ
5BMUPO
7PZBOU9V
⵸ךِ٦ؠךرؠ؎ٝ׾׮הח
倜׃ְٌرٕ׾رؠ؎ׅٝ׷
㢳ֻך⿫⸇罏הꞿְ麊欽劍꟦ָ䗳銲
֮׷رؠ؎ٝחאְג
ؿ؍٦سغحؙ׾꧊׭׷
ػًٓة瑞꟦ך鍑匿٥䱱稊דכזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

22. ꧊さ濼׾欽ְ׋رؠ؎ٝ
5BMUPO
7PZBOU9V
⵸ךِ٦ؠךرؠ؎ٝ׾׮הח
倜׃ְٌرٕ׾رؠ؎ׅٝ׷
㢳ֻך⿫⸇罏הꞿְ麊欽劍꟦ָ䗳銲
֮׷رؠ؎ٝחאְג
ؿ؍٦سغحؙ׾꧊׭׷
ػًٓة瑞꟦ך鍑匿٥䱱稊דכזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

23. ꧊さ濼׾欽ְ׋رؠ؎ٝ
5BMUPO
7PZBOU9V
⵸ךِ٦ؠךرؠ؎ٝ׾׮הח
倜׃ְٌرٕ׾رؠ؎ׅٝ׷
㢳ֻך⿫⸇罏הꞿְ麊欽劍꟦ָ䗳銲
֮׷رؠ؎ٝחאְג
ؿ؍٦سغحؙ׾꧊׭׷
ػًٓة瑞꟦ך鍑匿٥䱱稊דכזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

24. 纇遚鎘皾ח״׷رؠ؎ٝ瑞꟦ך鍑匿
'POU0ˏ%POPWBO 7JFX%JSFDUJPO4FDPSE 8FC3FJOFDLF
ぐرؠ؎ٝ걄㚖ח㔿剣ך濼陎 暴䗙ꆀ
׾欽ְגְ׷
䧮ղך䩛岀כ⟣䠐ךرؠ؎ٝ瑞꟦ח黝欽〳腉
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

25. 纇遚鎘皾ח״׷رؠ؎ٝ瑞꟦ך鍑匿
'POU0ˏ%POPWBO 7JFX%JSFDUJPO4FDPSE 8FC3FJOFDLF
ぐرؠ؎ٝ걄㚖ח㔿剣ך濼陎 暴䗙ꆀ
׾欽ְגְ׷
䧮ղך䩛岀כ⟣䠐ךرؠ؎ٝ瑞꟦ח黝欽〳腉
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

26. 纇遚鎘皾ח״׷رؠ؎ٝ瑞꟦ך鍑匿
'POU0ˏ%POPWBO 7JFX%JSFDUJPO4FDPSE 8FC3FJOFDLF
ぐرؠ؎ٝ걄㚖ח㔿剣ך濼陎 暴䗙ꆀ
׾欽ְגְ׷
䧮ղך䩛岀כ⟣䠐ךرؠ؎ٝ瑞꟦ח黝欽〳腉
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

27. 䲿爙؎ٝةؿؑ٦أ
%FTJHO(BMMFSJFT.BSLT #SBJOTUPSNGUFSFDUT
䲿爙ⰻ㺁ָ➂꟦ך繟涸䠬鋙ח㛇בְגְזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

28. 䲿爙؎ٝةؿؑ٦أ
%FTJHO(BMMFSJFT.BSLT #SBJOTUPSNGUFSFDUT
䲿爙ⰻ㺁ָ➂꟦ך繟涸䠬鋙ח㛇בְגְזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

29. 䲿爙؎ٝةؿؑ٦أ
%FTJHO(BMMFSJFT.BSLT #SBJOTUPSNGUFSFDUT
䲿爙ⰻ㺁ָ➂꟦ך繟涸䠬鋙ח㛇בְגְזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

30. أٓ؎ت؎ٝةؿؑ٦أ
رؠ؎ٝفٖؽُ٦׾〳鋔⻉ ꟼ鸬ر٦ة׾〳鋔⻉
4JEF7JFXT5FSSZ 4DFOUFE8JEHFU8JMMFUU
չ葺׃䝤׃պך〳鋔⻉דכזְ
剑黝⻉堣腉כזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

31. أٓ؎ت؎ٝةؿؑ٦أ
رؠ؎ٝفٖؽُ٦׾〳鋔⻉ ꟼ鸬ر٦ة׾〳鋔⻉
4JEF7JFXT5FSSZ 4DFOUFE8JEHFU8JMMFUU
չ葺׃䝤׃պך〳鋔⻉דכזְ
剑黝⻉堣腉כזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

32. أٓ؎ت؎ٝةؿؑ٦أ
رؠ؎ٝفٖؽُ٦׾〳鋔⻉ ꟼ鸬ر٦ة׾〳鋔⻉
4JEF7JFXT5FSSZ 4DFOUFE8JEHFU8JMMFUU
չ葺׃䝤׃պך〳鋔⻉דכזְ
剑黝⻉堣腉כזְ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

33. رؠ؎ٝ瑞꟦ך鍑匿
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

34. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

35. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

36. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

37. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
纇遚鎘皾
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
crowd workers
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

38. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
剑㼭✳⛦岀
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

39. رؠ؎ٝ瑞꟦ך鍑匿
4BNQMJOH
1BSBNFUFS4FUT
(BUIFSJOH1BJSXJTF
$PNQBSJTPOT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
TUJNBUJOH(PPEOFTT
7BMVFTPG1PJOUT
3#'酡꟦
'JUUJOHB(PPEOFTT
'VODUJPO
ػًٓةإحزך
؟ٝفؚٔٝ
挿꟦חֶֽ׷
嫰鯰ر٦ةך ꧊
ぐ挿חֶֽ׷
(PPEOFTTך䱿㹀
鸬竲ꟼ侧פך
ؿ؍حذ؍ؚٝ
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

40. ِ٦ؠ؎ٝةؿؑ٦أ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

41. ؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
؝ٝإفز
չ葺׃䝤׃պך䞔㜠׾欽ְג䲿爙ⰻ㺁׾欰䧭
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

42. ؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
植㖈ך㹋鄲
ٓٝتيח⦐ך
رؠ؎ٝ׾欰䧭
挿侧ָ넝ְ⦐׾䲿爙
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

43. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

44. 剑黝⻉ 0QU
xi
xj
xi
xj
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

45. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

46. 剑黝⻉ 0QU
xi
xj
xi
xj
植㖈ך⦼
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

47. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

48. 剑黝⻉ 0QU
xi
xj
xi
xj
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

49. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

50. 剑黝⻉ 0QU
xi
xj
xi
xj
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

51. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

52. 剑黝⻉ 0QU
xi
xj
xi
xj
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

53. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

54. 剑黝⻉ 0QU
xi
xj
xi
xj
ِ٦ؠך箟꧊
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

55. ؎ٝةؿؑ٦أ
7JT0QU4MJEFS
堣腉〳鋔⻉ 7JT

56. 剑黝⻉ 0QU
xi
xj
xi
xj
荈⹛锃眍
ِ٦ؠך箟꧊
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

57. 黝欽⢽
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

58. 黝欽⢽
$PMPS$PSSFDUJPO
⹛歗
ةأؙⱖ溪ך葿酡姻խػًٓة侧
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

59. ⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

60. 黝欽⢽
$BNFSB-JHIU
⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

61. 黝欽⢽
$BNFSB-JHIU
ةأؙ
葺ְؽُ٦׾䱱ׅ
ػًٓة侧
Y
Z
[
僇׷ׁ
Y
Z
[
鋔ꅿ錬
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

62. ⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

63. 黝欽⢽
4IBEFS 颵䠬
ةأؙأذٖٝأ醡ך暟⡤ך鋅׋湡ךرؠ؎ٝ
⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

64. 黝欽⢽
4IBEFS 颵䠬
ةأؙأذٖٝأ醡ך暟⡤ך鋅׋湡ךرؠ؎ٝ
鐰⣣鯥ˑSFBMJTUJDBTTUBJOMFTT˒
ػًٓة侧
h)JTGPS)PNF
FHأذٖٝأ
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

65. ⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

66. 黝欽⢽
邌䞔ٌرؚٔٝ
#MFOETIBQFػًٓة锃眍ח״׏ג邌䞔׾ⵖ䖴ׅ׷䩛岀
⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

67. 黝欽⢽
邌䞔ٌرؚٔٝ
#MFOETIBQFػًٓة锃眍ח״׏ג邌䞔׾ⵖ䖴ׅ׷䩛岀
ٓٝتيז邌䞔ך⢽
קה׿וךرؠ؎ָٝ♶荈搫 㠨׸גְ׷
鐰⣣鯥OBUVSBM OPUCSPLFO
ػًٓة侧
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

68. ⹛歗
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

69. 黝欽⢽
邌䞔ٌرؚٔٝ
OPUOBUVSBM OBUVSBM
00..1155 00..3311 00..4499 00..6611 0.88
鋔鋙涸ח㧅䔲ז䱿㹀穠卓ָ䖤׵׸׋
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

70. 黝欽⢽
邌䞔ٌرؚٔٝ
OPUOBUVSBM OBUVSBM
00..1155 00..3311 00..4499 00..6611 0.88
鋔鋙涸ח㧅䔲ז䱿㹀穠卓ָ䖤׵׸׋
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

71. 黝欽⢽窟鎘ر٦ة
$PMPS
$PSSFDUJPO
$BNFSB
-JHIU
4IBEFS 'BDJBM
YQSFTTJPO
ػًٓة侧
鐰⣣鯥 HPPE HPPE SFBMJTUJD OBUVSBM
嫰鯰ر٦ة侧
さ鎘ꆃ겘 64% 64% 64% 64%
さ鎘儗꟦ NJO NJO NJO NJO
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

72. 鐰⣣
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

73. 鐰⣣鍑匿䩛岀
勲 XSU嫰鯰侧
❛䊴嗚鏾
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

74. 鐰⣣ِ٦ؠ؎ٝةؿؑ٦أ
ِ٦ؠأةر؍
➂ך㷕欰חِ٦ؠ؎ٝةؿؑ٦أ׾⢪׏ג׮׵ֲ
4ZTUFN6TBCJMJUZ4DBMF#BOHPS
ˑHPPE˒ WFSBHF
4%
鑫稢
Yuki Koyama, Daisuke Sakamoto, and Takeo Igarashi. 2014. Crowd-powered parameter analysis for visual design exploration. In
Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). ACM, New York, NY, USA, 65-74.
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

75. 陽锷תה׭
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

76. ٔىذ٦ءّٝ
! ةأָؙ㢌׻׷䏝חؙٓؐسا٦ءؚٝך
װ׶湫׃ָ䗳銲
! 鸬竲涸זػًٓةך׫黝欽〳腉
ꨄ侔涸זػًٓةכ♶〳
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

77. תה׭
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
⟣䠐ךرؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
! אך殯ז׷رؠ؎ٝ걄㚖ח黝欽
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

78. תה׭
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
⟣䠐ךرؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
! אך殯ז׷رؠ؎ٝ걄㚖ח黝欽
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

79. תה׭
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
⟣䠐ךرؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
! אך殯ז׷رؠ؎ٝ걄㚖ח黝欽
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

80. תה׭
! ؼُ٦وٝ؝ٝؾُذ٦ءّٝח״׏ג
⟣䠐ךرؠ؎ٝ瑞꟦׾鍑匿ׅ׷䩛岀
! رؠ؎ٝ䱱稊ך׋׭ך؎ٝةؿؑ٦أ
4NBSU4VHHFTUJPO
7JT0QU4MJEFS
! אך殯ז׷رؠ؎ٝ걄㚖ח黝欽
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

81. 鋔鋙رؠ؎ٝ䱱稊ך׋׭ך
ؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿
㼭㿊酔䊹խխ㖩劤㣐➜խխ✿⼧䆀⨳㣗

82. 㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

83. $SPXETPVSDJOH)VNBO$PNQVUBUJPO
)VNBO@
$SPXE1PXFSFE
)VNBO$PNQVUBUJPO
$PNQVUBUJPO@ $SPXETPVSDJOH
$SPXETPVSDJOHBTLDSPXEXPSLFSTUPEPTPNFUBTLT
)VNBO$PNQVUBUJPOBTTVNFIVNBOBTBQSPDFTTPS
TFF2VJOOGPSEFUBJMT
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

84. .JDSP5BTLGPS$SPXETPVSDJOH
8IBUJTUIFHPPEOFTTTDPSF
✗OB®WFBQQSPBDI BTLBCTPMVUFWBMVF
• EJDVMUUPDPOTJTUFOUMZBOTXFSFWFSZUJNF
• EJFSFOUTDBMFGPSFBDIXPSLFS
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

85. .JDSP5BTLGPS$SPXETPVSDJOH
✔
QBJSXJTFDPNQBSJTPO
4FDPSE(JOHPME$IBVEPIVSJ
8IJDIJTCFUUFS
FBTZGPSOPOFYQFSUT
TVJUBCMFGPSDSPXETPVSDJOH
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

86. .JDSP5BTLGPS$SPXETPVSDJOH
Which of the two images of OPVOis more BEKFDUJWF? !
For example, DMBVTF.!
Please choose the most appropriate one from the 5 options below.!
YBNQMFPGVTFSˏTTQFDJDBUJPO
OPVO vegetables
BEKFDUJWF good
DMBVTF
suppose that you had to choose one of these two
images to appear in a magazine or product
advertisement!
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

87. .JDSP5BTLGPS$SPXETPVSDJOH
2
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

88. 2VBMJUZ$POUSPM
ˑ%VQMJDBUF˒BQQSPBDI4FDPSE
(JOHPME
$IBVEIVSJ
2
2
%FUFDUDPOUSBEJDUJPO
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44

89. 2VBMJUZ$POUSPM
ˑ%VQMJDBUF˒BQQSPBDI4FDPSE(JOHPME$IBVEIVSJ
TLRVFTUJPOTSTU
TLUIFTBNFRVFTUJPOTXJUIJQQFEBSSBOHFNFOUT
*GBQBJSPGBOTXFSTJTDPOUSBEJDUFE
EJTDBSEUIFN
*GPWFSIBMGBOTXFSTBSFDPOUSBEJDUFE
EJTDBSEBMMPGUIFN
㼭㿊酔䊹㖩劤㣐➜✿⼧䆀⨳㣗խխ鋔鋙رؠ؎ٝ䱱稊ך׋׭ךؙٓؐسا٦ءؚٝ׾崞欽׃׋ػًٓة瑞꟦鍑匿խխ8*44