Scribd
Upload
6 views4 pages

refined-search

Uploaded by

Smith Bhatt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views4 pages

refined-search

Uploaded by

Smith Bhatt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Refined Search

Best Practice: How to Implement Refined Search


By including a refined search option, the users can zero in on their desired content with greater
speed than if the search engine produced results from all levels and categories within the user
interface. If results from every category and section were displayed at once, there would, more
likely than not, be a large number of irrelevant options to consider, options slowing the user down
and which might be very frustrating. Implementing a refined search design pattern will be smooth
and simple, with these steps:

1 Provide the users with an input field in which to enter their search term.

2 Identify the different categories of contents the users can use to refine their search. Assign
logical names to these categories, so the users are in no doubt which section of the user
interface search results will be generated from.

3 Put these different ‘refine search’ categories into another user interface design pattern;
typically, a dropdown menu is used for this purpose (see the example in the next page). As a
default search option, you can select 'all', or simply leave the default option blank in the
menu so the search is not refined at first.

[Continued on next page]

INTERACTION-DESIGN.ORG

Creative Commons BY-SA license: You are free to edit and redistribute this template, even for commercial use, as long as you give credit to the Interaction Design Foundation. Also, if you remix,
transform, or build upon this template, you must distribute it under the same CC BY-SA license.
[Continued from previous page]

4 Allow the users to select an option in the ‘refine search’ menu using the mouse and
keyboard. Once an option has been selected, the users should be able to move back to the
input field by using the shift key or clicking on any area within the input field.

INTERACTION-DESIGN.ORG

Creative Commons BY-SA license: You are free to edit and redistribute this template, even for commercial use, as long as you give credit to the Interaction Design Foundation. Also, if you remix,
transform, or build upon this template, you must distribute it under the same CC BY-SA license.
Do you want to learn more?
Learn how to use this template to your best advantage in our online course UI Design Patterns for
Successful Software. Sign up for it today and learn how you can create user interfaces that work
just right if you haven’t already started the course.

UI Design Patterns for Successful Software


Beginner course
User interface (UI) design patterns can be a designer’s best friend, allowing you to build excellent
user experiences with structure and speed. When used in the wrong way, however, they can quickly
lead to experiences that confuse your users... and no-one wants that! Our course UI Design
Patterns for Successful Software will equip you with the knowledge required to master UI design
patterns and secure them as one of the best attributes in your designer’s toolkit. You’ll be guided
through best practices relating to content organization, navigation, data entry, and social
integration—all with detailed templates that you can use in your daily work. You’ll also analyze and
critique popular websites to see how the best of the best utilize UI design patterns to achieve great
UX design. If you found this template useful, then this course is a treasure trove of resources and
guidance that will continue to enhance your knowledge of UI design.

Learn more about this course

INTERACTION-DESIGN.ORG

Creative Commons BY-SA license: You are free to edit and redistribute this template, even for commercial use, as long as you give credit to the Interaction Design Foundation. Also, if you remix,
transform, or build upon this template, you must distribute it under the same CC BY-SA license.
How to advance your career
with our online courses

Take online courses by Get a Course Certificate. Advance your career.


industry experts.
Your answers are graded by Use your new skills in your
Lessons are self-paced so
experts, not machines. Get existing job or to get a new
you'll never be late for class
an industry-recognized job in UX design. Get help
or miss a deadline.
Course Certificate to prove from our community.
your skills.

See all our courses

About the Interaction Design Foundation

With over 66,000 alumni, the Interaction Design Foundation is the biggest design school globally.
Industry leaders such as IBM and Adobe train their teams with our courses, and universities such
as MIT and the University of Cambridge include our courses in their curricula. Our online courses
are taught by industry experts and cover the entire spectrum of UX design from beginner to
advanced. We give you industry-recognized course certificates to advance your career. Since 2002,
we’ve put together the world’s biggest and most authoritative library of open-source UX Design
literature created by such noted authors as Don Norman and Clayton Christensen.

INTERACTION-DESIGN.ORG

Creative Commons BY-SA license: You are free to edit and redistribute this template, even for commercial use, as long as you give credit to the Interaction Design Foundation. Also, if you remix,
transform, or build upon this template, you must distribute it under the same CC BY-SA license.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy