web-dev-qa-db-ja.com

最も一般的なUI /コンポーネントは何ですか?彼らの長所/短所は何ですか?改善方法?

フム、私はコミュニティウィキがあったことを願っています

この質問を見た後: 世界で最も一般的なユーザーインターフェイスは何ですか?most共通を選択して、議論を制限しないことは教育になると思いましたしかし、代わりに、私たち(read:人類)が毎日やり取りする多くの一般的なインターフェイスと、それらをどのように改善できるかについて説明します。

では、最も一般的なUI/UIコンポーネントは何ですか?彼らの長所と短所は何ですか?それらをどのように改善できますか?

例えば:


コンボボックス

コンボボックスは、Web全体およびデスクトップソフトウェアに豊富にあります。

長所:使用していないときに最小限のスペースでユーザーが選択肢のリストを持つことができるようにするのに適しています。

問題:選択肢のリストが長すぎると、ユーザーにとって扱いにくくなり、困難になります。

可能性のある解決策:オートコンボボックス、入力されたユーザー入力のテキストマッチングを使用して、可能な選択肢のリストを絞り込み、選択を容易にします。


明らかに、私はオートコンプリートコンボボックスを発明しませんでした。答えはあなたが発明した改善である必要はないことに注意してください。

3
instanceofTom

テーブル

答えはデスクトップアプリケーションの観点から与えられますが、Webアプリケーションにも適している可能性があります。

長所:比較的小さな領域に大量のデータが含まれる場合があります。

短所:エントリ数が多いと検索ができなくなる場合があります。魅力的なレンダリング(アイコン、色)がないと、アプリケーションは退屈に見えるかもしれません。一部の情報は、一部のユーザーにとって冗長である可能性があります。データの優先度はフラット化されます。

改善方法:データの整理方法を提供-並べ替え(必須)、列の並べ替え、オンザフライ(つまり、入力中)のフィルター。可能な場合はテキストの代わりに、またはテキストとともにアイコンを使用し、色を使用します。列セレクターオプションを提供します。デフォルトでは基本的な列のみを表示し、エントリがクリックされた場合にのみ、データ全体を近いが別の場所に表示します。

1
Assimiz

車輪を再発明しないでください、代わりにここを読んでください: http://www.welie.com/patterns/index.php

1
Özgür

ユーザーインターフェイスのパターンについては、 Yahoo!Design Pattern Library をよく参照します。私が好きなのは、彼らが各パターンのこれらの関連する質問に答えることです。

  • これでどのような問題が解決しますか?
  • このパターンを使用するタイミング
  • 解決策は何ですか?
  • このパターンを使用する理由
  • 特殊なケース
  • アクセシビリティ

そして、これらの質問は、UIコンポーネントを選択するたびに、すべてのUIデザイナーの心を超えなければならないと思います。

Sencha ExtJSサンプルページ は、これらの種類のコンポーネントの最適なコンパイルであることがわかります。

それらをどのように改善するかという点では、単一の投稿にはおそらく大きすぎる質問です。それはあなたが求めている本です。たぶん、単一のコンポーネントについてより具体的に質問しますか?

1
Glen Lipka

スクロールバー

長所:
  • ドキュメント/ページの任意のポイントへの直接ナビゲーションを許可する
  • きめの細かい動きを許可する
  • ドキュメント/ページの高速スクロールを許可する
  • ドキュメント/ページの長さを示します
  • Fittの法則 に従って、エッジに対して真っ直ぐに配置すると使いやすさが向上します
短所:
  • 非常に大きなドキュメントではあまりうまく機能しない
  • スクロールホイールの登場以来、あまり役に立たない
  • 異なる実装は混乱を引き起こす可能性があります
改善する方法
私はスクロールバーを最も使いやすいUI要素の1つであると考えています。多くの機能がありますが、一般的にはよく理解されています。ただし、スクロールバーの実装に一貫性がない場合(一部のFlashアプリケーションなど)に問題が発生します。多分視覚的な要素はスクロールバーを強化することができます-例えばAcrobatサムネイルとスクロールバーの組み合わせ。
0
Bobby Jack