web-dev-qa-db-ja.com

イベントをリストするより良い方法が必要

私たちのサイト http://www.racedayworld.com には、登録可能なイベントがあり、ソート可能な行を含むテーブルにリストされています...

私は基本的にデザインにあまり熱狂していませんが、何か良いアイデアはありません。

2
Kevin

スケールにはいくつかの問題があります。基本的にすべてが大きいため、切り捨てられます。私はあなたが戻ってあなたの階層を再考する必要があると思います。まず、いくつかのポイントを下げ、何が重要かを強調します。もう1つ、あなたを傷つけているのは厳密な列です。これにより、ユーザーがイベントの概要をすばやく理解するのが難しくなるように、情報が読みにくくなり、分割されます。優れたカレンダーインターフェースは列を使用せず、イベントを表すスキャン可能なカードを取得できるように、多くの場合、自然な方法で情報を積み重ねます。

このようなサイトの一覧表示は、通常、並べ替えからそれほど多くの利益を得ることはありません。むしろ、優れたフィルターは多くの価値を提供します。サイドバーでカテゴリやその他のフィルタをクリックできるようにして、高度な検索オプションを表示します。

FacebookとYelpのデザインパターンを見回してください。どちらもイベントをリストするという課題への思慮深いアプローチを持っています。

1
David

私はいくつかの見解を持つことは有益だと思います。

Calendar View1つのビューはカレンダー中心です。基本的には、該当する日にイベントのタイトルが記載された月のカレンダーのようになります。ユーザーがカレンダーの日をクリックすると、イベントの展開ビューが表示されます。または、その日にイベントが1つしかない場合は、そのイベントのページに直接移動します。

リストビューこのビューは、カレンダーの日付をクリックした結果、またはカレンダーの代替として表示されます。イベントは「カード形式」で一覧表示され、要約情報を表示するための自由度が増します。たとえば、最初の行には日付とイベント名が含まれ、2行目にはwhereイベントのような要約情報が含まれます。潜在的なボーナスとして、イベントタイプのアイコンを検討し、それをカードのエッジまたはコーナーに組み込むことができます。

カード形式は、簡単に消化できる形式で高密度の情報を提供します。これは、単純な情報の表ではあまりうまく機能しないものです。

最後に、クリックできるすべてのものに対して、 Donald Norman がそれらを呼び出すように、「アフォーダンス」を提供します。基本的に、クリックできるように見える領域をクリックすることができます。また、フィッツの法則を使用すると(大きなものほどクリックしやすくなります)、カード全体をクリックできるようにすることができます。カードで1つのことだけを実行している限り、それは本当に理にかなっています。カードをクリックできるようにするには、カードにカーソルを合わせたときにカードのスタイルを変更します。たとえば、カードの背景をボタンのように見せます。または、それらをすべてボタンのように見せることができますが、ホバリングしているボタンを強調表示して、注意を引くことができます。

1
Berin Loritsch

@Davidはすでに この問題に触れました ですが、詳しく説明します。

ソートは非常に便利な機能ですソートするのが理にかなっているアイテムの場合。これは、列DateおよびEventの場合ですが、

  • "from/to"選択インターフェイスは、Date列にさらに役立つ場合があります。
  • Event列は、フィルタリングメカニズムがあればおそらく悪くなることはありません。

フィルタリングは、データがすぐにソートできない場合に使用する必要があります。この場合、特に列Typeでこれが当てはまることがわかります。実行したいすべてのイベントを一覧表示したいのに、なぜ下部に「Walk/Run」があるのですか?フィルタリング(つまり、runと入力)すると、探していたものが正確に表示されます(さらに、イベントの1つがウォーキングイベントでもあることが通知されます)。

Location列でのフィルタリングの有用性について議論できます。フィルタリングと並べ替えはほぼ同じように不適切です(ただし、既に画像を描いていました)。おそらくあなたは(複数の)選択に行くべきですか?

Proposed handles on event listing. Parenthesis are alternatives. For the 'Location' column be sure to read the relevant answer text.
イベントリストの提案されたハンドル。括弧は代替です。 「場所」列については、関連する回答テキストを必ずお読みください。

1
jensgram

私のリストは大丈夫だと思います:

  • 何がクリック可能であるか(リンクの青色、取り消し線なし)または>>を明確にしようとします。または、[イベントを表示]ボタンが最適です。

enter image description here

0

あなたのサイトはまだ始まったばかりなので、より広い検索パターンを含めると、人々は時々、レースデー/マラソンに参加するために非常に長い距離を旅します。 google calendar (icsファイル)を作成して、人々が購読できるようにしたり、あなたが考えていることについての定期的なブログ投稿へのリンクを作成したりします。

servoice 提案フォーラムは、サイトをより歓迎的で見込みのあるユーザーに役立つアイデアを提供するのに役立つ場合があります。

0
palbakulich