neat little JS app mocking an iPhone

13 Jun 2007 - 7:12am
7 years ago
1 reply
906 reads
Dave Malouf
2005

http://davidcann.com/iphone/

The behavior needs some tweaking, but to me there are a few things in
there relevant to the "animation" threads.

Personally, I still think "designing transitions" is a lot more
palatable than talking about "animations" when it comes to IxD, but
that's me.

Anyway, the example is interesting, built using YUI components so it
is totally takeable.

-- dave

--
David Malouf
http://synapticburn.com/
http://ixda.org/
http://motorola.com/

Comments

13 Jun 2007 - 10:25am
Will Parker
2007

Is mock-up also 'mocking'? Looks like the author has taken a quite
close look at some of the iPhone behaviors.

On Jun 13, 2007, at 6:12 AM, David Malouf wrote:

> http://davidcann.com/iphone/
>
> The behavior needs some tweaking, but to me there are a few things in
> there relevant to the "animation" threads.

Needs some work to mirror the control layout as well, but the 'flick'
behavior is quite good.

> Personally, I still think "designing transitions" is a lot more
> palatable than talking about "animations" when it comes to IxD, but
> that's me.

I wouldn't collapse that thought down to the 'personal opinion'
category so quickly. It's a useful area to explore.

Although I've been a Frequent Yammerer about using animation in UI
design, I truly hate big flashy (or Flash-y) effects added only for
decorative effect. Animations that will be encountered frequently in
a UI design _must_ be of short duration, subtle, and above all,
useful to the broad mass of users.

Transitions, of course, make up the bulk of usable UI animation --
but what about 'attractor' animations? Just as properly designed UI
state transitions provide orientation cues to the user, animation can
also be used to attract the user's attention to the controls for the
most opportune 'next action' during idle periods. (There are
additional categories of UI behaviors that could arguably benefit
from animation used to steer user attention, but I'll hold that for
some other thread.)

> Anyway, the example is interesting, built using YUI components so it
> is totally takeable.

Oh, YES! Most generous, too. I'll be taking apart the flick
and ...what to call it?... 'endcap bounce' behaviors for my own use
as soon as time permits.

- Will

Will Parker
wparker at ChannelingDesign.com

“I wish developing great products was as easy as writing a check. If
that were the case, then Microsoft would have great products.” -
Steve Jobs

Syndicate content Get the feed