web-dev-qa-db-ja.com

*エレガントで*データの豊富なWebアプリケーションインターフェイスの例?

コンテンツがsimpleおよびstaticの場合、落ち着いたエレガントなインターフェイスを作成する方がはるかに簡単ですが、一部のWebアプリケーションでは、コンテンツそして相互作用は本質的にもっと複雑動的です。

機能を犠牲にすることなく、複雑なコンテンツとインタラクションを穏やかで整然としたように​​管理するWebアプリケーションの例は何ですか?

たとえば、私は Gmail に感銘を受けたままですが、これは美しくはないかもしれませんが、機能を穏やかなインターフェースに密に詰め込んでいます(一方、Yahoo!メールの最新ベータ版でさえも騒々しく不愉快に感じ続けています)。

8
peteorpeter

私はいくつかの良い例があると思います:

ここであなたが質問しているのは データの視覚化 だと思います。直感的で賢明な方法で多くの情報をどのように提示しますか? Edward Tufte の作品も読むことをお勧めします。

5
program247365

Stackexchange 優れたサイト
相互作用が大好き

3
Navid

grooveshark は、複雑なWebアプリUXに関するあらゆる種類の質問の優れたリファレンスです。

3

記入することは決して楽しいことではありませんが、オンライン税務ソフトウェアはこの典型的な例です。一部のオンライン保険申請も。どちらの例も非常に複雑です。言い換えれば、税法は複雑であり、ビジネス保険のリスク分析も複雑です。しかし、優れたWebサイトは、複雑なプロセスを簡略化するために多くのことを行ってきました。

実際、私は Techinsurance.com に約6年間取り組んできました。これは、複雑な依存関係を持つ非常に動的な質問があるサイトです。合計で400程度の潜在的な質問があり、それらのごく一部のみが特定のユーザーに提示されます。それぞれの質問の文言には注意する必要がありました。言葉遣いが多すぎず、必要な方法で質問されるようにしてください。追加の説明については、必要に応じてコンテキスト固有のヘルプを利用できます。言うまでもないことですが、ユーザーにとって使いやすいものにするために、あらゆることを行うことが非常に重要です。

私たちの最大のインスピレーションの1つは、 hrblock.com でのオンライン納税申告でした。彼らは状況に応じたヘルプを提供し、UIを簡単に操作できるようにすっきりさせるという、非常に優れた仕事をしました。

2
Steve Wortham

Checkvist ツール(階層、検索、タグ、コラボレーションを備えたアウトライナ/タスクマネージャ)のアプローチを見たいと思うかもしれません。その機能のほとんどはキーボードを介して利用可能であり、すっきりしたUIを備えています。 (免責事項:私は開発者の1人です)。

1
KIR

収穫 は、複雑な情報を扱うエレガントな時間追跡および請求管理Webアプリです。

Subernova (プロジェクト管理)もご覧ください。

GoogleファイナンスとGoogleアナリティクスも、リッチデータをかなり「エレガント」な方法で処理します。

1
Alex Fernandez

私は個人的にUIパターン/切り取りサイトにアクセスするので、探しているUIのビットを見つけます。興味深いものがあれば、サイトにアクセスして、すべてがどのように連携するかを確認します。

私はもっ​​とリストアップするつもりでしたが、新しいユーザーとして私は2つのリンクを投稿することだけに制限されています。さらに2つのサイト用のGoogle UIパターンとドリブル。

1
Keegan