Join David Hogue for an in-depth discussion in this video Adding infinite scrolling, part of Applied Interaction Design.
So, how can we fix the pagination problems that we had on the original Hansel and…Petal website? We're over here now at the improved…version of Hansel and Petal. And once again, we're on the Mixed…Arrangements page, where we know there are at least 24 different bouquets.…So, among the improvements that we've made up in the navigation and the control of…the carousel, as we scroll down on the page, the first things you notice is the…pagination is missing, so how am I going to get to my next set of twelve flowers?…Does that mean it's a very long page? Well, no, I'm still showing this twelve at…a time but now across the bottom of the page we have a really large clickable bar…that says, show me twelve more. In fact when we click it, we simply extend…the length of the page so I add in the next twelve bouquets.…
I have a much better sense of place on this page, and a much better sense of…depth, how many products are there now. So, I know which page I'm on.…I know my first set of 12 bouquets. I see my second set of 12 bouquets, in…
- 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
2. Category Pages
3. Detail Page and Mini-Cart
Understanding motivation3m 30s
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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.