web-dev-qa-db-ja.com

複雑でリッチなアプリケーションの設計に関する最新の考え方をどのようにして最新に保つことができますか?

アプリの非常に複雑なエコシステムを設計しています。

アプリとUI/UXの設計における最新の考え方、研究、トレンドを常に把握しておくことが好きです。一般的なアプリやモバイルアプリについては、すばらしい記事、ギャラリー、情報源がたくさんあることに気づきました。

ただし、複雑でリッチなアプリケーションの情報とインスピレーションを探す場合、品質に本当に欠けていることに気づきました。上記の例は、焦点を絞った(多くの場合、単一目的の)アプリの優れた例でいっぱいです。しかし、私は複雑さの別のリーグに対処する必要があります。

複雑とはどういう意味ですか?豊富なデータ、データの視覚化、複数のアプリの連携、高密度のインターフェース、多くのコントロールなど。AdobePhotoshop、オペレーティングシステム、金融取引システムなどを考えてください。

私の質問:複雑なインターフェースに関するインスピレーションと洞察はどこにありますか?そして「このドメインの最新の考え方を最新に保ちますか?」

75
Jay

このことを少しカバーしているブログもいくつかありますが、それを上手く保つための最良の方法は、ブログと製品自体をカバーするケーススタディを読むことです。

19
Kit Grose

以下は、最新情報を確認するために毎週アクセスするサイトのリストです。デザイン、グラフィック、UX、リソースを組み合わせたものです。彼らの強みは、彼らの記事のリンクをたどり、より多くのリソースへの扉を開くことにあります。

15
Shane

あなたの痛みが分かります。私のキャリアは完全にエンタープライズWebアプリの設計でした。私はそこにある同じ素晴らしい知識とインスピレーションの源を精査し、この種の仕事は完全に過小評価されていることに気づきました。

頭に浮かぶ3つの理由:

  • このタイプの作品は見苦しく、見過ごされています。
  • 多くの場合、複雑なアプリケーションのエンジニアリングと比較して、設計の優先順位は低く、イノベーションは欠けています。すべてのシステムのほとんどの内部ツールを見るだけで、あなたは同意するでしょう。
  • 主要システムの革新は、視覚的な魅力ではなく、実際の使用において経験されています。スクリーンショットと説明は、それらがどれほど優れているかを表すものではありません。

3番目は私を私の答えに導きます:

最高の(そして最悪の)ソフトウェアを見つけて使用する必要があります。

試用版にサインアップするか、複雑なソフトウェア製品を購入して、試用してください。ソフトウェア設計者が管理タスクやデータの視覚化などをどのように解決したかからインスピレーションを引き出します。

ここに私のお気に入りのいくつかがあります:

Omniture siteCatalystこれまでに使用した中で最も印象的なWebベースのツール。アカウント管理、レポート作成、視覚化について私が持っていたすべての概念が吹き飛ばされました。それらはすべて同じインターフェースで発生します。

Outlook: Outlookの機能セットを詳しく調べます。すべての機能を単独で使用したり、CRM、スケジューリング、メッセージングツールにまとめて統合したりする方法に注意してください。

MailChimp

Mintまたはその他の銀行管理ツール。

Gmail(良いか悪いかはIMHO)それらがどのように統合され、プロファイルと設定、およびそれらの製品を管理できるかは興味深いことです。

ブログソフトウェア WordpressとTumblrはどちらも複雑なソフトウェアの優れた例です。私は最近Tumblrを何度も掘っています。それはモダンで使いやすく、インターフェイスは試していないそれが意図する以上のものになること。

MindBodyOnline次回ヨガまたはジムに行くときは、カウンターを歩き回って彼らがサインインするのを見てください。これはおそらくMBOであり、その理由はクラスで最高であるためです。

StackExchangeはどうですか?かなり複雑で効果的です。

Groveshark(良いIMHO)やiTunes(悪いIMHO)などの音楽管理アプリケーション

等々....

複雑なソフトウェアが身近にあります。私たちはそれで私たちの生活とビジネスを運営しています。スマッシングがこのようなリストを作成するまでは、遭遇するすべてのアプリを深く掘り下げて、インスピレーションを見つけてください。

7
Itumac

マルチデバイスUIまたはマルチスクリーンUIを検索する必要があると思います。このコンセプトは非常に新しい(または少なくとも大企業の関心のみであった)ので、あなたが探しているものを取り入れた専用のウェブサイトを見つけるのは難しいと思います。

これらはおそらく私が見つけることができる最高の記事です:

そして、Bret Victorの話を聞いてください-この人はUIデザインの最前線にいます:

7
Ryan King

これは少し型破りかもしれませんが、私が知っているすべてが組み合わされているのを確認できる単一の場所はありませんが、以下のいくつかをチェックしてください。

  • 実際の財務、分析、および複雑なアプリケーション。 Google Analytics、Kiss Metrics、Mint、Freshbooks、Quickbooks、YahooおよびGoogle Finance、Klout、Photoshop、Gimp、Inkscape、Blender、After Effects、GitHubなどを試してください。
  • 同様に、いくつかの技術ブログやスタートアップブログをフォローして、プロファイルに適合するリストされた製品のデザインを確認してください。 TechCrunch、VentureBeat、ReadWriteWebなど.
  • 情報グラフィックスを学ぶことは、視覚的に楽しい方法で複雑な情報を整理するためのデザインの筋肉を開発するのに役立つかもしれません。良い(そして悪い)例をウェブ全体で見つけることができます。

編集

またチェックしてください:

ただし、覚えておくべきこと:アプリケーションの種類に関係なく、優れた設計原則が適用されます。コンテキストと制約のみが変更されます。インスピレーションには、ほぼすべてのタイプのデザインを使用できます。高密度のエンタープライズインターフェイスの場合、デフォルトで実際に表示する必要があるものと、徐々に明らかにできるものを把握します。設計曲線を再利用して、学習曲線を最小限に抑えます。インテリジェントなデフォルトを使用します。これらのことを行うだけで、長い道のりが続きます。

6
Virtuosi Media

あなたが見つけた(そしてここでの答えが確認する)ように、人々はシンプルなデザインについて話すことを好みます。

シンプルさは

  • きれい
  • 評価しやすい
  • 野心的な

それが適切な場合、シンプルは素晴らしいです。しかし、複雑さは非常に困難です。多くの場合、複雑なプロジェクトはクライアントにとって最大の利益を生み出すことができます。

サイトへの私の移動

私が見つけた2つのサイトは、このデザインの領域に特定の方法で接続しています。私は定期的にこれらに接続されたままであり、自分が得た洞察で過去の決定を再評価していることがよくあります。

少し大きな詳細
ここで指摘されている詳細は、それ自体複雑ではありません。複雑なアプリが輝くのは、これらすべての「小さな詳細」の蓄積と相互作用にあります。

UIパターン
このサイトは、UIの一般的な課題を解決するためのデザインパターンのライブラリとして機能することを目的としています。一部のアイデア/パターンは単純です( slideshows など)。一部のアイデアはより複雑です( Webデザインのプッシュアンドプル など)。一部の記事は、より概念的で、より大きな意味で価値があります( 最適化vsイノベーション など)。

情報の可視化
情報の視覚化が問題の一部になるようなプロジェクト(複雑なUIでよくあるように)について、私はこれらの非常に焦点を絞ったサイトに目を向けます。

情報は美しいです
情報美学
フローデータ

名誉ある言及

これらのサイトは、複雑な問題に対して時々価値があります。

モバイルパターン
スマッシングマガジン
A List Apart
Jakob Nielsenのサイト

3
plainclothes

誰も sepanda について言及していないことに本当に驚いています。

Usepandaは、私がその日を見つめる前にほぼ毎日開くアプリケーションです。 Usepandaは、コーディングからグラフィック、UX研究まで、単一のプラットフォーム上の多くのWebサイトをカバーしています。したがって、アドビの更新であれUXの調査記事であれ、最新のすべてのものが単一のプラットフォームでアクセス可能になります。

ところで、私はウェブアプリを使用することを好む、利用可能なさまざまなバージョンがあります。

そして、これが私の画面の外観です... enter image description here

3

見てください、あなたはすでにアプリエコシステムを設計しているので、忙しい人です。私たちはあなたにサイトを投げ続けますが、私はあなたがあなたがあなたが好きなサイトをすでに知っていると仮定します。問題の真実は出会ったすべてに追いつくことができるシステムが必要です見つけたものを収集してキュレートできます。これらの目的のために、これらすべての異なるシステム/サイトを試してみることができ、小麦をもみ殻から簡単に分離できるようにするいくつかのサービスをお勧めします。

  • Googleリーダー のようなRSSリーダーを使用すると、自分のペースでブログに追いつき、何かがあったときに記事を開始できます本当にいい音で、保存する価値があります。
  • Ifttt(つまり、これなら、それが)は「サービス接着剤」システムなので、他の分野で努力することができますシステム、およびそれらを他のシステム(DropBox、Evernote、Twitterなど)に変換します。そこでは、目前のトピックについてより良い会話を促すことができます。
  • 最後に、Pinterestは素晴らしいビジュアルブックマークシステムであり、残念ながらIfttt(まだ)では機能しませんが、これまでに特定のトピックについて収集したすべてのページを、ざらざらすることなく見ることができるという利点。

あなたは実際にあなたの記憶に残っているものと同じくらい優れたデザイナーですので、あなたの記憶をこれらのアプリで助けてあげてください。

3

あなたがインスピレーションギャラリー、ブログ、雑誌などのオンラインリソースを言ったように。 Twitterは、大きなかつらやスタジオのいくつかが今何をしているのかを知るための素晴らしい方法です。さらに、何度も何度も出てくる、読む価値のある本は常にいくつかありますが、テクノロジーに関する多くの本と同様に、印刷されるとすぐに古くなってしまうことがよくあります。さらに、MeetUp.comなどの場所に参加して、集まるローカルグループや、UX、開発、デザインの人々が話し、たむろするホストナイトを検索することを強くお勧めします。

2
Jeff

金融取引や、「非常に複雑な」ことは通常、企業に競合他社よりも競争上の優位性を与えるため、厳密なNDAの下にあると見なされるため、これは一般的に例を見つけるのが本当に難しいセクターです。これが主な理由であり、ソリューションと例が、たとえあったとしても、彼らが提供および管理するアプリケーションのUX、設計、構築を実践する人々によって共有されることはめったにありません。金融業界以外では、最も複雑なシステムとインターフェースは、サブスクリプションサービスまたはビジネスプロセスで内部的に使用されるアプリケーションのいずれかである傾向があるため、ほとんどの人がこれまでに挙げた日常のサイトには実際には表示されません。

そのようなシステムを設計する上での課題を実際に直接見聞きする方法は2つあります。

まず、実際に知っておく必要のあるサービスと同等のサービスにサインアップします。たとえば、 IGインデックス または cmcマーケット などのほとんどの株式取引サービスには、「複雑な」データの動作を確認するために登録できるトライアル/低リスクのアカウントがあります。

次に、アクティビティのハブに近い場合、これはさらに当てはまるかもしれません-私はロンドンにいます-UX/IA設計について記載されているローカルコミュニティイベントをチェックしてください。 eventbrite などのサイトでは、あなたが説明する問題の解決を目的とする高度に技術的な仕事を専門とする企業から、彼らが行う仕事や彼らが直面する課題について多くの人々が話します。

そして最後に、Twitterやこのようなメッセージボードをトロールして、実際に働いている企業を見つけて、彼らや彼らと直接協力している他の人々と連絡を取ります。特に、この業界のほとんどの人は、問題に関連する質問をすると、とてもフレンドリーです彼らが日々解決すること。

2
Adam Fellowes

まず、あなたの情報への渇きを満足させるかもしれない何かを共有させてください:

Edward Tufteによるビジョン情報

これは本であり、本はウェブサイトのように「最新の状態に保たれている」わけではありませんが、一部の真実には有効期限がありません。 「最新の状態に保つ」ためのレースでは、人々とのコミュニケーションのトピックに関してすでにそこにある情報の本体を考慮してください。ソフトウェアは、私たちが人間であり、認知上の制限があるという事実を変えませんでした。

あらゆるUXプロフェッショナル(おそらく、すべてのプロフェッショナル)にとって最大の課題は、それについて読むのではなく、作業を行う長年の経験からくるヒューリスティックスと直感を養うことです。

私はこれをすべて「最新の状態に保つ」というプレッシャーに注意するために言います。その圧力のほとんどは架空のものであり、関連するストレスは非常に現実的です。あなたができる最も良い「最新の状態に保つ」ことは、あなたが好きな仕事を続け続けることです。

1
Nick

あるレベルで複雑なシステムが複雑な問題(または複雑な問題の領域)と密接に関連していることに同意した場合、おそらく、研究開発コミュニティを利用して、それらが何をしているかを確認することは理にかなっています。あなたの説明から、あなたは特にVisual Analyticsコミュニティに興味があるかもしれません。

IEEE VAST Conference の最近の募集レポートから、Visual Analyticsは次のように定義されています。

Visual Analyticsは、高度にインタラクティブなビジュアルインターフェースによってサポートされる分析的推論の科学です。人々は、科学、エンジニアリング、ビジネス、政府のあらゆる側面で視覚分析ツールと技術を使用して、情報を知識に統合します。大量の動的な、しばしば競合するデータから洞察を引き出す;予想されるものを検出し、予期しないものを発見します。タイムリーで、防御可能で、理解可能な評価を提供する。行動のために評価を効果的に伝達します。この一連の研究を刺激する問題は、科学に大きな課題をもたらします。情報過多を10年の機会に変えることです。ビジュアル分析には、従来の科学および情報の視覚化に加えて、統計学、数学、知識表現、管理および発見テクノロジー、認知科学および知覚科学、意思決定科学などを含む学際的な科学が必要です。

開始点として、毎年のVASTカンファレンスの競争を見て、現在研究コミュニティーに「関心がある」問題の規模/複雑さを確認します。おそらく、カンファレンスの1つに参加し、スポンサー企業のいくつかと対話することを検討することもできます(ソフトウェアの試用版を入手するなど)。

戦いの半分は、これらの非常にニッチな製品分野でソフトウェアソリューションを実際に開発しているのは誰かを理解することだと思います。会議(一例としてIEEE VisWeek)とユーザーグループは、そのギャップを埋めるのに役立ちます。ブログは主に情報を凝縮しようとしますが、それは必ずしもあなたが望むものではないかもしれません。

最後に、まったく別の視点が必要な場合は、最近(2012年8月)に、SF映画で使用されるインタラクション技法とインターフェースに焦点を当てた本が出版されました。 「 Make It So:Interaction Design Lessons from SF Fiction "」というタイトルが付けられています。私は本を​​個人的に読んだことがないので、その内容についてコメントすることはできませんが、出版社のサイトからの簡単な説明を次に示します。

多くのデザイナーは、SF映画やテレビ番組で見られるインターフェースを楽しんでいます。実際のユーザー向けに設計するという厳しい制約から解放されたSFプロダクションデザイナーは、刺激的で、ユーモラスで、有益な青空のインターフェイスを開発します。これらの「アウトサイダー」ユーザーインターフェースを注意深く研究することにより、設計者は実際の設計をより最先端にして成功させるレッスンを導き出すことができます。

したがって、私の提案は、何百ものアプリケーションやブログをふるいにかけてUI/UXの傾向を抽出するのではなく、最新の複雑な問題に追いつき、人々がそれらを解決しようとする方法を確認することです。本当に複雑な問題はすべて、独自のソリューションを必要とするのではないでしょうか。

1
CJF

刺激を受けるには、自然の中を見回す必要があるだけだと思います。物事がどれほど巧妙にシンプルにアレンジされているのだろう。できるだけシンプルにしてください。これが本当の目標です。また、体験を通して既存のインターフェースからインスピレーションを得ることもできますが、Natureにはその中に多くの情報が含まれているため、探索してインスピレーションを得ることはできません。

1
Imran

Tworivers.com/blog tworivers.comに焦点を当てているため、複雑なアプリケーションのスクリーンショットを含む非常に具体的な設計ソリューションを投稿します。

1

基本的に、ほとんどの複雑なアプリは独自のクラスにあります。設計している場合は、多少似たシステムからインスピレーションを得ますが、ユーザビリティテストでは設計をテストします。最新の考え方については、最近の複雑なアプリを見てみましょう。最新ではないので、科学文献をチェックします。多くのリソースがある場合は、実際に見つかった複雑な設計をユーザビリティテストできることを覚えておいてください。これは、独自のデザインを開発してテストするよりもはるかに安価です。

0
Illotus

私があなたを正しく理解しているなら、あなたは各原子問題が満足に解決されるところにあり、そして困難な部分はそれをすべて一緒にくっつけることです-要するに、それはすべて接着剤についてです。

解決された原子問題:ユーザーは有効なスコープ内で座標を定義する必要があります。彼にXとYを入力するための2つのテキストボックスを与えるか、XYグラフで十字線をドラッグしてもらいますか?

今、残念ながら、接着剤を見つけることはパイオニアの仕事です。リボンバー、ドッキング可能なウィンドウなどとして実装する人もいます。パイオニアは、Microsoft、Adobe、および彼らのリーグのその他の人で、彼らの製品が販売(または特許)される前に研究結果を共有しません。たぶん、平凡な常識を適用し、「コンテキスト依存ツール」または「ワークフローベースのUI」の別の実装を生成する他の人を見つけるかもしれませんが、私があなたが探しているものに出くわしたことはありません。

現在の知識の多くは商用アプリケーションであるため、より複雑なもの(3d Studio、Maya、Premiere、After Effects、Cubase、FruityLoopsなどのさまざまなオーディオシーケンサーなど)を見てください。

私はあなたの質問が答えられることを本当に望みます、それについてよく読んでいただければ幸いです。

0

さて、賞金さえもこの質問に誰も答えませんでした。

私はいくつかの調査を行いましたが、私の答えは—いいえ、complexインターフェースの設計に関する最新情報を入手できる場所はありません。

Kit Groseは彼の回答にいくつかの有望なリンクを提供しましたが、私はそこに何か関連するものを見つけることができませんでした。

私たちが残したのは、専門のソフトウェアを探索しながら、独自の分析と研究を行うことだけです。

0

私たちは皆が知っていて愛している「いつもの容疑者」オンラインマガジンサイトで興味深いものを探します。私が使用するツールのクールなことに気づきました。 Appleの製品は、一般的にユーザーと人間の行動を中心に構築されているように見えるので、おそらくそれから多くのことを取り除きます。私はGoogleが彼らのウェブアプリで何をしているのかも気にしています、私は通常それらの経験がかなり軽量で全く負担がかからないことを見つけます。それ以外には、最新の最もホットなトレンドを積極的に調査して明らかにするために積極的に取り組んでいません。私の希望は、自分自身と人間の行動について知っていることを自分の決断に伝え、自分のガイドになることが、良いことになることです。

0
Luke Smith

最高の情報源は、日常の作業中に収集した資料のコレクションです。

何千人もの人々が何千もの情報源を満たしています。 theのブログやフィードを自分で見つけることは、「より良い」または「より最新の」サイトが常に存在するため、不可能だと思いますつまずく。

過去には、RSSリーダーをフォローしている約60の異なるページがありました。私は結局、より多くのサイトを集めることをあきらめ、ウェブをサーフィンしている間に(私の読書リストに)ブログ投稿を集め始めました。私は雑誌からスキャンを取り、優れたUIを偶然見つけたときに gif screencasts をとります。すべてが簡単な要約とともにEvernoteに入ります。今、私はいつでも戻ってくることができる自分の情報源を持っています。それは常に最新で、私の頭の後ろにある情報が含まれています。

0
uxfelix