web-dev-qa-db-ja.com

カレンダでプログレッシブ開示またはコントロール移動を備えたUE

アドバイス/助けが必要な難問があります。問題は以下の通りです。

私は現在、各「イベントブロック」にイベントタイトルがあり、その下に二次試合情報があるスポーツウェブサイトのイベントカレンダーに取り組んでいます。また、イベントタイトルは、完全なイベント情報を表示するポップアップのコントロールとして設計され、編集コントロールがあります。タイトルがまだカバーしていない関連するリダイレクトがないため、一致情報はクリックできません。

monthly calendar view

月次ビューとモバイル(カレンダーには週/月単位のみがある)の場合、スペースが非常に限られているため、情報を切り捨てる必要があり、クライアントは優先情報として一致情報を求めます。

私が直面している問題は、ポップアップにアクセスするためのコントロールを「セカンダリ情報」に移動してUIの不整合を作成するか、デフォルトでイベントのタイトルを表示するか、徐々に一致を開示する必要があるかです。 info(この情報はポップアップに含まれています)。

ここで2つの悪のどちらが悪いと思いますか?不規則なUI動作(最初は強い反応があります)を作成しますか、それともユーザーにイベントタイトルをクリックしてセカンダリ情報にアクセスするように強制します(これは少し不便ですが)。


編集:

enter image description hereenter image description hereenter image description here

画像(左から右、下線をクリックすると、イベントの詳細がポップアップで表示されます):

  1. ウィークリービュー、3つのイベント(イベントごとに3つの一致)
  2. 現在Monthtly View、2つのイベント(イベントごとに2つの試合)
  3. 隔月ビュー、4イベント

追加のクリックを強制する

ユーザーはWebエクスペリエンスから、リンクがリンクラベルに表示される特定の情報の詳細を提供することを期待しています。したがって、ユーザーは2次一致情報をタップして、イベント情報ではなく、一致に関する詳細に移動することを期待します。彼らはおそらく、「ドリルダウン」がそれほど具体的でない上位の情報(つまり、情報階層のステップアップ)に移動することを期待しないでしょう。したがって、コントロールを2次情報に移動することは 不規則なだけでなく、矛盾でもあります です。イベント情報を探しているユーザーは、試合の詳細を提供するだけなので、試合情報をタップしようとは思わないかもしれません。したがって、必要なイベント情報を取得することはできません。これは、情報を提供するWebサイト/アプリの完全なユーザビリティエラーです。

十分なテストを行って、コントロールを試合情報に移動することで逃げることができることが示されない限り、私はイベントタイトルのコントロールの「代替手段」を使用します。テストしている場合は、ユーザーに現在のデザイン(現実的なサンプルデータを使用)を表示し、まず「Match Xをタップすると何が表示されますか?」多くのユーザーが「Match Xの詳細」と言っているのに問題があります。次に、「マッチXが開催されるイベントに関する情報をどのように入手しますか?」ユーザーが「トッ​​プに戻る」などと答えた場合は、realの問題があります。

…または多分そうではない

あるいは、グラフィックデザインによっては、代わりに表示されている対戦情報を使用する方法があるかもしれません。上記のような反復テストでは、いつ正しくなったかがわかります。

重要なのは、すべてのイベント情報を単一のコントロールのように見せることです。その後、ユーザーはすべての一致情報を、一致を構成するイベント情報の集合的な「ラベル」として表示します。マッチ情報をグループ化し、イベントを空白で区切ることにより、すでにその一部となっています。イベントの試合の周りに角の丸い長方形を描くと、ユーザーがそれを1つの大きなタップ可能なボタンとして見るのに役立つ場合があります。

しかし、本当の鍵はアイコンだと思います。試合ごとに1つのアイコンではなく、イベントごとに1つのアイコンを使用します。また、アイコンを長方形(幅よりも縦)にして、イベント内のすべての一致にまたがるようにして、イベントと一致の間の階層関係をマークすることもできます。本質的には、アイコンをイベントのラベルにします。イベントのタイトルをWebページからアイコンに「ロールアップ」します。

Tall event icons spanning their respective events

ユーザーは、イベント情報のためにアイコン自体をタップする必要があると思うかもしれませんが、それは問題ありません。少なくとも、イベント情報に取得しています。ユーザーがアイコンをタップしたときにイベントの一致情報がすべて「ライトアップ」すると、ユーザーはアイコンと一致情報を単一のタップ可能なユニットとして表示し、最終的に一致情報をタップしてイベント情報を取得できるようになります(ターゲットが大きいので簡単です)。

ユーザーがWebとモバイルの間の移行を支援するために、同じ「背の高いアイコン」グラフィックをWebページに使用することもできます。

1