Proceedings: GI 2019

Finding Layers Using Hover Visualizations

Evan Shimizu (Carnegie Mellon University), Matt Fisher (Adobe Research), Sylvain Paris (Adobe Research), Kayvon Fatahalian (Stanford University)

Proceedings of Graphics Interface 2019: Kingston, Ontario, 28 - 31 May 2019

DOI 10.20380/GI2019.16

  • BibTex

    @inproceedings{Shimizu:2019:10.20380/GI2019.16,
    author = {Shimizu, Evan and Fisher, Matt and Paris, Sylvain and Fatahalian, Kayvon},
    title = {Finding Layers Using Hover Visualizations},
    booktitle = {Proceedings of Graphics Interface 2019},
    series = {GI 2019},
    year = {2019},
    issn = {0713-5424},
    isbn = {978-0-9947868-4-5},
    location = {Kingston, Ontario},
    numpages = {9},
    doi = {10.20380/GI2019.16},
    publisher = {Canadian Information Processing Society},
    keywords = {layers, hover, interaction method, layer visualization, image editing},
    }
  • Supplementary Media

Abstract

In 2D digital art software, it is common to organize documents in to layers that are composited to create the final image, mimicking the traditional technique of creating an image by drawing on stacked transparent celluloid sheets. While intuitive, the layer stack suffers from problems of scale and organization. Documents with many layers are unwieldy to edit, finding a specific layer is akin to finding a needle in a haystack. This paper presents a click and hover interaction which visualizes the impact of a layer in the context of the full resolution composited image, providing an easier and faster way to identify layers in complex compositions. Through a user study, we find that users prefer to use hover visualizations in all cases, and that in compositions with many overlapping, semi-transparent layers, users are able to locate layers twice as fast with the click and hover interface.