it-swarm.dev

Erstellen eines attraktiven und dennoch technischen Architekturdiagramms

Hat jemand einen Rat für die Erstellung eines "attraktiven" Software-Architekturdiagramms? Mein Manager sagte mir, ich solle mein aktuelles Architekturdiagramm (das nur mit Visio und grundlegenden Symbolen erstellt wurde) für eine Präsentation "attraktiver" machen, die ich nicht technischen Typen auf Führungsebene geben muss. Ich vermute, er wollte etwas haben, das Sie Ihren Kunden zeigen oder das Marketing-Leute verwenden können.

Gibt es bestimmte Icon-Sets oder spezielle Tipps? Ich kann mein aktuelles Diagramm aus Datenschutzgründen nicht veröffentlichen, aber um die allgemeine Vorstellung zu erhalten, sind es nur Text, Zeilen und Serversymbole (http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg). Das ist das Icon-Set, das ich verwende.

Ich bin ehrlich verwirrt darüber, wie man so etwas "attraktiver" macht (verdammt, ich denke, Schwarz und Weiß sind immer die besten Farbkombinationen: P)

Bearbeiten:

Also ist so etwas http://rollerweblogger.org/roller/resource/linkedin-today.png immer noch als "professionell" mit all den Farben und so?

Ich fragte meinen Manager und alles, was er sagte, war, es marktfähiger zu machen und Fragen zu vermeiden, was ich konkret tun sollte.

13
user36555

Diese Frage ist zu groß, um Punkt für Punkt genau beantwortet zu werden. Es gibt Bücher über Design und andere Bücher über Benutzererfahrung , in denen detailliert erklärt wird, wie Software, Konsumgüter, Bücher, Werbung und Spielzeug hergestellt werden für Babys attraktiver für die Zielgruppe. Eigentlich ist Ihre Frage ähnlich wie:

Ich bin Designer, habe eine Vorstellung vom Programmieren (ich habe in der Schule zwei Wochen lang Basic gelernt), aber ich habe keine Zeit, Programmieren zu lernen. Ich werde gebeten, eine E-Commerce-Website von Grund auf mit ASP.NET MVC und Microsoft SQL zu erstellen. Können Sie mir erklären, was diese beiden Dinge sind und wie ich sie für eine erfolgreiche Arbeit verwenden kann?

In allen Fällen, wenn Sie "attraktive" Diagramme erstellen möchten, aber keine Zeit zum Lesen von Dutzenden von Büchern haben und keinen Designer in Ihrem Unternehmen haben (ist das möglich?), Sie können versuchen, sich von dem zu inspirieren, was Sie sehen : professionelle Websites, Präsentationen usw. Sie müssen einige Regeln und Muster beachten und sie auf Ihre Diagramme anwenden. Sie können es manchmal falsch verstehen, weil einige Regeln für Websites gut funktionieren, aber für Konsumgüter oder Diagramme oder Spielzeug für Babys nicht funktionieren, aber im Allgemeinen haben Sie mehr Erfolgschancen.

Zum Beispiel, wenn ich das Diagramm in Ihrer Bearbeitung nehme:

enter image description here

Ich bemerke den allerersten Fehler: Schatten. Schatten müssen mit Vorsicht verwendet werden. Auf einer Website wäre eine solche Verwendung nicht akzeptabel. Ein gutes Beispiel dafür, wie Schatten verwendet werden müssen, ist Apple.com . Jedes Element, mit dem der Benutzer interagieren kann, hat einen kleinen Schatten, der das Gefühl einer Lautstärke vermittelt. Kein anderes Element hat einen Schatten. Im Fall eines Diagramms ist dies möglicherweise akzeptabler, da Benutzer nicht mit dem Diagramm interagieren sollen. Trotzdem sind die Schatten zu groß und zu weit von den Elementen entfernt. Auch hier werden sie nicht benötigt: Jedes Element hat bereits einen Rand .

Faustregel: KISS (oder, wenn Sie wollen, "faul sein"). Fügen Sie nicht gleichzeitig einen Rand, einen Schatten und eine Hintergrundfarbe hinzu. Machen Sie den Text nicht fett kursiv Arial Black 200 rot unterstrichen mit einem gelben Rand auf Limettenhintergrund blinkend. Tun Sie nur das, was Sie tun müssen, um eine visuelle Wirkung zu erzielen, nicht mehr.

Denken Sie daran, Ihre Diagramme zu gestalten: Niemand möchte diese hässlichen Schwarz-Weiß-UML-Diagramme sehen. Aber nicht überstylen: Es wird nur noch schlimmer: UML-Schwarz-Weiß-Diagramme sind hässlich, aber verwendbar. Ein Rainbow Multi-Font-Blink-GIF-animierter Mist mit vielen Symbolen und Pfeilen, die ihre Farbe ändern, ist nicht nur hässlich, sondern auch unbrauchbar.

Denken Sie bei den Diagrammen an die Spezifität des Kontexts. Wenn es durch einen Projektor angezeigt wird, können Sie keinen grünen Text auf weißem Hintergrund haben : Es verschwindet einfach auf magische Weise, wenn es auf eine Wand projiziert wird . Wenn es Ihren Vortrag unterstützt, setzen Sie nicht zu viel auf eine Folie : zu viele Grafiken, zu viele Zahlen, zu viel Text. Die obige Abbildung ist ein gutes Beispiel dafür, was Sie für eine Präsentation niemals tun dürfen: Mit einer solchen Folie sind Sie sicher, dass die Hälfte des Publikums schlafen geht und die andere Hälfte aufhört, Ihnen zuzuhören, und verzweifelt versucht zu verstehen, was das ist .

Denken Sie zum Schluss daran, dass Sie für Ihr Publikum da sind und nicht das Gegenteil . Wenn Sie das Diagramm wie das oben abgebildete Marketing-Leuten zeigen, sagen sie sich selbst, dass Sie saugen. Wissen sie, was die Cloud ist (oder glauben sie, dass dies etwas mit Anwendungen zu tun hat, die am Himmel/im Weltraum gehostet werden)? Wissen sie, was das braune Symbol mit "DB" darstellt? Können sie erklären, was eine Web-App ist und wie sie sich von etwas unterscheidet? else-app oder von einer website?

11

Es ist wahrscheinlich unnötig zu betonen, dass die Schönheit Eine der subjektivsten Meinungen überhaupt ist. Wie sie sagen, die Schönheit liegt im Auge des Betrachters, also was für Sie schön ist, kann höllisch hässlich sein an jemand anderen. Viele bessere Hälften würden übereinstimmen.

Abgesehen davon erwarten die Leute heutzutage wahrscheinlich etwas mehr als ein ASCII Diagramm). Sie müssen die Theorie der Farben nicht studieren, aber ein wenig zu formen wird nicht schaden Das Erstellen von Diagrammen wie zum Beispiel Gliffy mit anständig aussehenden Vorlagen, auf die ich wette, würde jedem (oder zumindest nicht unzufrieden) gefallen, der an dieser Präsentation teilnimmt.

enter image description here

1
Rook

Wenn Sie Ihre Diagramme mit den normalerweise verwendeten Entwicklungstools erstellt haben, führen Sie sie in PowerPoint oder der von Ihrem Unternehmen verwendeten Präsentationssoftware von Grund auf neu aus. Meine Präsentationen mit den Standardsymbolen und Pfeilstilen haben eine viel bessere Resonanz erhalten als die Präsentationen, die ich in Enterprise Architect oder Power Designer durchgeführt habe. Überspringen Sie UML und wählen Sie einfach Beziehungsdiagramme und Flussdiagramme. Werfen Sie wie bei jeder Präsentation etwas schnell zusammen und führen Sie es an Ihrem Manager vorbei, um Feedback zu erhalten. Sie möchten keine Stunden damit verschwenden, ein ausgeklügeltes Workflow-Diagramm zu erstellen, das Ihr Manager als "zu beschäftigt" bezeichnet. Ich würde empfehlen, ein einfaches Diagramm vollständig zu erstellen, damit Sie den Stil (Schriftart, Farbpalette, Layout) anzeigen und den Rest für den Inhalt nachahmen können. Dann bringen Sie es zu Ihrem Manager und erhalten Sie eine weitere Anweisung.

1
TMN

Seien Sie konsistent in der Schriftart. Platzieren Sie die Dinge gleichmäßig und halten Sie sie in einer Linie. Fügen Sie wahrscheinlich ein oder zwei Farben (Firmenfarben?) Hinzu, die über Schwarzweiß hinausgehen. Überschriften fett gedruckt. Grenzen sollten unterschiedlich sein. Etwas mehr als Gitterlinien als Hintergrund oder gar keine.

Möglicherweise müssen Sie in separate Seiten/Folien aufteilen. Niemand möchte 57 Blöcke in einem chaotischen Vogelnestdiagramm sehen (nach ihrer Wahrnehmung).

Vielleicht möchten Sie jemanden in Ihrem Unternehmen mit einem etwas ästhetischeren Sinn konsultieren. Führen Sie es von jemandem im Vertrieb oder Marketing.

0
JeffO

Verwenden Sie abgerundete Ecken und gedeckte Farben. Verwenden Sie dicke Linien. Elliance hat einige gute Beispiele. Ich darf zwar keine Bilder posten, aber hier ist ein Beispiel, das ich als Inspiration für meine eigenen Diagramme verwendet habe.

0
undetected