A search application allows users to search for information contained in the site or in a database that is connected to the site. Users search by entering some information and the system retrieves search results or a record on file. A search application must clearly convey to users what information to enter in order to get the results or record they are looking for.
Page types and design elements
When building a search application, include the following page types and design elements:
• Search pages
• Results pages
• Design elements for both page types
Search page
A search page has some unique design elements:
• Entry field(s)
• Submit button
Entry field(s)
The search page needs at least one entry field. The entry field asks users to enter information. Entry fields need to clearly communicate to users what type of information to enter and how to format the information. Include the following:
• An instructional header that clearly explains what users should enter into the field.
• Format the entry field with a gray outline so the text box stands out from the surrounding page.
• Label the entry field ‘Not case sensitive’ (and make sure to accept entries in upper, lower or mixed case).
Submit button
Include a submit button. Follow these guidelines when displaying buttons:
• To ensure a button appears clickable to users, the mouse should change from a pointer to a hand when users hover over a button.
• Make the primary action clear to the user by making it a button.
• Use a drop shadow to outline the button so it looks clickable.
• Once users click the button, disable it while it is processing. Disabling the button signals to users to wait for the computer to process the action.
Results page
A results page has some unique design elements:
• Results
• Print functionality
Results
Ensure that the search provides users with accurate, precise results. Format the results so that users can understand them and quickly find what they need. For example, if there is a lot of data, you may need to use a table to format the results.
Organize search results according to the information users are seeking. For example, if users are looking at records for expired medicines, then order them by expiration date.
Make the results page an appropriate length for users. Generally, if there are 25 records or less, eliminate paging. If there are more than 25 records, display multiple pages and provide a paging mechanism so users can navigate the pages quickly, allowing users to go out of sequence (jump from page 1 to page 5 for example).
Print functionality
Users often want to print results for their records. Offer users a way to print, such as providing a ‘Print these results’ button and format the page so that it’s printer-friendly.
Do you have any suggestions? Add your Ideas.
Wednesday, April 8, 2009
Understanding Search Application - Page Types and Design Elements
Subscribe to:
Post Comments
(
Atom
)
About Me
- Rakesh Sharma
-
Web Designer | Blogger | Web Addict
Follow on Google+
Recommend on Google +1
RSS Feed
Subscribe Recent Posts
Popular Posts
-
If you are looking 'how to put a any form in a blogger' then this post is going to help you. Putting a form in blogger is very easy....
-
If you are looking for free e-books for Web Design and Development then this post is for you. Here I have shared some very useful e-books wi...
-
When you write a CSS for your project you never know what kind of bug or issue you will face at time of browser compatibility. Internet Ex...
-
Cooliris is simply the fastest and most stunning way to browse photos and videos from the Web or your desktop for free. Effortlessly scroll...
-
Now a days every one intend to aware about HTML5 more and more. According to experts HTML5 is a future of the web. There are some interestin...
-
jQM (jQuery Mobile) becoming very popular now a days. Mobile developers from across the world contributing their knowledge to make it more u...
-
In web development scripts like jQuery and Ajax becomes very handy for web developers. If you are a learner or a expert these scripts is rea...
-
In this post I'm sharing a list of XML based CMS (Content Management System) to help web designers and developers. CMS usually implement...
-
Today I would like to share that how to add a Facebook fan list to your blog or website (like I have added here at right sidebar). This is t...
-
Today I am really happy to anounce that I have launched new social book marking site called ' TutLinks '. This is a first networkin...
0 comments :
Post a Comment