Join David Hogue for an in-depth discussion in this video Working with lightboxes, part of Applied Interaction Design.
Here we are back on the Our Designers page on the original Hansel and Petal website.…And one of the things that we noticed, as we were moving our mouse around, is that…these images appear to be clickable. I don't know what's on the other side, so…let's find out. I get a nice, big view of Brenda's Lilac…bouquet, so I can take a look at some of the others, not bad.…These Irises are pretty. So one of the things that they're doing…well here, at least, is that they are showing us truly larger images.…
People really appreciate that. But unfortunately, one of the problems…that they have here is that every time I open up one of these images.…I then have to close it In order to go see the next image.…So I find myself going open, close, open, close, open, close.…This type of interaction is what has been nicknamed Pogo-Sticking.…Because we're forcing a person to move back and forth between pages or up and…down among layers in order to view additional content.…
Now I know from that page that there are eight designers and they each have a bouquet.…
- Defining a customer scenario
- Improving navigation
- Working with content in grids
- Establishing a sense of place on category pages
- Exploring infinite scroll and pagination methods
- Using tooltips to deliver contextual content
- Working with light boxes and layers
- Improving form structure
- Handling errors and presenting effective error messages
- Comparing the original site to the enhanced site
Skill Level Beginner
Responsive Design Fundamentalswith James Williamson2h 15m Beginner
2. Category Pages
3. Detail Page and Mini-Cart
Understanding motivation3m 29s
4. Content Pages
6. Cart and Checkout
Next steps1m 32s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.