Anatomie einer wissenschaftlichen Abbildung

Überblick

Jerry Gu ist Scientific Creative Lead bei BioRender. Er leitet die Kreativabteilung und deren Produktion von wissenschaftlichen visuellen Inhalten für die BioRender-Plattform. Seine Führung des unglaublich talentierten Kreativteams, das in vielerlei Hinsicht das Herz und die Seele von BioRender ist, ist nicht nur für das gesamte Team hier, sondern für das gesamte Unternehmen von zentraler Bedeutung. Jerry hat einen Hintergrund in Biochemie sowie einen Master of Science in biomedizinischer Kommunikation von der University of Toronto.

Er moderiert diese nächste Sitzung gemeinsam mit Victoria Tokarz, unserer Scientific Design Project Managerin. Victoria leitet die Projekte zur Erstellung von BioRender-Vorlagen und arbeitet eng mit dem wissenschaftlichen Designteam in der Kreativabteilung zusammen. Ich freue mich sehr, dass Jerry und Victoria diese nächste Sitzung gestalten. Ich übergebe das Wort an euch. Großartig. Okay. Hallo zusammen. Ich hoffe, eure Zeit bei BioRender Visualize 2021 war unterhaltsam und informativ. Mein Name ist, wie gesagt, Jerry. Danke, dass ihr zu unserem Vortrag „Anatomie einer Abbildung: Von Hintergrundvorlagen zu grafischen Abstracts“ gekommen seid. In den nächsten 20 Minuten geben meine Kollegin Vikki und ich einen kleinen Blick hinter die Kulissen, wie wir bei BioRender diese gut gestalteten Vorlagen erstellen. Wir hoffen, dass ihr einige Erkenntnisse mitnehmt, die ihr für eure eigene Arbeit nutzen könnt. Eine etwas holprige Einführung, aber wie gesagt, ich bin der Scientific Creative Lead hier bei BioRender und bei mir ist wieder Vikki. Ich bin die Scientific Design Project Managerin hier bei BioRender und arbeite derzeit auch an meiner Promotion an der University of Toronto. Cool. Danke, Vikki. Und ja, ein kurzer Überblick über unseren Vortrag. Er besteht aus drei Teilen. Zuerst werde ich kurz erläutern, was die BioRender-Vorlagengalerie ist und warum es sie gibt. Zweitens wird Vikki anhand einiger Beispiele auf die wichtigsten Tipps für die Erstellung eines effektiven grafischen Abstracts eingehen. Und zum Schluss komme ich noch einmal darauf zurück, wie wir unsere BioRender-Vorlagen produzieren.

Was ist also die BioRender-Vorlagengalerie? 

Für alle Zuhörer, die unsere Anwendung vielleicht noch nicht so oft genutzt haben: Kurz gesagt ist es ein Repository mit fertigen, vollständig bearbeitbaren Vorlagen für Abbildungen, Layouts, Diagramme und Schemata. Sie können in der App danach suchen, finden, was Sie brauchen, und direkt loslegen, Dinge anpassen, Teile übernehmen und sie schnell in Ihre eigene Abbildung verwandeln. Die Galerie ist in der App zugänglich, egal ob Sie sich auf Ihrer Galerie-Seite befinden oder eine Abbildung auf Ihrer Arbeitsfläche erstellen. Es stehen über tausend Vorlagen zur Auswahl, und wir fügen jeden Monat Dutzende weitere hinzu. BioRender ist bestrebt, unsere Vorlagengalerie unter Berücksichtigung verschiedener Aspekte zu erweitern – sei es durch Feedback aus unserer Nutzer-Community, wovon wir mehr erstellen sollten, oder ganz allgemein durch eine intuitivere Erweiterung der Inhalte für unsere Nutzerbasis. Und natürlich berücksichtigen wir auch neue Trends in der wissenschaftlichen Forschung. Was sind also die wichtigsten Merkmale oder die Anatomie typischer BioRender-Vorlagen? Hier sind einige davon kurz aufgeführt. Wir gehen jetzt nicht zu sehr ins Detail, da wir einige davon gleich noch genauer besprechen werden. Aber ja.

Mit diesem Gedanken im Hinterkopf übergeben wir das Mikrofon an Vikki. Großartig. Vielen Dank, Jerry. Manchmal ist der schwierigste Teil bei der Erstellung einer Abbildung, nicht zu wissen, wo man anfangen soll. Als Wissenschaftlerin beginne ich, egal woran ich arbeite, immer mit einer BioRender-Vorlage – entweder zur Inspiration oder einfach, um Teile davon in meiner Abbildung zu verwenden. Die Vorlagen sind aus vielen Gründen großartig, insbesondere für Publikationen, grafische Abstracts, Förderanträge, wie wir gerade gehört haben, Präsentationen, Poster und sogar für die Wissenschaftskommunikation. Heute konzentrieren wir uns jedoch speziell auf grafische Abstracts. Wenn es Ihnen wie mir geht, ist der grafische Abstract das Letzte, woran Sie denken, wenn Sie ein Paper veröffentlichen. Nachdem Sie alle Experimente durchgeführt, die Datenabbildungen erstellt und das Paper geschrieben haben, bittet Sie das Journal vielleicht um einen grafischen Abstract. Und selbst wenn Sie für das Journal, bei dem Sie gerade einreichen, keinen grafischen Abstract benötigen, ist es fast genauso wichtig, am Ende Ihres Papers eine schematische Darstellung Ihrer Ergebnisse einzufügen.

So erstellen Sie einen effektiven grafischen Abstract

Alles klar. Sie brauchen also einen grafischen Abstract und möchten einen erstellen, aber was ist das Geheimnis für einen wirklich effektiven grafischen Abstract? Lassen Sie uns eintauchen. Bevor wir die Zutaten für die Erstellung eines solchen Abstracts aufschlüsseln, möchte ich kurz innehalten und darüber sprechen, warum es sich lohnt, Zeit in die Erstellung eines solchen Abstracts zu investieren. Zunächst einmal ist es das Erste, was jemand anderes sieht. Auch wenn es manchmal das Letzte ist, was wir erstellen. Und da es das Erste ist, was andere sehen, können grafische Abstracts jemandem bei der Entscheidung helfen, ob er Ihr Paper lesen möchte oder nicht. Wenn Ihr Leseordner so aussieht wie meiner, dann sind es zu viele Paper und zu wenig Zeit. Die Aufmerksamkeit von jemandem mit einer wirklich guten Grafik zu Beginn zu gewinnen, kann also sehr wichtig sein. Und wenn Ihr grafischer Abstract mehr Leute dazu anregt, Ihr Paper zu lesen, erhöht das die Reichweite und die Wirkung Ihrer Arbeit. Das bedeutet, dass mehr Leute in Ihrem Fachgebiet es sehen werden. Und da Grafiken die Zugänglichkeit Ihres Papers für Leute außerhalb Ihres Fachgebiets erhöhen, ist das ein zusätzlicher Bonus, denn solche Grafiken machen komplexe Ergebnisse für andere viel leichter verständlich. Ich hoffe, ich konnte in kurzer Zeit überzeugend darlegen, warum es sich lohnt, Zeit in die Erstellung eines effektiven grafischen Abstracts zu investieren. Aber keine Sorge, ich lasse Sie damit nicht allein. Hier sind drei wichtige Zutaten, die Sie bei der Erstellung Ihres grafischen Abstracts im Hinterkopf behalten können. Wir gehen jede im Detail durch: Layout, Pfeile sowie Vergleich und Kontrast.

Erstellung eines effektiven grafischen Abstracts: Layout

Alles klar. Fangen wir mit dem Layout an. Im Allgemeinen ist es immer sehr schwierig, die Informationen eines ganzen Papers in einem einzigen Bild unterzubringen. Wenn Sie nicht genau auf das Layout achten, kann Ihr grafischer Abstract zu einem „Wo ist Waldo?“-Bild werden. Und der Betrachter ist sich nicht sicher, wo er hinschauen soll. Dies sind einige der Layouts, die wir bei BioRender gerne verwenden. Vertikale und horizontale Abläufe eignen sich hervorragend für schrittweise Informationen, während zyklische Layouts gut für Prozesse geeignet sind, bei denen Anfang und Ende ineinandergreifen. Aber egal, für welches Layout Sie sich entscheiden, die Wahl eines Layouts, das den Blick des Betrachters durch Ihr Bild führt, ist absolut entscheidend. Und das meine ich damit: Dies ist ein Beispiel für eine komplexe Abbildung mit vielen Informationen. Das Gute ist, dass alles, was wir über das Paper wissen müssen, in diesem Bild sehr schön illustriert ist. Aber als Betrachter bin ich mir nicht ganz sicher, wo ich anfangen soll. So in etwa bewegt sich mein Auge, wenn ich dieses Bild betrachte.

Es beginnt links und bewegt sich dann nach rechts. Dann geht es nach unten und folgt dem Gefäß, und dann macht es diese kleine Schleife, um all die zusätzlichen Informationen einzubeziehen. Wenn Sie sich das jetzt ansehen, macht Ihr Auge vielleicht etwas ganz anderes, etwas völlig anderes als meins, was unterstreicht, warum das Layout so wichtig ist. Sie möchten Ihre Abbildungen so gestalten, dass es einen klaren Pfad durch sie gibt. Damit das Auge jedes Betrachters genau dem Pfad folgt, den Sie beabsichtigt haben. Hier ist dieselbe Abbildung mit vielen der gleichen Illustrationen, nur etwas anders angeordnet. Ich gebe Ihnen eine Sekunde Zeit, es sich anzusehen und zu schauen, wohin Ihr Auge wandert. Alles klar. Schauen wir mal. Das ist der beabsichtigte Fluss durch die Abbildung. Und hoffentlich haben die meisten von uns denselben Pfad gewählt. Und wenn das der Fall ist, bedeutet das, dass das Layout effektiv ist.

Erstellung eines effektiven grafischen Abstracts: Pfeile

Die nächste wichtige Zutat nach dem Layout sind Pfeile. Es klingt fast selbstverständlich, da Pfeile in fast jeder Abbildung vorkommen. Aber sie werden oft als wichtige Bestandteile der Abbildung übersehen. Und je nachdem, welchen Pfeilstil Sie wählen, können sie völlig unterschiedliche Dinge kommunizieren. Schauen wir uns zum Beispiel die ersten beiden Pfeile an. Sie sehen sich sehr ähnlich, weisen aber auf unterschiedliche Konzepte hin, und zwar auf sehr subtile Weise. Der erste hat eine Pfeilspitze am Ende, der zweite hingegen steht für Hemmung und hat einen Strich daran. Während der Strich also üblicherweise verwendet wird, um eine Hemmung anzuzeigen, zeigt der Pfeil beispielsweise einen Fortschritt in einem Pfad an. Sie können bei der Verwendung von Pfeilen sehr raffiniert vorgehen, wie einige der Beispiele auf dieser Folie zeigen, ohne jedoch auf diese Beispiele beschränkt zu sein. Einer meiner persönlichen Favoriten ist der Pfeil mit verjüngtem Ende in der zweiten Reihe. Er ist großartig, weil er verwendet werden kann, um Veränderungen zu zeigen, zum Beispiel Größenänderungen. So sieht eine strategische Pfeilverwendung in einer Abbildung aus. Zusammenfassend lässt sich sagen, dass eine strategische Pfeilverwendung Ihnen auch bei Tipp Nummer 1, dem Layout, sehr helfen kann. Denn sie zeigt dem Betrachter genau, wo er hinschauen soll. In beiden Bildern erzählt das bloße Folgen der Pfeile die vollständige Geschichte der Abbildung und macht sie so leicht verständlich.

Erstellung eines effektiven grafischen Abstracts: Vergleich und Kontrast

Okay. Jetzt haben Sie Layouts und Pfeile im Griff. Lassen Sie uns über diese letzte Zutat sprechen: Vergleich und Kontrast. Ich habe mir diese für den Schluss aufgehoben, weil sie so wichtig ist. Oft wollen wir einen Leser davon überzeugen, was an unserem Paper neu ist. Und wie es auf das zutreffen könnte, was in der Literatur bereits bekannt ist, oder wie es dort hineinpasst. Der Trick bei der Gestaltung einer Abbildung, die diese Art von Geschichte erzählt, besteht darin, es dem Betrachter sehr leicht zu machen, schnell zu erkennen, was bekannt ist und was neu ist. Und es gibt keinen einfacheren Weg, dies zu tun, als mit einem Vergleichs- und Kontraststil. Schauen wir uns dieses Beispiel auf der Folie an. Es ist super einfach zu sehen, was gleich ist und was sich links und rechts unterscheidet. Der Grund dafür ist, dass sich die Hauptakteure auf beiden Seiten an exakt denselben Positionen befinden. Wenn sich also etwas an der Position ändert, dann deshalb, weil es sich tatsächlich verändert. Und das macht es für den Betrachter sehr einfach, schnell zu erfassen, welcher Teil Ihrer Ergebnisse neuartig ist. Sie verbringen also weniger Zeit mit dem Betrachten des Bildes, bevor sie tatsächlich verstehen, was vor sich geht, was, wie wir im vorherigen Vortrag gelernt haben, für Gutachter, die sehr beschäftigt sind, super wichtig ist. Und was es auch wahrscheinlicher macht, dass sie Ihre Ergebnisse oder Ihren Förderantrag verstehen.

Alles klar. Wir sind also – vielleicht etwas schnell – drei wichtige Zutaten eines grafischen Abstracts durchgegangen: Layout, Pfeile sowie Vergleich und Kontrast.

Wie wir bei BioRender Vorlagen erstellen

Aber wir sind noch nicht ganz fertig damit, all unsere Geheimnisse zu teilen. Wir verraten Ihnen ein wenig darüber, wie unsere Designer diese Zutaten und noch mehr kombinieren, um BioRender-Vorlagen zu erstellen. Die Vorlagengalerie hat, wie Sie vorhin erfahren haben, über tausend Vorlagen, die von unserem wissenschaftlichen Designteam erstellt werden. Das sind Bilder. Das sind Bilder von einigen von uns. Sally, Michelle, Samira und ich – wir alle arbeiten sehr hart daran, diese Vorlagen zu erstellen, die jeder nutzen kann. Wir alle haben einen wissenschaftlichen Hintergrund. Die meisten von uns arbeiten derzeit an ihrer Promotion. Aber jetzt übergebe ich an Jerry, und er wird Ihnen genau erklären, wie wir die Vorlagen erstellen.

Danke, Vikki. Wirklich großartige Einblicke und Tipps. Also, um darauf einzugehen, wie wir hier Vorlagen erstellen: Die allererste Phase unserer Vorlagenproduktion besteht aus einer gründlichen Inhaltsrecherche. Je nachdem, ob unser Ziel für eine bestimmte Reihe von Vorlagen darin besteht, bestimmte Punkte für Pädagogen bereitzustellen oder vielleicht Forscher bei bahnbrechenden Experimenten zu unterstützen, entscheiden wir uns dafür, grundlegende Lehrbücher zu konsultieren oder vielleicht auf Publikationen und Preprints zurückzugreifen. Oder in einigen Fällen direkt mit einem Experten zusammenzuarbeiten. Aber das Ziel hier ist im Allgemeinen dasselbe: einen Plan zu erstellen, welche Vorlagenthemen genau angegangen werden sollen und welche Referenzen am besten herangezogen werden können, um wissenschaftliche Genauigkeit sowie den Grad an Detailtiefe und Fachwissen zu gewährleisten.

In Phase 2 übernimmt einer unserer internen Wissenschaftsdesigner eine Reihe von Vorlagenthemen und beginnt mit der Erstellung grober Skizzen. Diese Skizzen können entweder traditionell – also mit herkömmlichen Medien, wie Sie links sehen – oder direkt in der App erstellt werden, wie Sie rechts sehen. Verschiedene Designer bevorzugen hier unterschiedliche Ansätze. Das gemeinsame Ziel ist es jedoch, den Hauptfluss der Geschichte schnell festzulegen. Wie bereits erwähnt, geht es darum, das Layout und den Fluss zu planen und die Hauptakteure in der Abbildung zu platzieren. Wir arbeiten ohne Feinschliff und ohne ablenkende Details. Es ist alles sehr grob gehalten, damit Änderungen oder Verwerfungen schnell und einfach möglich sind.

In Phase 3 nimmt derselbe Wissenschaftsdesigner die grobe Skizze und illustriert einen ersten Vorlagenentwurf. Er muss sich nicht mehr um das allgemeine Layout oder die Platzierung der Elemente kümmern, sondern konzentriert sich nun voll und ganz darauf, seine Designprinzipien und sein Fachwissen anzuwenden, alle Register zu ziehen und einen sauberen Vorlagenentwurf zu erstellen. Dinge wie Ausrichtung, Farbwahl, Abstände, Kontrast und visuelle Konsistenz werden hier umgesetzt.

In Phase 4 bringt der Wissenschaftsdesigner seinen ersten Vorlagenentwurf in unseren internen BioRender-Review-Prozess ein. Dies ist ein besonders strenger, aber auch unglaublich lohnender und kollaborativer Prozess. Das Ziel ist es, die Hilfe des Teams zu nutzen, um aus einem soliden ersten Entwurf ein fantastisches Endprodukt zu machen. Wir nutzen hierbei auch die neueren Funktionen von BioRender. Wir beginnen damit, den ersten Entwurf live in BioRender zu teilen, indem wir unsere Echtzeit-Kollaborationsfunktion nutzen, damit das Team die Vorlagenentwürfe gemeinsam in Echtzeit in der App überprüfen kann. Die Reviewer sowie der Hauptdesigner nutzen zudem die Live-Kommentarfunktion von BioRender, um Bereiche zu markieren und diese einfach zu überarbeiten. Der Kommentar-Modus lässt sich in BioRender ganz einfach durch Drücken der Taste „c“ auf der Tastatur aktivieren, und durch Klicken an eine beliebige Stelle auf der Arbeitsfläche kann man schnell einen Kommentar hinterlassen – ein kleiner Tipp am Rande. Zuletzt nutzt der Hauptdesigner die Multi-Canvas-Folienfunktion von BioRender, die Francesca vorhin bereits erwähnte. Er nimmt alle Kommentare auf, überarbeitet den Entwurf, iteriert und stellt eine neue Folie mit dem neuesten Entwurf für die nächste Runde der Live-Reviews bereit. So drehen wir unsere Runden mit den Reviews, bis wir schließlich in Phase 5 ankommen, in der kein Design-Feedback mehr offen ist. Alles ist perfekt. An diesem Punkt prüfen wir alle Details unter dem Aspekt der Benutzerfreundlichkeit: Sollte das Textfeld für eine bessere Lesbarkeit breit oder schmal sein? Sollten die Zytokin-Punkte als Gruppe zusammengefasst oder für eine spätere Verwendung einzeln gelassen werden? Die Liste lässt sich fortsetzen. Sobald das alles erledigt ist, kommt der wirklich spannende Teil: In Phase 6 veröffentlichen wir die fertige Vorlage in der Live-Anwendungsgalerie. Sie können die Vorlage dann suchen, finden und nutzen, um Ihre eigene Arbeit an Abbildungen zu beschleunigen.

Man könnte meinen, das sei das Ende, aber unsere Arbeit endet hier natürlich noch nicht. Die letzte und fortlaufende Phase 7 besteht für uns darin, die wachsende Vorlagengalerie zu aktualisieren und zu pflegen. Das können zum Beispiel neue Browser-Funktionen sein, für die wir Vorlagen aktualisieren müssen, wie etwa die Verbindungslinien, die erst kürzlich implementiert wurden. Wir sind immer noch dabei, unsere Vorlagen dafür anzupassen. Oder es geht darum, die inhaltliche Genauigkeit aufgrund neuer wissenschaftlicher Erkenntnisse zu wahren. An dieser Stelle möchte ich mich im Namen des gesamten Kreativteams bei BioRender bei Ihnen, unserer leidenschaftlichen Nutzer-Community, bedanken. Sie hören nie auf, uns mit Ihrem ständigen Feedback zu begeistern, das uns hilft, unsere Vorlagen und Icons präzise und erstklassig zu halten.

Damit sind wir am Ende unseres Vortrags angelangt. Zurück zu Vikki, die den Abschluss übernimmt.

Großartig, Jerry. Danke, dass du uns einen tiefen Einblick in die Arbeit hinter den Kulissen gegeben hast, die in die Erstellung einer Vorlage fließt. Wir hoffen, dass Ihnen dieser Blick hinter die Kulissen gefallen hat – auf all die Zutaten, die ein großartiges grafisches Abstract ausmachen, und darauf, wie wir dieselben Zutaten verwenden, um Vorlagen bei BioRender zu erstellen. Falls Sie es noch nicht getan haben, sollten Sie nach dem Vortrag einen Blick in unsere Vorlagenbibliothek werfen, da wir täglich neue Vorlagen hinzufügen. Ein kurzer Hinweis noch, bevor wir uns verabschieden: Im Anschluss finden zwei parallele Sitzungen statt, die gleichzeitig laufen. Wenn Sie tiefer in das Design von Abbildungen eintauchen möchten, sollten Sie Shiz und mir in unserer Sitzung zum Thema „Figure Makeover“ hier auf der Hauptbühne folgen. Wenn Sie sich jedoch für Karrieremöglichkeiten bei BioRender interessieren, besuchen Sie stattdessen die andere Sitzung.