Thoughts about animations/transitions in GUI

8 May 2007 - 4:22pm
7 years ago
3 replies
1368 reads
MikkelHojbjerg
2007

Thoughts about animations/transitions in GUIs

I'm at the moment studding animations in GUI's .

///1.
I hope that the list can provide me with some thoughts about the use
of animations/transitions in GUI’s.

///2.
And I hope that the list can help finding relevant literature/papers/
sites that have worked with this issue.

I belive that animations have a unique function as an element that
can provide GUI with both functional and esthetic features,

The mid nineteens discussion about the use of Flash in websites is
not the aim, (-: as I'm very interested in the greater aspects of
animations and transitions.

You will find interesting readings in this artikel by :

Bay-Wei Chang
David Ungar

http://research.sun.com/techrep/1995/abstract-33.html

and

http://portal.acm.org/citation.cfm?id=168647&coll=portal&dl=ACM

Thanks in advance.

/Mikkel

hojbjerg [@] post.au.dk

Masters Thesis student at University of Aarhus, Denmark. Department
of Information and Media Studies

Comments

8 May 2007 - 8:12pm
Jeff Howard
2004

Hi Mikkel,

Animation can be used to call attention if used sparingly. Think
Amazon.com's gold box with its whimsical shake. It can also be used
to clarify an interaction. For instance, when you minimize a window
or close a folder you see where it goes, it doesn't just disappear.

For UI transitions, the first example that comes to mind is
37signals' Yellow Fade Technique where a color highlights a change
on a page, but then quickly fades away so as not to be too
distracting.

http://www.37signals.com/svn/archives/000558.php

// jeff

8 May 2007 - 11:15pm
Patrick G
2006

This article talks about some basic types of transitions and where/how
they can be usefully applied:

http://uxmatters.com/MT/archives/000187.php

It also references the Animated Transition pattern in Jennifer
Tidwell's "Designing Interfaces" book:

http://www.designinginterfaces.com/Animated_Transition

On May 8, 2007, at 5:22 PM, MikkelHojbjerg wrote:

> Thoughts about animations/transitions in GUIs
>
> I'm at the moment studding animations in GUI's .
>
>
> ///1.
> I hope that the list can provide me with some thoughts about the use
> of animations/transitions in GUI’s.
>
> ///2.
> And I hope that the list can help finding relevant literature/papers/
> sites that have worked with this issue.
>
>
> I belive that animations have a unique function as an element that
> can provide GUI with both functional and esthetic features,
>
> The mid nineteens discussion about the use of Flash in websites is
> not the aim, (-: as I'm very interested in the greater aspects of
> animations and transitions.
>
> You will find interesting readings in this artikel by :
>
> Bay-Wei Chang
> David Ungar
>
> http://research.sun.com/techrep/1995/abstract-33.html
>
> and
>
> http://portal.acm.org/citation.cfm?id=168647&coll=portal&dl=ACM
>
>
> Thanks in advance.
>
>
>
> /Mikkel
>
> hojbjerg [@] post.au.dk
>
> Masters Thesis student at University of Aarhus, Denmark. Department
> of Information and Media Studies
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

9 May 2007 - 5:35am
Chaunsee at aol.com
2007

In a message dated 5/8/2007 7:42:48 P.M. Eastern Daylight Time,
news at hojbjerg.net writes:

Thoughts about animations/transitions in GUIs

I'm at the moment studding animations in GUI's .

----------------------------------------------------------------
Here are some articles on animation guidelines.

There is a short article on animation guidelines at:
_http://www.uigarden.net/english/human-computer-interaction-guidelines-for-web
-animation_
(http://www.uigarden.net/english/human-computer-interaction-guidelines-for-web-animation) This article has a pretty decent bibliography on
animation guidelines.

Here are a few references related to animation .
Baecker, R., & Small, I. (1990) Animation at the Interface. In Laurel, B.
(ed.), The Art of Human-Computer Interface Design.Addison-Wesley Publishing
Company, 1990, pp. 251-267.
Baecker, R., Small, I., and Mander, R. 1991. Bringing icons to life. In
Proceedings of the SIGCHI Conference on Human Factors in Computing Systems:
Reaching Through Technology (New Orleans, Louisiana, United States, April 27 - May
02, 1991). S. P. Robertson, G. M. Olson, and J. S. Olson, Eds. CHI '91. ACM
Press, New York, NY, 1-6. DOI= _http://doi.acm.org/10.1145/108844.108845_
(http://doi.acm.org/10.1145/108844.108845)
Bodner, R. C. and MacKenzie, I. S. 1997. Using animated icons to present
complex tasks. In Proceedings of the 1997 Conference of the Centre For Advanced
Studies on Collaborative Research (Toronto, Ontario, Canada, November 10 -
13, 1997). J. H. Johnson, Ed. IBM Centre for Advanced Studies Conference. IBM
Press, 4.
Bartram, L. 1997. Perceptual and interpretative properties of motion for
information visualization. In Proceedings of the 1997 Workshop on New Paradigms
in information Visualization and Manipulation (Las Vegas, Nevada, United
States, November 10 - 14, 1997). NPIV '97. ACM Press, New York, NY, 3-7. DOI=
http://doi.acm.org/10.1145/275519.275520
Driver, J., & Baylis, G.C. (1989) “Movement and Visual Attention: The
Spotlight Metaphor Breaks Down”, Journal of Experimental Psychology: Human
Perception and Performance, 15, 3 (1989), pp. 448-456.
Chen, C. & Yu, Y. (2000). Empirical studies of information visualization: A
meta-analysis. International Journal of Human-Computer Studies, 53, 851-866.

Reeves, B. & Rickenberg, R. (2000). The effects of animated characters on
anxiety, task performance, and evaluations of user interfaces. Proceedings of
CHI 2000, 49-56.

Wier, George R.S. & Steven Heeps “Getting the Message Across: Ten Principles
for Web Animation”
Available at:
_http://www.cis.strath.ac.uk/research/publications/papers/strath_cis_publication_207.pdf_
(http://www.cis.strath.ac.uk/research/publications/papers/strath_cis_publication_207.pdf)

Chauncey

************************************** See what's free at http://www.aol.com.

Syndicate content Get the feed