474 |
or flat 2D images or maps\cite{fc-taxonomy}. |
or flat 2D images or maps\cite{fc-taxonomy}. |
475 |
|
|
476 |
The motivating example for unique backgrounds is |
The motivating example for unique backgrounds is |
477 |
the BuoyOING user interface, a focus+context user interface for navigating |
the BuoyOING (Buoy-Oriented Interface, Next Generation (i.e. our version 2)) |
478 |
hypertext. BuoyOING is a logical step forwards from the earlier work |
user interface, a focus+context interface for navigating |
479 |
|
hypertext. BuoyOING is a logical step from the earlier work |
480 |
on Fluid Links\cite{zellweger98fluid} and hypercept animations\cite{milgram99hypercept}. |
on Fluid Links\cite{zellweger98fluid} and hypercept animations\cite{milgram99hypercept}. |
481 |
Buoyoing has been designed from the ground up around the following three principles: |
Buoyoing has been designed from the ground up around the following three principles: |
482 |
\begin{quote} |
\begin{quote} |
492 |
\end{enumerate} |
\end{enumerate} |
493 |
\end{quote} |
\end{quote} |
494 |
|
|
495 |
The links are between specific areas of the 2D documents. |
The links are between specific areas of the 2D documents, and the {\em relevant fragments} |
496 |
|
of the target document is shown floating in the margin when the link anchor is close to the focus. |
497 |
|
Figure~\ref{figxupdfdiag} shows a sample document structure and a traveral, with and without |
498 |
|
unique backgrounds. |
499 |
|
|
500 |
\begin{figure*} |
\begin{figure*} |
501 |
\def\bw{7cm} |
\def\bw{7cm} |
523 |
\caption{ |
\caption{ |
524 |
\label{figxupdfdiag} |
\label{figxupdfdiag} |
525 |
The motivating example for unique backgrounds: |
The motivating example for unique backgrounds: |
526 |
a focus+context interface for browsing bidirectionally hyperlinked documents. |
the BuoyOING focus+context interface for browsing bidirectionally hyperlinked documents. |
527 |
The interface shows the relevant {\em fragments} of the other ends of the links |
The interface shows the relevant {\em fragments} of the other ends of the links |
528 |
and animates them fluidly to the focus upon traversing the link., |
and animates them fluidly to the focus upon traversing the link., |
529 |
The (trivial) document network shown in a). |
A small document network shown in a). |
530 |
The overall organization of the small network used as an example is shown in a). |
A sequence of a user browsing the network is shown in b) |
|
In b) and c) the same sequence of user's views to the network is shown, in b) |
|
531 |
without and in c) with background texture. |
without and in c) with background texture. |
532 |
There are three keyframes where the view stops and two frames of each animation between the keyframes |
There are three keyframes where the view stops and two frames of each animation between the keyframes |
533 |
are shown. |
are shown. |
534 |
The unique backgrounds help the user notice that the upper right buoy in the last keyframe |
The unique backgrounds help the user notice that the upper right buoy in the last keyframe |
535 |
is actually a part of the same document (1) which was in the focus in the first keyframe. |
is actually a part of the same document (1) which was in the focus in the first keyframe. |
536 |
Our hypothesis is that this will aid user orientation. |
Our (as yet untested) hypothesis is that this will aid user orientation. |
537 |
} |
} |
538 |
\end{figure*} |
\end{figure*} |
539 |
|
|
|
In the diagram above, the letters and colors helped identify the documents. |
|
|
Now, |
|
|
|
|
540 |
\section{Generating Unique Background Textures} |
\section{Generating Unique Background Textures} |
541 |
|
|
542 |
%XXX: shorten by one half column |
%XXX: shorten by one half column |