research-article

Icon set selection via human computation

Authors:

Lasse Farnung Laursen,

Hsiang-Ting Chen,

Diego Gutierrez,

Richard Harper,

Takeo IgarashiAuthors Info & Claims

PG '16: Proceedings of the 24th Pacific Conference on Computer Graphics and Applications: Short Papers

Pages 1 - 6

Published: 11 October 2016 Publication History

Abstract

Picking the best icons for a graphical user interface is difficult. We present a new method which, given several icon candidates representing functionality, selects a complete icon set optimized for comprehensibility and identifiability. These two properties are measured using human computation. We apply our method to a domain with a less established iconography and produce several icon sets. To evaluate our method, we conduct a user study comparing these icon sets and a designer-picked set. Our estimated comprehensibility score correlate with the percentage of correctly understood icons, and our method produces an icon set with a higher comprehensibility score than the set picked by an involved icon designer. The estimated identifiability score and related tests did not yield significant findings. Our method is easy to integrate in traditional icon design workflow and is intended for use by both icon designers, and clients of icon designers.

References

[1]

{Böc96} Böcker M.: A multiple index approach for the evaluation of pictograms and icons. Computer Standards & Interfaces 18, 2 (1996). 1

Digital Library

[2]

{CB09} Callison-Burch C.: Fast, cheap, and creative: evaluating translation quality using amazon's mechanical turk. In Proc. EMNLP '09 (2009), ACL, pp. 286--295. 3

Digital Library

[3]

{CBCTH13} Chen X., Bennett P. N., Collins-Thompson K., Horvitz E.: Pairwise ranking aggregation in a crowdsourced setting. In Proc. WSDM '13 (2013), ACM, pp. 193--202. 4

Digital Library

[4]

{CD12} Caron F., Doucet A.: Efficient bayesian inference for generalized bradley-terry models. J. Comput. Graphical Statistics 21, 1 (2012), 174--196. 4

[5]

{CKGF13} Chaudhuri S., Kalogerakis E., Giguere S., Funkhouser T.: Attribit: content creation with semantic attributes. In Proc. UIST '13 (2013), ACM, pp. 193--202. 2

Digital Library

[6]

{CLKL16} Cherng F.-Y., Lin W.-C., King J.-T., Lee Y.-C.: An eeg-based approach for evaluating graphic icons from the perspective of semantic distance. In Proc. CHI '16 (2016), ACM. 1, 2, 3, 5

Digital Library

[7]

{DBH14} Demiralp C., Bernstein M. S., Heer J.: Learning perceptual kernels for visualization design. IEEE Trans. InfoVis. 20, 12 (2014), 1933--1942. 2

[8]

{DHSC10} Downs J. S., Holbrook M. B., Sheng S., Cranor L. F.: Are your participants gaming the system?: screening mechanical turk workers. In Proc. CHI '10 (2010), ACM, pp. 2399--2402. 3

Digital Library

[9]

{DRPC15} Dai P., Rzeszotarski J. M., Paritosh P., Chi E. H.: And now for something completely different: Improving crowdsourcing workflows with micro-diversions. In Proc. CSCW '15 (2015), ACM, pp. 628--638. 3

Digital Library

[10]

{EdV11} Eickhoff C., de Vries A.: How crowdsourcable is your task. In Proc. CSDM '11 at WSDM '11 (2011), pp. 11--14. 3

[11]

{GAGH14} Garces E., Agarwala A., Gutierrez D., Hertzmann A.: A similarity measure for illustration style. ACM Trans. Graph. 33 (2014), 93:1--93:9. 2

Digital Library

[12]

{GAHG16} Garces E., Agarwala A., Hertzmann A., Gutierrez D.: Style-based exploration of illustration datasets. Multimedia Tools and Applications (2016), 1--20. 2

[13]

{GSCO12} Gingold Y., Shamir A., Cohen-Or D.: Micro perceptual human computation for visual tasks. ACM Trans. Graph. 31, 5 (2012). 2

Digital Library

[14]

{GW04} Gajos K., Weld D. S.: Supple: automatically generating user interfaces. In Proceedings of the 9th international conference on Intelligent user interfaces (2004), ACM, pp. 93--100. 1

Digital Library

[15]

{HBS15} Huang S.-C., Bias R. G., Schnyer D.: How are icons processed by the brain? neuroimaging measures of four types of visual stimuli used in information systems. Journal of the Association for Information Science and Technology 66, 4 (2015), 702--720. 1

Digital Library

[16]

{Hor94} Horton W. K.: The Icon Book: Visual Symbols for Computer Systems and Documentation. John Wiley & Sons, Inc., New York, NY, USA, 1994. 2, 4

Digital Library

[17]

{Hor96} Horton W.: Designing icons and visual symbols. In CHI '96 Course Notes (1996), ACM, pp. 371--372. 2

Digital Library

[18]

{HS12} Heer J., Stone M.: Color naming models for color selection, image editing and palette design. In Proc. CHI '12 (2012), ACM, pp. 1007--1016. 2

Digital Library

[19]

{HSC02} Huang S.-M., Shieh K.-K., Chi C.-F.: Factors affecting the design of computer icons. Int. J. Industrial Ergonomics 29, 4 (2002), 211--218. 2, 3

[20]

{IMC07} Isherwood S. J., McDougall S. J., Curry M. B.: Icon identification in context: The changing role of icon characteristics with user experience. Human Factors: The Journal of the Human Factors and Ergonomics Society 49, 3 (2007), 465--476. 2, 3

[21]

{Ipe10} Ipeirotis P. G.: Demographics of mechanical turk. 3

[22]

{KCS08} Kittur A., Chi E. H., Suh B.: Crowdsourcing user studies with mechanical turk. In Proc. CHI '08 (2008), ACM, pp. 453--456. 3

Digital Library

[23]

{KNB* 13} Kittur A., Nickerson J. V., Bernstein M., Gerber E., Shaw A., Zimmerman J., Lease M., Horton J.: The future of crowd work. In Proc. CSCW '13 (2013), ACM, pp. 1301--1318. 3

Digital Library

[24]

{KPL08} Kolhoff P., Preuss J., Loviscach J.: Content-based icons for music files. Computers & Graphics 32, 5 (2008), 550--560. 2

Digital Library

[25]

{KSI14} Koyama Y., Sakamoto D., Igarashi T.: Crowd-powered parameter analysis for visual design exploration. In Proc. UIST '14 (2014), ACM, pp. 65--74. 2

Digital Library

[26]

{LHLF15} Liu T., Hertzmann A., Li W., Funkhouser T.: Style compatibility for 3d furniture models. ACM Trans. Graph. 34, 4 (2015), 85:1--85:9. 2

Digital Library

[27]

{LRFN04} Lewis J. P., Rosenholtz R., Fong N., Neumann U.: VisualIDs: Automatic Distinctive Icons for Desktop Interfaces. ACM Trans. Graph. 23, 3 (2004), 416--423. 2

Digital Library

[28]

{Mac92} MacKenzie I. S.: Fitts' law as a research and design tool in human-computer interaction. Human-computer interaction 7 (1992). 1

Digital Library

[29]

{Nol89} Nolan P. R.: Designing screen icons: Ranking and matching studies. Proc. HFES '89 33, 5 (1989), 380--384. 2, 3

[30]

{OLAH14} O'Donovan P., Lībeks J., Agarwala A., Hertzmann A.: Exploratory font selection using crowdsourced attributes. ACM Trans. Graph. 33, 4 (2014), 92. 2

Digital Library

[31]

{QB11} Quinn A. J., Bederson B. B.: Human computation: a survey and taxonomy of a growing field. In Proc. CHI '11 (2011), ACM, pp. 1403--1412. 2

Digital Library

[32]

{SABAG* 05} Setlur V., Albrecht-Buehler C., A Gooch A., Rossoff S., Gooch B.: Semanticons: Visual metaphors as file icons. In Computer Graphics Forum (2005), vol. 24, Wiley Online Library, pp. 647--656. 2

[33]

{SJ04} Schultz M., Joachims T.: Learning a distance metric from relative comparisons. Proc. NIPS '03 (2004), 41--48. 3

Digital Library

[34]

{VA05} Von Ahn L.: Human Computation. PhD thesis, 2005. 2

Digital Library

[35]

{VDMW12} Van Der Maaten L., Weinberger K.: Stochastic triplet embedding. In Proc. MLSP '12 (2012), IEEE, pp. 1--6. 3, 4

[36]

{Wie99} Wiedenbeck S.: The use of icons and labels in an end user application program: An empirical study of learning and retention. Behaviour & Information Technology 18, 2 (1999), 68--82. 1

[37]

{XFIT14} Xu P., Fu H., Igarashi T., Tai C.-L.: Global beautification of layouts with interactive ambiguity resolution. In Proc. UIST '14 (2014), ACM, pp. 243--252. 1

Digital Library

Cited By

Koyama YGoto M(2019)Precomputed optimal one-hop motion transition for responsive character animationThe Visual Computer: International Journal of Computer Graphics10.1007/s00371-019-01693-835:6-8(1131-1142)Online publication date: 1-Jun-2019
https://dl.acm.org/doi/10.1007/s00371-019-01693-8
Zhang JYu JZhang KZheng XZhang J(2017)Computational Aesthetic Evaluation of LogosACM Transactions on Applied Perception10.1145/305898214:3(1-21)Online publication date: 29-Jun-2017
https://dl.acm.org/doi/10.1145/3058982

Index Terms

Icon set selection via human computation

Recommendations

The Effect of Icon Size and Grid Size on Smartphone Menu Selection
ICSEB '18: Proceedings of the 2018 2nd International Conference on Software and e-Business

Menu interface design is an important part for the smartphone application. It's the main screen that leads the user to the function of an application. For grid menu design, selecting the number of grid size and icon size is an important part. The ...
Icon Concreteness Effect on Selection Speed and Accuracy
ICCAE 2018: Proceedings of the 2018 10th International Conference on Computer and Automation Engineering

The purpose of this research is studying the interaction of icon concreteness and response time in a sample of experienced users of a popular real-world software program (n = 100 users). The research used an experimental approach, with three trials of ...
Ease of icon processing can predict icon appeal
HCI'13: Proceedings of the 15th international conference on Human-Computer Interaction: human-centred design approaches, methods, tools, and environments - Volume Part I

Correlations between subjective ratings of interface usability and appeal have been frequently reported. This study examined the possibility that the relationship between usability and appeal are underpinned by implicit perceptions of ease of processing ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image Guide Proceedings

PG '16: Proceedings of the 24th Pacific Conference on Computer Graphics and Applications: Short Papers

October 2016

67 pages

ISBN:9783038680246

Conference Chairs:
Chandrajit Bajaj
University of Texas Austin
,
Thomas Ertl
University of Stuttgart
,
Tomoyuki Nishita
Hiroshima Shudo University/UEI Research
,
Program Chairs:
Eitan Grinspun
Columbia University
,
Bernd Bickel
IST Austria
,
Yoshinori Dobashi
Hokkaido University

Sponsors

IIEEJ: Institute of Image Electronics Engineers of Japan
dwango: DWANGO Co., Ltd.
Polyphony Digital: Polyphony Digital Inc.
CG-ARTS: Computer Graphic Arts Society
Square Enix: Square Enix
Silicon Studio: Silicon Studio Corp.
Prometech: Prometech Software, Inc.

Publisher

Eurographics Association

Goslar, Germany

Publication History

Published: 11 October 2016

Qualifiers

Research-article

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

2
Total Citations
View Citations
0
Total Downloads

Downloads (Last 12 months)0
Downloads (Last 6 weeks)0

Reflects downloads up to 19 Nov 2024

Other Metrics

View Author Metrics

Citations

Cited By

Koyama YGoto M(2019)Precomputed optimal one-hop motion transition for responsive character animationThe Visual Computer: International Journal of Computer Graphics10.1007/s00371-019-01693-835:6-8(1131-1142)Online publication date: 1-Jun-2019
https://dl.acm.org/doi/10.1007/s00371-019-01693-8
Zhang JYu JZhang KZheng XZhang J(2017)Computational Aesthetic Evaluation of LogosACM Transactions on Applied Perception10.1145/305898214:3(1-21)Online publication date: 29-Jun-2017
https://dl.acm.org/doi/10.1145/3058982

View Options

View options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

Media

Figures

Other

Tables

View Table of Contents