May 2011
Intermediate to advanced
416 pages
9h 32m
English
Content preview from Designing Search: UX Strategies for eCommerce SuccessBecome 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 3
CHOOSING THE RIGHT SEARCH RESULTS PAGE LAYOUT
Using Liquid Layouts PAGE 52
Using Fixed-Width Layouts PAGE 54
Optimizing for Your Best Customers PAGE 56
Handling Margins in Fixed-Width Layouts PAGE 57
Your layout decisions for search results pages will have tremendous impact on user experience (UX). For instance, choosing the right width for search results is important, and the optimal width for search results may be a great deal narrower than some people using big monitors would believe.
Figure 3.1 shows a Starbucks search results page made virtually unusable through some very poor page layout choices. At a screen resolution of 800 × 600 pixels, most of what you see is the left margin of the layout and a large logo.
FIGURE 3.1 Starbucks search results at 800 × 600 pixel resolution
Although there are many ways to use horizontal space on search results pages, you can generally distinguish between liquid and fixed-width layouts. Each style of layout offers a unique set of challenges and opportunities.
USING LIQUID LAYOUTS
In a liquid layout, the width of the search results on a Web page shrinks and expands to fill the available space as a user changes the screen resolution or the width of the browser window. Not surprisingly, many top sites such as Google effectively utilize liquid layouts to create top-notch user interfaces that perform well at any screen resolution or window ...
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.