web-dev-qa-db-ja.com

魅力的でありながら技術的なアーキテクチャ図を作成する

「魅力的な」ソフトウェアアーキテクチャ図を作成するためのアドバイスはありますか?私のマネージャーは、現在のアーキテクチャ図(Visioと基本的なアイコンを使用して作成されたもの)を、技術的でないエグゼクティブレベルのタイプに与えなければならないプレゼンテーションに対してより「魅力的」にするように指示しました。彼があなたに顧客に見せたり、マーケティング担当者が使用したりするものを持っているつもりだったと思います。

特定のアイコンセットや人々が持っている特定のヒントはありますか?プライバシー上の理由から現在の図を投稿することはできませんが、一般的なアイデアを得るために、それは単なるテキスト、線、およびサーバーアイコン(http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg)です。それは私が使用しているアイコンセットです。

そのような「より魅力的な」ものを作る方法について正直に混乱しています(地獄、私は黒と白が常に使用するのに最適な色の組み合わせだと思います:P)

編集:

それで、このようなものはありますか http://rollerweblogger.org/roller/resource/linkedin-today.png まだすべての色などで「プロフェッショナル」と見なされていますか?

私が上司に尋ねたところ、彼が言ったことは、私が具体的に何をすべきかについての質問を避けながら、それをより市場性のあるものにすることだけでした。

13
user36555

この質問は大きすぎて、ポイントごとに正確に回答することはできません。 デザインに関する本、およびユーザーエクスペリエンスに関するその他の本があり、ソフトウェア、消費者製品、本、広告、おもちゃの作り方を詳細に説明していますターゲットオーディエンスにとってより魅力的な赤ちゃんのために。実際、あなたの質問は次のようになります。

私はデザイナーですが、プログラミングのアイデアはありますが(学校で2週間ベーシックを学びました)、プログラミングを学ぶ時間はありません。 ASP.NET MVCとMicrosoft SQLを使用して、最初からeコマースWebサイトを作成するように求められます。これらの2つのことは何ですか?また、それらをどのように使用して作業を成功させることができますか?

すべての場合において、「魅力的な」グラフを作成したいが、何十冊もの本を読む時間がなく、社内にデザイナーがいない場合(それは可能ですか?)、周りにあるものからインスピレーションを得ることができます:プロのWebサイト、プレゼンテーションなど。いくつかのルールとパターンに注意し、それらをチャートに適用する必要があります。一部のルールはウェブサイトでは適切に機能しますが、消費者向けの製品やチャートやおもちゃでは失敗する場合がありますが、一般的には成功する可能性が高くなります。

たとえば、私があなたの編集でチャートを取るならば:

enter image description here

最初のエラーである影に気づきました。 影は注意して使用する必要があります。Webサイトでは、そのような使用は許可されません。シャドウの使用方法の良い例は Apple.com です。ユーザーが操作できる各要素には小さな影があり、ボリューム感を与えます。他の要素には影がありません。チャートの場合、ユーザーはチャートと対話することを意図されていないため、これはより許容できる場合があります。それでも、影は大きすぎ、要素から離れすぎています。また、ここでは、それらの必要はありません。各要素にはすでに境界線があります

経験則:KISS(または、必要に応じて、「怠惰になる」)。境界線と影、背景色を同時に追加しないでください。太字のイタリック体のArial Black 200赤の下線をライムの背景の黄色い境界線で点滅させないでください。視覚的なインパクトを加えるために必要なことだけを実行してください。

グラフのスタイリングについて考えてください。醜い白黒のUML図を誰も見たくありません。しかし、スタイルを崩さないでください:悪化するだけです:UMLの白黒の図は醜いですが、使用可能です。 Rainbowマルチフォント点滅GIFアニメーションのがらくたは、色が変わるアイコンや矢印がたくさんあり、見栄えが悪いだけでなく、使用できません。

グラフについては、コンテキストの具体性を思い出してください。 それがプロジェクターを通して表示される場合、あなたは白い背景に緑のテキストを持つことはできません:それは壁に投影されたときに魔法のように消えるだけです。それがあなたの話をサポートするなら、スライドにあまり多くを入れないでください:グラフィックが多すぎ、数字が多すぎ、テキストが多すぎます。上の図は、プレゼンテーションで絶対に行ってはならないことの良い例です。このようなスライドを使用すると、聴衆の半分がスリープ状態になり、残りの半分があなたの声を聞くのをやめ、必死にこれを理解しようとします。 。

最後に、あなたは聴衆のためにここにいるのであり、反対ではないことを忘れないでください。 マーケティング担当者に上記の図のようにグラフを表示すると、彼らはあなたが嫌だと言ってくれるでしょう。 彼らは雲が何であるかを知っていますか(またはそれは空/宇宙でホストされているアプリケーションと関係があると信じています)? 「DB」が付いた茶色のアイコンを表すものを知っていますか?彼らはWebアプリとは何か、それが何かとどのように違うのか説明できますか? else-appまたはWebサイトから?

11

beautyがこれまでで最も主観的な意見の1つであることを強調する必要はおそらくないでしょう。彼らが言うように、美しさは見る人の目にあります、それで、美しいあなたにとっては地獄のように醜い他の誰かにとっては。多くのbetter halfsが同意します。

そうは言っても、今日の人々はおそらくASCIIダイアグラムよりも少し多いと期待しています。色の理論を研究する必要はありませんが、それを少しでも形にしても害はありません。たとえば Gliffy のような図を作成すると、見た目にもまともなテンプレートができ、そのプレゼンテーションに参加する人は誰でも(少なくとも、不快ではありません)喜んでくれるでしょう。

enter image description here

1
Rook

通常使用している開発ツールを使用して図を作成したら、PowerPointや会社で使用しているプレゼンテーションソフトウェアで最初からやり直します。デフォルトのアイコンと矢印スタイルを使用した私のプレゼンテーションは、Enterprise ArchitectまたはPower Designerで行ったプレゼンテーションよりもはるかに優れた応答を得ました。 UMLをスキップして、単純な関係図とフローチャートに進んでください。他のプレゼンテーションと同様に、何かをすばやくまとめて、フィードバックのために上司を通過します。マネージャーが「忙しすぎる」ためにノックダウンする精巧なワークフロー図をレイアウトするのに何時間も無駄にしたくはありません。スタイル(フォント、カラーパレット、レイアウト)を表示し、残りのコンテンツをモックアップできるように、1つの単純な図を完全に作成することをお勧めします。次に、それをマネージャーに渡して、さらに指示を出します。

1
TMN

フォントの一貫性を保つ。物を等間隔に配置し、それらを整列させます。おそらく、白黒を超えて、1つまたは2つの色(会社の色?)を追加します。太字のヘッダー。境界は明確でなければなりません。背景としてグリッド線より少し多いか、まったくない。

別のページ/スライドに分割する必要がある場合があります。混沌とした鳥の巣の図に57ブロックが表示されることを望んでいる人はいません(彼らの認識による)。

もう少し美的感覚を持って、社内の誰かに相談したいと思うかもしれません。営業またはマーケティングの誰かがそれを実行します。

0
JeffO

丸みを帯びた角と落ち着いた色を使用します。太い線を使用します。 Elliance にはいくつかの良い例があります。ただし、画像の投稿は許可されていませんが、 here は、自分の図のインスピレーションとして使用した例です。

0
undetected