SchemeLens: A Content-Aware Vector-Based Fisheye Technique for Navigating Large Systems Diagrams

Aurélie Cohé (1, 2) , Bastien Liutkus (1, 2) , Gilles Bailly (1, 2) , James R Eagan (1, 2) , Eric Lecolinet (1, 2)

1 DIVA - Design, Interaction, Visualization & Applications
2 INFRES - Département Informatique et Réseaux

System schematics, such as those used for electrical or hydraulic systems, can be large and complex. Fisheye techniques can help navigate such large documents by maintaining the context around a focus region, but the distortion introduced by traditional fisheye techniques can impair the readability of the diagram. We present SchemeLens, a vector-based, topology-aware fisheye technique which aims to maintain the readability of the diagram. Vector-based scaling reduces distortion to components, but distorts layout. We present several strategies to reduce this distortion by using the structure of the topology, including orthogonality and alignment, and a model of user intention to foster smooth and predictable navigation. We evaluate this approach through two user studies: Results show that (1) SchemeLens is 16–27% faster than both round and rectangular flat-top fisheye lenses at finding and identifying a target along one or several paths in a network diagram; (2) augmenting SchemeLens with a model of user intentions aids in learning the network topology.

Mots clés: Fisheye; vector-scaling; content-aware; network schematics; interactive zoom; navigation; information visualization

Domaines: Interface homme-machine [cs.HC]

Aurélie Cohé, Bastien Liutkus, Gilles Bailly, James R Eagan, Eric Lecolinet. SchemeLens: A Content-Aware Vector-Based Fisheye Technique for Navigating Large Systems Diagrams. Transactions on Visualization & Computer Graphics (TVCG), 2016, 22 (1), pp.330-338. ⟨10.1109/TVCG.2015.2467035⟩. ⟨hal-01442946⟩