Selecting groups of objects is a common task in graphical user interfaces. Current selection techniques such as lasso and rectangle selection become time-consuming and error-prone in dense configurations or when the area covered by targets is large or hard to reach. This paper presents a new pen-based interaction technique that allows users to efficiently select perceptual groups formed by the Gestalt principle of good continuity.
Selecting groups of objects is a common task in graphical user
interfaces and is required for many standard operations. Current
selection techniques such as lasso and rectangle selection become
time-consuming and error-prone in dense configurations or when
the area covered by targets is large or hard to reach.
Perceptualbased selection techniques considerably reduce selection time when
targets form perceptual groups, as predicted by Gestalt principles
of proximity and good continuity. However, they use heuristic and
not-validated grouping algorithms. Also, they do not allow editing
of a selection or selecting of groups with random configurations.
Dehmeshki and Stuerzlinger developed a perceptual-based object
group selection technique for mouse-based user interfaces [
This paper introduces PerSel, a new pen-based object group selection technique, which addresses the mentioned problems. PerSel consists of two components: The first component detects good continuation groups based on a neighborhood graph. The second provides a set of pen-based interaction techniques that use the detected groups to facilitate path-based selection.
The system first constructs a neighborhood graph. When the user performs a straight flick gesture starting from inside an object, the system examines all edges in the neighborhood graph that are connected to this object and picks the one which has the closest direction and distance to the gesture. The object and the edge are called the anchor object and the anchor edge, respectively.
PerSel is based on an implementation of Feldman’s model [
LC = exp (a21 + a2
2
2s2(1
2ra1a2) !
r2)
;
where a1 and a2 are the angles between lines connecting the center
of objects, and r and s are experimentally determined constants [
Primary paths with a LC smaller than a threshold are discarded as they are unlikely to be perceptually salient.If at least one primary path remains, the algorithm continues as follows: for each path it searches its potential continuations by identifying all neighbors of the last object in the path. Then, the four-object window is shifted to include each neighbor and the LC is computed in turn. If the new LC is smaller than a threshold, that completion is ignored, otherwise, the extension of the path with this neighbor is added to a stack. If all of the neighbors of the last node are unacceptable, the original path is kept; otherwise, the original path is discarded since at least one good extension has been found. The algorithm continues until all paths inside the stack have been processed.
Figure 1 illustrates this. In Fig. 1-a, the anchor node ‘1’ and anchor edge ‘e’ are represented by thick borders. All four-vertex windows with small LC are visualized with ovals, while the ones with large LC are shown in rectangles. There are three primary paths, see Fig. 1-b, but only the one inside the rectangle is considered for further extension. After two more iterations, see Fig. 1-c and d, only the straight path is returned as being perceptually plausible, see Fig. 1-e.
For line gestures that cross an object, the gesture is first decomposed into two half-gestures, using the closest point of the gesture relative to the center of the object. Then, the linear groups corresponding to each half is found using the above methods, and then the two groups are merged.
Curvilinearity group detection: Similar to the linear case, when the user performs an arc gesture starting from inside an object, the system examines the edges in the neighborhood graph that are connected to this object. The edge closest to the gesture is picked, as defined by the sum of distances between gesture points and the edge. The rest of algorithm works similar to the linear case, except that: (1) we use the curvilinearity coefficient that adapts the formula for LC by using the deviation from the average angle instead of the angles themselves, and (2) in the initial phase we only consider primary paths that turn in the same direction as the gesture.
In this section we explain the gestural interaction techniques available in PerSel. As common in pen-based systems, tapping on a single object selects it. Also, PerSel cancels all selections whenever the user taps the pen on the background. This affords a simple and fast way to cancel erroneous selections.
Path Selection: Performing a straight gesture across an object selects the Good Continuation group aligned with the gesture direction. Similarly, an arc gesture across an object selects the curvilinear group that has a similar direction as the gesture. In both cases, the selected group is visualized by links connecting the successive objects, see Fig. 2.
(a) (b) (c) (d)
Partial Path Selection: There are two alternatives for partial selection of paths. The first way is to select the complete path and then cut undesired part(s) by drawing a flick gesture across one (or two) visualized links, see Fig. 3. The second alternative is to initiate the selection by a flick gesture from inside an object, see Fig. 4. (a) (b) (c)
Resolving Non-Perceptual Groups If a gesture corresponds to multiple potential curvilinear groups, all of them are selected. The user can then disambiguate the section by deselecting the nondesired groups. This is similar to the partial selection technique, in that the paradigm of “cutting” links is used to separate the nondesired objects from the targets, see Fig. 5.
Selecting Paths With Multiple Segments: More complex paths often consist of connected Good Continuity groups (segments). To O2 A O2
C O2
B
A
A enable selection of such paths, we introduce a new path editing feature. Assume that a path is already selected. If the user draws a gesture across an already selected node (called an anchor), a supplementary anchor is created. Then the selected path is modified by (1) automatically deselecting objects on the path beyond the new anchor, and (2) adding the new (curvi-)linear group corresponding to the new gesture and anchor to the selection, see Fig. 6.
O1
O2
O3 (a) This paper presented PerSel, a new gesture-based selection technique that is based on the Gestalt principle of Good Continuation. Performing a flick gesture crossing an object selects the (curvi)linear group(s) that the object belongs to and is aligned with the gesture direction. PerSel also provides interaction techniques that allow users to perform partial group selection and selecting groups with arbitrary configurations. As future work we will include Gestalt principle of similarity and extend PerSel to deal with objects with different visual features such as shape and size.