web-dev-qa-db-ja.com

UIドロップダウン代替

私は以前の質問を検索しましたが、私の質問は完全に一致しません...私は学校のコースのオンラインアプリケーションのユーザーインターフェイスに取り組んでいます。アプリケーションの不可欠な部分は、選択する用語を選択することです。次に、その特定の用語に登録したコースが隣接するドロップダウンに表示されます。

私の質問は次のとおりです。この情報を提示するための代替またはさらに良い方法は何ですか?

ドロップダウンメニューの基本的な代替ソリューション。このアイデアは他の13ページにある必要があります。これがスクリーンショットです:

http://notimefortime.com/image.jpg

4
YoungGuy

ドロップダウンを選択する場合は、より柔軟な拡張バージョンを試してみませんか?

例として、

http://harvesthq.github.com/chosen

ドロップダウンが(魅力的な機能ではなく)いくつかのスタイルを追加し、中に非常に便利な検索ボックスを追加していることがわかります。

このソリューションの利点は、情報を見つけるための代替(より速い)方法を提供することです。


より根本的なアプローチでは、オートコンプリートで検索ボックスを使用することを検討できます。

例えば。 http://qpoit.com/marcofolio_demo/Apple_search/

5
Rdpi

あなたが提供した詳細と私が学校に通っていたときからのいくつかの経験に基づいて、単純なリストはドロップダウンよりも良いかもしれません。私を含むほとんどの人は、一度に最大6つのコースしか持っていませんでした(あなたが過剰達成者のためのスペースを持っていると思います)。

4
JeffH

私はこれについて考えてきました。「発明されてから1万年経った今でも、なぜホイールを使用するのですか?」ここ数年タイプの質問。

ドロップダウンリストが古く、オールドスコールなので、Webデザインとユーザーインターフェイスのこの特定の側面が廃止されずに続けられたのはなぜでしょうか。

ドリップダウンリストは非常にバグが多く、タッチスクリーンPCやモバイルタッチスクリーンデバイスと互換性がなく、選択しようとしている場所以外の場所にスキップしてジャンプする傾向があるため、ほとんどのWebデザインの世界では気づかれていないようです、エンドユーザーにとって非常に石器時代の経験をもたらします。

したがって、マインドマップに触発されたさまざまなアイデアと、ほとんどの主要なWebサイトで実装されている現在のJava/Jsonベースのニュースレターサインアップポップアップを思いつきました。

ドロップダウンセレクターの代わりに、インターフェイスのようなマインドマップでlightroomタイプのポップアップを開くメニューボタンを使用できます。これにより、丸い(または任意の形状)色のスポット(または説明アイコン)を持つポップアップを意味します必要に応じて、何を選択するかによって異なります)これにより、スクロールとスキップ効果が停止し、スムーズでクリック感のないエクスペリエンスが得られる選択が可能になります。

時間の時計、日付のカレンダー、食品の選択のためのピザのトッピングの画像、地理的な場所のエリアのマップ(Googleマップに接続)、または各セレクターの機能を表示および説明するために想像できるあらゆるものを使用できます。テキストの代わりに視覚的な画像も多言語の問題を解決します

enter image description here

enter image description here