Diese Frage ist zu groß, um Punkt für Punkt genau beantwortet zu werden. Es gibt Bücher zum Thema Design und andere Bücher zum Thema Benutzererfahrung , in denen ausführlich erläutert wird, wie Software, Verbraucherprodukte, Bücher, Werbung und Spielzeug für Babys für die Zielgruppe attraktiver gestaltet werden können. Eigentlich ist Ihre Frage ähnlich wie:
Ich bin ein Designer, ich habe eine Vorstellung vom Programmieren (ich habe in der Schule zwei Wochen lang Basic gelernt), aber ich habe keine Zeit, das 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 jedem Fall können Sie versuchen, sich von etwas zu inspirieren , wenn Sie "attraktive" Diagramme erstellen möchten, aber keine Zeit haben, Dutzende Bücher zu lesen, und wenn Sie keinen Designer in Ihrem Unternehmen haben (ist das möglich?) Sie sehen sich um : professionelle Websites, Präsentationen usw. Sie müssen einige Regeln und Muster notieren 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 größere Erfolgschancen.
Zum Beispiel, wenn ich das Diagramm in Ihrer Bearbeitung nehme:
Ich bemerke den allerersten Fehler: Schatten. Schatten müssen mit Vorsicht verwendet werden. In einer Website wäre eine solche Nutzung nicht akzeptabel. Ein gutes Beispiel dafür, wie Schatten verwendet werden müssen, ist Apple.com . Jedes Element, mit dem der Benutzer interagieren kann, weist einen kleinen Schatten auf, 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. Dennoch sind die Schatten zu groß und zu weit von den Elementen entfernt. Auch hier besteht keine Notwendigkeit: 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 dem blinkenden Kalkhintergrund. Tun Sie nur das, was Sie tun müssen, um eine visuelle Wirkung zu erzielen, nicht mehr.
Überlegen Sie sich, wie Sie Ihre Diagramme gestalten sollen: Niemand möchte diese hässlichen Schwarz-Weiß-UML-Diagramme sehen. Aber nicht übertreiben: es wird nur schlimmer: UML-Schwarzweiß-Diagramme sind hässlich, aber brauchbar . Ein Regenbogen-Multi-Font-Blink-GIF-animierter Mist mit vielen Symbolen und Pfeilen, die die Farbe ändern, ist nicht nur hässlich, sondern auch unbrauchbar.
Denken Sie bei den Diagrammen an die Spezifität des Kontexts. Wenn es über einen Projektor angezeigt wird, kann kein grüner Text auf weißem Hintergrund angezeigt werden. Wenn es auf eine Wand projiziert wird, verschwindet es auf magische Weise. Wenn es Ihren Vortrag unterstützt, platzieren Sie nicht zu viel auf einer 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 können Sie sicher sein, dass die Hälfte des Publikums einschlafen und die andere Hälfte aufhört, Ihnen zuzuhören und verzweifelt zu versuchen, zu verstehen, was diese Sache ist .
Denken Sie zum Schluss daran, dass Sie für Ihr Publikum da sind, nicht im Gegenteil . Wenn Sie das Diagramm den Marketing-Leuten wie oben abgebildet zeigen , sagen sie selbst, dass Sie scheiße sind. Wissen sie, was die Cloud ist (oder glauben sie, dass es 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 anderem oder von einer Website unterscheidet?
