« 効果的なサーチボックスの作り方(その1) | メイン | フリーの手書きアイコンセット20選(その1) »

効果的なサーチボックスの作り方(その2)

2011年03月14日

今回も効果的なサーチボックスの作り方をいくつか紹介していきます。

フィルター
検索結果をすっきりさせるためにフィルターをつけましょう。
以前からフィルターはユーザーをミスリードしたり、混乱させてさせたりしてしまうかもしれないので、インプットボックスの右にフィルターをつけるのはとても危険だと言われていました。
しかし、正しく実装する方法も中にはあります。
多すぎるフィルターで検索結果をごちゃごちゃさせないようにしてください。
アドバンストサーチページ用に2,3個あれば十分でしょう。

アイコン
デザインのしすぎは良くないと信じられているせいでオリジナルのデザインはしばしばウェブ開発者に蔑ろにされています。
おそらくあなたは以前に実験的なサーチボックスがあるサイトを見た事があると思いますが、これをもっとシンプルなやり方でやればいいというわけではありません。
サイトに視覚効果を加えることはサイト訪問者にあなたのサイトを素早く、快適に案内するのにうってつけです。

絞り込み検索
このタイプの検索は二つのタイプの検索を一つのページで出来るので、eコマースのサイトには最適です。
一つ目はキーワードで検索して、検索結果を表示するものです。
このタイプのいいところは必要に応じて条件を指定して絞り込む事ができることです。

2回に渡って、効果的なサーチボックスを紹介してきましたがいかがでしたでしょうか。
サーチボックスの設置は飛躍的にユーザビリティーを向上させるので、是非設置してくださいね。

引用：blog.templatemonster.com

スポンサードリンク

トラックバック

このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/141

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント: (スタイル用のHTMLタグが使えます)