web-dev-qa-db-ja.com

ツールチップ付きのコンボボックスアイテム

Searchable\predictive textコンボボックスを使用して、ユーザーが長い名前のアイテムの非常に長いリスト(200のアイテムのリストから言う)からアイテムを選択できるようにすることを考えていました。ユーザーにアイテムが何であるかをよりよく理解できるようにアイテムの説明を付けて、アイテムにツールチップを表示することは良い考えだと思いました。私の組織の人々は、Webアプリケーションではこれはむしろ非標準的な動作であると考えています。デスクトップアプリケーションでは、この手法が使用されたことがわかっています。どう思いますか?これに関連してよく知っているデザインパターンはありますか?

2
Dina Neishtadt

これは標準的ではありませんが(以前にそのようなことを経験したことはないと思います)、機能するものを考えるのは簡単です。注意すべき2つのこと:

  • 重なり合ってはいけません。これは情報に関するものなので、情報を曖昧にしたくない。

  • 機能を明確に示します。これはis非標準ですが、これがどのように機能するかを伝える方法で標準パターンを使用できます。

ユーザーが入力を始めるとすぐに、検索/コンボボックスの下のリストにヒットを表示し始め、最初のヒットを強調表示します。リストの横に、選択したヒットに関する詳細情報を表示します。ユーザーが他のアイテムにカーソルを合わせたとき(または、 up そして down)リストで、それに応じて詳細ボックスを更新します。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

2
Koen Lageveen