Navigation problem

25 Jun 2008 - 8:26am
6 years ago
4 replies
449 reads
Nancy Roberts
2008

Hi all,
I am working on an online application that explores the anatomy of certain
body systems.

In one section, we have a cross-cut diagram of a body part (the eye). Next
to it is a list of its subparts (macula, retina, cornea, etc.).

Originally, it was intended that when any of these items was clicked, that
would launch a highlight on the subpart, a voice over, and a text box
explaining what the part is and does.

The graphic designer added a roll-over function, which would highlight the
subpart as each item is rolled over.

The problem is obvious: if we are clicked into an item, reading the text and
listening to the vo, should the user be able to continue to roll over other
items in the list? If so, how should that roll over be distinguished from
the item we are clicked into? If the user is locked out of rolling over, how
do you restore this function after the user is finished learning about the
subpart (if he clicks into another item, he is still not in rollover mode).

If this is not sufficiently confusing, I can probably make it more so. :-)

Any ideas or best practices suggestions I can return to my team with?

Thanks!

Nancy

Comments

25 Jun 2008 - 10:48am
Bryan J Busch
2006

1) The area should be highlighted on hover, but not play
automatically, and there's a prompt: "Click to learn more," or a
noticeable "Play" button/icon, at which point the
animation/voice-over whatever can start.

2) It should be really easy to pause or stop the
highlight/movie/audio aspect. Is there a progress bar with a Stop or
Pause button available?

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=30736

25 Jun 2008 - 10:54am
Donna Fritzsche
2005

Nancy,
We are working on a similar system!

What about having all the behavior happen on rollover (skip the clicking
part.) When the user has rolled over the item - no other areas can be active.
Then when the user rolls - off the the focused item with text, etc, or clicks
a small close box - all areas become active again. (depending on the
situation, a small directive telling the user that they can get more info on
rollover may be necessary).

If that isn't practical, I would still say that while an item is active
(clicked on), that other roll overs should be disabled until the user either
actively closes the interaction or rolls off of it.

Donna

On Wed, 25 Jun 2008 09:26:08 -0400, Nancy Roberts wrote
> Hi all,
> I am working on an online application that explores the anatomy of certain
> body systems.
>
> In one section, we have a cross-cut diagram of a body part (the eye)
> . Next to it is a list of its subparts (macula, retina, cornea, etc.).
>
> Originally, it was intended that when any of these items was clicked,
> that would launch a highlight on the subpart, a voice over, and a
> text box explaining what the part is and does.
>
> The graphic designer added a roll-over function, which would
> highlight the subpart as each item is rolled over.
>
> The problem is obvious: if we are clicked into an item, reading the
> text and listening to the vo, should the user be able to continue to
> roll over other items in the list? If so, how should that roll over
> be distinguished from the item we are clicked into? If the user is
> locked out of rolling over, how do you restore this function after
> the user is finished learning about the subpart (if he clicks into
> another item, he is still not in rollover mode).
>
> If this is not sufficiently confusing, I can probably make it more
> so. :-)
>
> Any ideas or best practices suggestions I can return to my team with?
>
> Thanks!
>
> Nancy
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help

25 Jun 2008 - 10:49am
ELISABETH HUBERT
2007

The first thing that came to my mind was that the rollover should be
kept, but I think it will ultimately depend on your intended user
base. I'm thinking that keeping the rollover allows the user to
preview other areas while within another. So if I'm clicked in one
part and rollover another the rollover may just says the part name.
Just a thought.
But as I said i think it really does depend on who the application is
being created for.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=30736

25 Jun 2008 - 10:35am
Jack L. Moffett
2005

On Jun 25, 2008, at 9:26 AM, Nancy Roberts wrote:
> Any ideas or best practices suggestions I can return to my team with?

Nancy,

The visual representation of the selected state should differ from
the roll-over state. For example, if you are changing the color of
the item to bright orange to show selection, the roll-over state
could be a light orange. There should never be a question as to which
is which.

Best,
Jack

Jack L. Moffett
Interaction Designer
inmedius
412.459.0310 x219
http://www.inmedius.com

Questions about whether design
is necessary or affordable
are quite beside the point:
design is inevitable.

The alternative to good design
is bad design, not no design at all.

- Douglas Martin

Syndicate content Get the feed