web-dev-qa-db-ja.com

タイムラインを操作するための例または提案

線形ワークフローを処理する必要があるアプリケーションを作成します。簡単にするために、2種類のエントリがあります。

  • イベント:前進するためのトリガー条件。それは推定時間を持っているかもしれませんが、何かが行われたときに渡すものです。
  • タイマー:タスクが開始されると、特定の時間に終了します。

ワークフローを作成するためのエディターと、ワークフローを介してユーザーをガイドするための別のインターフェースを構築したいと考えています。時代が離れるほど重要性が低くなる過去と未来を見てほしい。以下のような従来のタイムラインタイプのビューの使用を検討していましたが、ホイールに配置するか(真上からのビュー)、またはスケールを中央から対数にします。 alt text

誰かが似たようなことを達成するインターフェースを見たり、興味深い提案をしたりしましたか?

12
Jim Rush

それがあなたが探しているものかどうかはわかりませんが、数日前に見栄えの良いタイムラインを見ました。 iStreamer と呼ばれるiPadアプリからのものです。私が見た中で最高のタイムラインです...

2
Marcos Crispino

私たちはスウェーデン医療専門家協会のためにそれに近いものを作りました。主に、時間の経過に伴う彼らの活動の視覚化として、そして彼らのコンテンツのいくつかへの探索的入り口として言及します。悲しいことに、グリッド内の場所を失い、ページのフッターに滑り落ちたようですが、チェックアウトしてください: http://vardforbundet.se/

alt text

4
fluxd

私はあなたの質問をいくつかのセクションに分けようとしています。

Googleの財務グラフをご覧ください。 alt text

特に、全体のタイムライン内の表示可能なセクションの場所を示すスクロールバーに注目してください。

トリガーとタイマーの正確な機能を理解するにはもう少し情報が必要だと思いますが、タスクについて説明したので、私が取り組んでいる最新のコンポーネント、つまりプロジェクトのマイルストーンとタスクを示すロードマップを共有できます。

alt text

アイコンはマイルストーン(トリガー?)の期限とタスクをマークしますが、それらの開始の表示も簡単に追加できます。

最後に-対数スケールまたはホイールのトップダウンビューについて-アイデアはクールだと思いますが、ユーザーには理解されず、表示するのが非常に困難になります。

  • 特に対数スケール-このスケールを単純に適用しても、タイムラインが線形に見える場合、歪みを認識せずに中心からずれていると推定される可能性があります。
  • ホイールの上面図は大好きですが、3Dジオメトリをあまりよく理解していない人がかなり多く、中心にない2つの点の違いを推定する方法を理解していないかもしれません。
3
Dan Barak

魚眼メニューと同様の効果を持つものを使用した場合はどうなるでしょうか。カーソルをタイムライン上に置くと、カーソルの周りの領域が拡大/拡大します。

したがって、通常のビューの場合、スケールは線形です。魚眼レンズが特定のセクションを超えると、タイムラインのスケールも拡大されます。

http://www.ajaxdaddy.com/demo-interface-fisheye.html

2
milesmeow

おそらく、タイムラインのスマートなズームイン/アウト機能が機能し、おそらくホイールと対数タイムラインの間に何かが生じる可能性があります(よりベル曲線)。たぶん、Dopplr.comのタイムラインが刺激になるかもしれません。

また、マットはDxF2009の時期に非常に興味深い基調講演を行い、そこで「こことそこに」というプロジェクトについて説明しました。それは少しから多かれ少なかれかもしれませんが、時間に関するインターフェースソリューションを考え出さなければならないときに本当に刺激的です。

(リンクを投稿したいのですが、評判が低いためできません...ごめんなさい)

0
Pieter

「timeline」タグでブックマークされたこれを持っています: http://marcinignac.com/wp-content/uploads/2010/03/cambridge_gatwick06.png

多分これはいくつかのインスピレーションです...

0
Jüri

「現在の時刻」から遠く離れているイベントのイベントを説明するテキストを小さくすることで、時間セクションの重要性を示すことができます。このようにすると、タイムラインをゆがめることはありませんが、読者の目はすぐに大きなフォントに引き寄せられます。

0
lynxoid