Webbasierte Berichtsentwicklungstechniken in LuckyTemplates

In diesem Tutorial zeige ich Ihnen, wie Sie in LuckyTemplates einen Bericht entwerfen, der wie eine webbasierte Berichtsanwendung aussieht und sich auch so anfühlt. Sie erfahren, wie Sie einzigartige Navigationserlebnisse in Ihren Berichten erstellen, den neuen Theme-Generator von LuckyTemplates verwenden, um Ihre Entwicklungsgeschwindigkeit zu verdoppeln, und wiederverwendbare Vorlagen entwickeln, um die Berichtserstellung in Ihren Teams zu skalieren. Das vollständige Video dieses Tutorials können Sie unten in diesem Blog ansehen.

Vor kurzem hat LuckyTemplates Features und Funktionen hinzugefügt, die es uns ermöglicht haben, sehr überzeugende Berichte und webbasierte Berichtsanwendungen zu erstellen. Ich möchte Ihnen zeigen, wie Sie einen alten Bericht übernehmen oder sogar ganz von vorne beginnen und ihn viel besser und interaktiver gestalten können.

Diejenigen unter Ihnen, die uns recht gut kennen, wissen, dass wir den Vier-Säulen-Ansatz verfolgen. Dies ist unser Framework für die Entwicklung von LuckyTemplates-Berichten. Die erste Säule ist das Laden und Transformieren von Daten. Die zweite Säule ist die Datenmodellierung. Die dritte Säule sind DAX-Berechnungen, die vierte Säule Berichte und Visualisierungen. Heute überspringen wir die ersten drei Säulen und stürzen uns wirklich in die vierte Säule.

Inhaltsverzeichnis

• So erstellen Sie einen webbasierten Bericht in LuckyTemplates
  • Farbthema melden
  • Webbasierte Berichtsseitennavigation
  • Tooltips zu einem webbasierten Bericht
• Weitere Techniken und Visualisierungstipps für einen webbasierten Bericht
• Abschluss

So erstellen Sie einen webbasierten Bericht in LuckyTemplates

In diesem Beispiel habe ich ein einfaches Modell mit der Wasserfalltechnik erstellt, bei dem unsere Nachschlagetabellen oben in unsere Faktentabelle übergehen. Dies ist ein einfacher Datensatz. Wir haben eine Organisation, die Dinge verkauft, und eine Faktentabelle mit allen verschiedenen Transaktionen, die innerhalb des Unternehmens stattgefunden haben.

Farbthema melden

Das erste, was meiner Meinung nach bei der Entwicklung dieser Berichtsanwendungen absolut wichtig ist, ist, dass Sie das Thema richtig gestalten müssen. Sie müssen in Ihren Berichten ein nahtloses und kohärentes Farbthema erhalten.

Möglicherweise haben Sie bereits ein Thema, das zu Ihrer Organisation passt, und das ist großartig. Vielleicht hat jemand eine Vorlage für Sie erstellt. Aber wenn nicht, zeige ich Ihnen, wie Sie in LuckyTemplates in Kombination mit einigen der Tools, die wir in unserer eigenen Anwendung namens Analyst Hub haben, etwas sehr Effektives erstellen .

Im Menüband „Ansicht“ haben wir dieses Dropdown-Menü mit unserer Themenauswahl, und Sie werden sehen, dass wir über eine ganze Reihe sofort einsatzbereiter Themen verfügen. Ich denke jedoch, dass dies alles nicht so überzeugende Farbthemen sind, weshalb ich keines davon wirklich verwende.

Sie müssen Ihre Farben wirklich hervorheben und sie müssen wirklich gut zusammenpassen. Früher habe ich die Farben für jedes dieser verschiedenen Elemente individuell geändert, aber jetzt passe ich mein Farbthema individuell an. Scrollen Sie im Menüband „Ansicht“ einfach nach unten und Sie sehen die Option „Aktuelles Design anpassen“ . Klicken Sie darauf und Sie erhalten dieses Popup.

Hier haben Sie unzählige Möglichkeiten, Ihr Theme anzupassen. Sie können die allgemeinen Designfarben ändern, aber Sie können auch die verschiedenen Elemente ändern, z. B. Ihre Titel, Ihre Datenbeschriftungen, Texte, visuelle Elemente usw. Sie können auch Farben für den Filterbereich erstellen.

Dies ist eine großartige Option für die Themenerstellung, aber eine andere Möglichkeit, dies schnell zu tun, ist der Analyst Hub, und er ist kostenlos! Jeder hat Zugriff auf den Analyst Hub. Unser Ziel ist es, es für alle unsere Benutzer viel einfacher und verständlicher zu halten.

Im Analyst Hub verfügen wir über einen Farbthemengenerator . Es gibt verschiedene Möglichkeiten, wie Sie hier Ihr Farbthema erstellen können. Ich persönlich liebe den Farbfächer. Die Sache mit Themen ist, dass Sie die Farben in Ihrem Bericht nicht zu kompliziert gestalten möchten, um ein nahtloses Thema zu erstellen. Eine ähnliche Palette, aber nur unterschiedliche Farbtöne, eignet sich tatsächlich sehr gut für Berichtsdesigns.

Sobald Sie Ihr Farbthema ausgewählt haben, können Sie die Farbe einfach kopieren und in Ihren Bericht einfügen. Ich persönlich bevorzuge einen dunkleren Hintergrund und weiße Schrift.

Sie können also auf die Farbe Ihrer Wahl klicken und sie dann kopieren und in die Option „Designfarben anpassen“ in LuckyTemplates einfügen.

Sie haben hier die volle Flexibilität zur individuellen Anpassung Ihres Berichts in Bezug auf das Thema, einschließlich Text, Schriftarten, Tooltips, Kopfzeilen usw. Und dann können Sie in Ihrem Bericht weitere Anpassungen wie Farben, Transparenz usw. vornehmen. Ich verwende auch gerne den Format Painter, und Sie können auch eine Mehrfachauswahl durchführen, um die Arbeit zu beschleunigen.

Nachdem wir nun unser Thema eingerichtet haben, fahren wir mit der Seitennavigation fort.

Webbasierte Berichtsseitennavigation

Wenn Sie einen Bericht erstellen, möchten Sie es dem Benutzer ermöglichen, genau so durch Ihren Bericht zu navigieren, wie Sie es möchten. Legen Sie nicht einfach alles auf eine Seite und lassen Sie den Benutzer dann durch all diese verschiedenen Slicer und Seiten klicken. Sie möchten den Benutzer durch die Geschichte führen, die Sie ihm erzählen möchten, indem Sie Navigationstechniken verwenden, die dies wirklich ermöglichen.

Als erstes würde ich Formen und Symbole hinzufügen . Normalerweise beziehe ich meine Icons von einer Website namens Flaticons . Ich habe ein Abonnement und habe einige der Symbole heruntergeladen, die bei der Erstellung solcher Berichte sehr nützlich sind.

Anschließend können Sie diese Symbole in den Bericht integrieren. Sie können sie formatieren, die Farbe ändern, ihre Größe ändern und sie an die gewünschte Stelle ziehen.

Als Nächstes benötigen Sie eine Möglichkeit, anzugeben, auf welcher Seite Sie sich zu einem bestimmten Zeitpunkt tatsächlich befinden. Um dies zu demonstrieren, erstelle ich ein weiteres Rechteck oder kopiere einfach das bereits erstellte und füge es ein. Ich kann die Formen übereinander schichten. Dann dupliziere ich einfach die Seite und füge ähnliche Funktionen in die nächste Seite und die nächste Seite usw. ein.

Ich persönlich möchte nicht, dass alle meine Filter einfach auf meine Seite geworfen werden. Ich möchte die Filter viel intelligenter nutzen. Daher erstelle ich normalerweise ein dynamisches Filterfeld, das auf der Grundlage eines Klicks angezeigt wird. Dazu müssen wir Lesezeichen und Auswahlen verwenden .

Ich werde ein Symbol hinzufügen, das mein Filterbild sein wird. Wenn also jemand darauf klickt, möchte ich, dass ein Feld angezeigt wird. Und dann möchte ich, dass ich in diesem Feld beispielsweise nach dem Datum filtern kann. Ich werde mit dem Bau dieser Box beginnen, bevor ich irgendetwas anderes tue. Ich kann es nach meinen Wünschen anpassen.

Der Auswahlbereich zeigt uns eine Liste aller Elemente in unserem Bericht. Auch das können wir manipulieren. Wir können einige Teile unseres Berichts isolieren. Wir können sie zeigen und verbergen.

Jetzt kann ich der Box einige Slicer, Bilder oder andere visuelle Elemente hinzufügen. Ich kann diese Elemente auch gruppieren, beispielsweise als meine Filtergruppe. Auf diese Weise kann ich einfach die Gruppe auswählen, anstatt die Elemente einzeln auszuwählen.

Als nächstes werde ich zwei Lesezeichen erstellen. Eine davon ist „Filter anzeigen“ und die andere ist „Filter ausblenden“. An dieser Stelle muss ich nur noch diese Lesezeichen mit der Auswahl dieser Bilder verknüpfen. Dazu klicke ich auf das Bild, gehe dann im Bereich „Bild formatieren“ auf „ Aktion“ und aktiviere die Funktion. Ich wähle „Lesezeichen“ als Typ und „Filter anzeigen“ als Lesezeichen aus.

Ich kann dann schnell einige visuelle Elemente hinzufügen und Erkenntnisse für den Bericht gewinnen.

Danach dupliziere ich diese Seite als „Kunden“, „Standorte“ und „Produkte“. Ich stelle außerdem sicher, dass diese Seiten ausgeblendet werden, da ich nicht möchte, dass meine Benutzer diese Seiten unten in unserem Bericht sehen. Ich möchte, dass sie direkt durch die von mir erstellte Navigationsleiste navigieren.

Um die Navigation in die Navigationsleiste einzubetten, wählen Sie einfach das Symbol aus, gehen Sie dann zu Bild formatieren und platzieren Sie die Aktionen entsprechend.

Jetzt werde ich die notwendigen Änderungen für jede Seite vornehmen, die wir dupliziert haben. Für die Seite „Kunden“ ändere ich beispielsweise den Seitentitel in „Kundenanalyse“. Außerdem werde ich das Symbol für Kunden in der Navigationsleiste anpassen und die entsprechenden Visuals entfernen oder platzieren.

Tooltips zu einem webbasierten Bericht

Dies sind nur einige der Techniken, die Sie in LuckyTemplates anwenden können. Eine weitere tolle Sache, die Sie für Ihren webbasierten Bericht verwenden können, sind Tooltips . Es ist eine erstaunliche Funktion. Sie können es anpassen, um es an unser Thema anzupassen. Die Verwendung von Tooltips ist für Benutzer eine hervorragende Möglichkeit, effizient und schnellstmöglich detaillierte Informationen zu den Berichtsdetails zu erhalten.

Erstellen wir also einen einfachen Tooltip. Erstellen Sie dazu eine neue Seite und benennen Sie sie. In diesem Beispiel nennen wir es „Kunden-Tooltip“. Ich werde es auch ausblenden, da ich diese Tooltips nicht als Seite im Bericht anzeigen möchte. Hier ist vor allem zu beachten, dass Sie Tooltip aktivieren müssen .

Sie können Ihre Tooltips auch anpassen. Sie können die Größe und Farben anpassen und sie so ausgefallen gestalten, wie Sie möchten. Sie können Tabellen und Diagramme erstellen, je nachdem, wie die Details angezeigt werden sollen, wenn Ihre Benutzer einen Drilldown zu Ihrem Bericht durchführen.

Sobald Sie mit der Erstellung Ihrer Tooltips fertig sind, können Sie diese in die visuelle Darstellung Ihres Berichts einbetten. Klicken Sie einfach auf die Visualisierung, gehen Sie zum Farbroller und klicken Sie dann unten auf Tooltip.

Die Individualisierungsmöglichkeiten sind umfangreich. Sie können komplexere Tooltips erstellen und bei Bedarf sogar eine Seite innerhalb einer Seite erstellen. Sie können einen viel größeren Informationsumfang und eine ganze Reihe verschiedener Visualisierungen in einem Tooltip erhalten.

Weitere Techniken und Visualisierungstipps für einen webbasierten Bericht

Wenn ich einen webbasierten Bericht erstelle, würde ich außerdem gerne eine Homepage erstellen , auf der ich viele Einstellungen vornehmen kann. Ich liebe es, eine Homepage zu haben, die den zentralen Navigationspunkt darstellt und es den Benutzern ermöglicht, problemlos durch den Rest meines Berichts zu navigieren.

Sie können beim Aufbau Ihrer Homepage kreativ sein. Verwenden Sie Symbole oder Bilder als Schaltflächen, um Ihre Benutzer zu verschiedenen Seiten und dann zurück zu Ihrer Homepage zu führen.

Innerhalb weniger Minuten können Sie in LuckyTemplates einen hervorragenden webbasierten Bericht mit einem hervorragenden Navigationserlebnis und einem überzeugenden Erscheinungsbild erstellen.

Im Hinblick auf die Visualisierung sind Farben wichtig . Stellen Sie sicher, dass Sie die Farben nicht übermäßig verwenden. Ein weiterer wichtiger Tipp für die Visualisierung besteht darin, immer in Rastern darüber nachzudenken, wie Sie Ihre Berichte gestalten und wo Sie Ihre Visualisierungen platzieren.

Stellen Sie sicher, dass Sie über eine gute Navigation verfügen , die den Benutzer durch die Geschichte führt, die Sie ihm erzählen möchten. Denken Sie über den Tellerrand hinaus und seien Sie dabei kreativer. Überbeanspruchen Sie Ihre visuellen Elemente jedoch nicht . Sie können andere Funktionen nutzen, um Platz auf Ihrer Seite zu sparen. Nutzen Sie bei Bedarf die Möglichkeit, Filter auszublenden . Nutzen Sie die Möglichkeit, Tooltips und Drill-Throughs zu verwenden.

Wenn Sie weitere Ideen zu Berichtsdesigns erhalten möchten, besuchen Sie unsere und besuchen Sie unseren . Hier finden Sie einige der am besten gestalteten LuckyTemplates-Berichte. So etwas gibt es nirgends online. Viele dieser Berichte wurden kürzlich intern von LuckyTemplates erstellt. Viele davon stammen aus unserer Gemeinschaft und unseren Herausforderungen.

LuckyTemplates-Designtipps: Erstellen anwendungsähnlicher Berichte
LuckyTemplates-Berichtstechniken: Einrichten anwendungsähnlicher Berichte
Beste Beispiele für LuckyTemplates-Berichte | Formel-1-Reporting-Apps

Abschluss

Dieses Tutorial basierte auf einem kürzlichen Gipfeltreffen, das wir bei LuckyTemplates hatten. Sie können sich das vollständige Video unten ansehen, um zu erfahren, wie ich diesen Bericht erstellt habe.

In diesem Tutorial haben wir Dinge wie Seitennavigationstechniken, Themen, Lesezeichen, Tooltips, Drill-Through, Homepage-Erstellung usw. besprochen. Darüber hinaus habe ich Ihnen gezeigt, wie Sie Berichtsanwendungsvorlagen erstellen, die Sie für ein breiteres Publikum verwenden können mehr Benutzer oder Entwickler in Ihrer Organisation.

Einige verwenden PowerPoint und andere Canva, beides großartige Tools zum Erstellen von Hintergründen und überzeugenden Looks für Ihre Berichte. Auf unserer Website finden Sie auch Tutorials zu diesen Tools .

Beifall,