Design

On Designing Search Result Page, Part I

Compared to other commonly discussed part of a website such as the homepage or product page, I find that search result page is a topic that is much less studied. This is baffling, because designing a good search result page can be a difficult task at times. In fact, we are currently stuck right here in our small project: we just can’t seem to create that perfect search result page!

Hoping to solve the problem in a different way, I will try to create a series of article about our current endeavor. The best thing to do first is, of course, to stand on the shoulder of the giants. So, the first part of this series will list various articles that have been written about the arcane art of search result page design. Here we go.

Before we get started…

Search: Visible and Simple, from Jakob Nielsen’s Alertbox. He raised two important points about the usefulness of a search feature: it is a way for user to go anywhere he want regardless of the available site navigation, and it is also an escape hatch with which user can find a way to go somewhere else when they’re stuck in a page.

About.com’s Web Usability section has Site Search Dos and Don’ts, a short article filled with utterly useful tips, tricks and knowledge. It’s a must read. Also read about scoped search and whether it’s necessary to include in our website.

How to Create a Good Search Result Page

Why, About.com has that very page: Designing a Good Search Result Page. In a nutshell, their recommendation is to remind user what they searched for, put results in context, keep it consistent with the rest of the site’s look, and provide further search tool. Visit the page to learn more about each item.

Web Design, The Complete Reference has a chapter dedicated to Search functionality, and there’s a quality content there about Result Page Design. The article is actually longer than About.com’s article above, and I dig the list of common result page elements.

Martijn van Welie also have a great article on the subject, with samples from the already familiar search page of Google and Amazon.

With an emphasis on e-commerce website, E-consultancy also have a page on search result design. As a side note, the site is rather broken in Opera, with the content page squeezed to a really small width making it hard to read, so you might want to use Firefox or Safari.

Also interesting, here’s Design by Fire’s attempt to redesign what possibly is the world’s best known search result page: Google’s.

There’s also a paper called Presenting Search Results: Design, Visualization, and Evaluation, by John Cugini.

That’s about it. Kindly let me know if you have more resources on the subject, it’s quite possible that my Google-fu is not great enough to find more juicy links.

In the next part, I will try to use the knowledge from the sources above to study search result pages from various sites. Stay tuned.

1 Response

Design

Designing with Less Features in Mind

Play Work Play Studio is currently taking part in developing a smallish side project site where most of the features have yet to be determined. The basic functionality is there, but feature-wise there is no unique factor that can make our site stand out.

But could the scarcity of features be a site’s strong point? If we’re looking at 37signal’s direction, then the answer is yes. However, should we decide to go that way, it will be necessary to actually delve deeper into the very essence of the site. The lack of feature should actually be a defining factor, the philosophy behind our design, instead of just a byproduct of the developer’s lack of idea (which is closer to our actual situation right now).

One of the biggest driving factor for us to take part in this project is due to the fact that most competitor sites are so poorly-designed, browsing around them felt difficult and tiring. Our goal is to provide a better experience for users: our content might be the same, but you’ll have a lot more fun exploring our site. Also, if all you want is to grab what you need and immediately go somewhere else, we’ll make sure our design don’t get in the way.

Now, could the lack of features aids us in reaching that goal?

In a way, we are optimistic that it could. By leaving only the very necessary part intact, we could ensure that users don’t have to work hard to get the content. Also, the simplicity of the design means that it will be much easier for people to master the site. This can give users a better sense of satisfaction, so that they felt comfortable enough to use and return to the site every now and then (and happy enough to recommend our site to others!).

Also, the load time would be much faster without all those unnecessary features. It’s one major plus for our target market.

Stay tuned to further development of this project. Who knows, perhaps by the next post the site will already be up and running.

Leave a response

Page 2 of 212

Hello!

My name is Hafiz Rahman. I do standards-based web design and WordPress works. I'm open for new projects, and here's where you can contact me.