January 2009
Intermediate to advanced
332 pages
8h 30m
English
Content preview from Designing Web InterfacesBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 12. Purpose of Transitions
We pointed out in the previous chapter that objects don’t just pop in and pop out in the real world, appearing and disappearing suddenly. We usually see them go away or go somewhere in particular. An interface that does not mimic some aspect of this real-world behavior will be harder to understand.
Our eyes are wired to react to movement. The world doesn’t flicker. It doesn’t disappear or suddenly change and force us to look for the change. Things move smoothly in the real world. They do not “pop up.” Transitions smooth out the jarring world of the Web, making changes appear more natural.
The main purpose for Transitions is to provide an engaging interface and reinforce communication.
Engagement
Transitions can be used to increase engagement.
Interacting with an area on the screen that responds by growing slightly, or seeing an accordion pane “snap” into place creates a richer and more compelling experience. The interface seems more alive and reactive. Of course, going overboard with these techniques can distract from what is being communicated and become just a Web 2.0 version of the horrendous blink tag.
Certain contexts tip the scale more toward the engagement side and less toward the communication side. In areas like game or car sites, engagement can take on a more important role. However, in most websites, communication is the most important purpose for transitions, with engagement being a secondary consideration.
Communication
Transitions are first ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.