Good examples of transitions

30 Jan 2009 - 11:52am
5 years ago
3 replies
939 reads
Baruch Sachs
2007

Hello all,

Have a tabbed interface where a user will be doing work on a tab and
submitting that work. Problem is the tab just goes away and goes to the next
process they are working on and this has the tendency to confuse people.

I am looking for examples of elegant transitions that dont require a person
to to click anything or accept anything but lets them know that that
something has happened and they are moving on.

I have seen some good examples, but need more...

Thanks,
Baruch

Comments

30 Jan 2009 - 11:59am
Nik
2009

HI Baruch,

They'll be loads of jQuery solutions... http://jquery.com/

Nik

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of
Baruch Sachs
Sent: 30 January 2009 16:53
To: discuss at ixda.org
Subject: [IxDA Discuss] Good examples of transitions

Hello all,

Have a tabbed interface where a user will be doing work on a tab and
submitting that work. Problem is the tab just goes away and goes to the
next
process they are working on and this has the tendency to confuse people.

I am looking for examples of elegant transitions that dont require a
person
to to click anything or accept anything but lets them know that that
something has happened and they are moving on.

I have seen some good examples, but need more...

Thanks,
Baruch
________________________________________________________________
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

________________________________________________________________________
This e-mail has been scanned for all viruses by Star.
________________________________________________________________________

31 Jan 2009 - 5:00am
DampeS8N
2008

Why do the tabs go away? Is it a, "You did it, so you can't undo
it" thing? That's normally bad. But if it is 'right' in this
case, Why not just grey out the tabs they did and vividly highlight
the tab they are on?

Guessing a wizzardy step-by-step thing here...

A transition normally won't prevent users from being confused if it
shouldn't be moving on to new items. If by tabs you mean something
like articles in the CMS. Then just blindly moving on the next one is
likely a poor choice. Either show a confirmation of what they did with
options to move on to a new tab and other things, or stay on the same
page and confirm what they did.

Users really only get confused when they aren't sure what they did
really happened.

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

31 Jan 2009 - 8:56am
Yohan Creemers
2008

The site of the Dutch Railways uses a tab metaphor with a color
transition if the user clicks one of the tabs.

http://tinyurl.com/tab-transition

I think they implemented this to draw the user's attention to the
fact that the content has changed. A better example is in their
planning module. They always offer several alternatives, but these
alternative look so similar, that you might not notice that the
content has changed.

If you want to try for yourself: go to
http://www.ns.nl/cs/Satellite/travellers and plan a trip from e.g.
Amsterdam Centraal to Rotterdam Centraal.

- Yohan

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

Syndicate content Get the feed