During our last Stammtisch I came up with an example of a transition I sketched for one of the projects I’m involved in right now (it’s a web application). The transition consists of a list of items that folds up slowly when a certain link on the page is clicked. You can see a demo of this effect on the Scriptaculous Wiki.
I had two questions regarding that transition. First I wanted to know if it was wise to use a transition at all (there are other ways to solve my problem). I don’t want to go further into this right here because I got the response that yes, the transition would serve a good purpose in my design.
But instead I want to continue to discuss my second question: What is the best way to demo these kinds of animations (or: all kinds of animations). I came up with several possible techniques, but none of them is without flaws …
Here’s my list:
- Keynote: Tom Haberfellner came up with some wonderful animations done in Apple’s Keynote. I tried it for myself afterwards, and it’s a really great tool to create animations easily.
- Then of course there’s Adobe Flash, Adobe Director and all kinds of other mighty tools. Didn’t want to look into these because there’s quite some learning involved and I want to keep it as quick and dirty as possible.
My point: If I use Keynote (or Powerpoint, doesn’t make any difference), then that developer would come up with something like “oh, but that’s Powerpoint, one can’t do these fancy animations on a webpage”. The other people wouldn’t be able to verify this and my animation would be dead.
What do you think?