Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Beyond Dashboards - Confluence Integration

Beyond Dashboards - Confluence Integration

Im Rahmen dieses Kurses haben wir uns damit beschäftigt, Interaktionskonzepte für Dashboarding Tools zu entwickeln, die die Arbeit von Datenanalyst:innen und Co. vereinfachen können. Wir haben Interviews geführt und die gewonnen Insights genutzt um unsere Konzepte auszuarbeiten. Außerdem haben wir viel über Datenvisulisierungsformen, UI-Elemente und Interaktionsarten gelernt. In meinem Projekt habe ich mich damit beschäftigt, wie Wissensdatenbanken in einem Dashboard verknüpft werden können.

//Research

Die Researchphase hat recht früh im Kurs und noch vor dem eigentlichen Interview begonnen. Um ein Gefühl für Dashboardingtools zu entwickeln sollten wir uns verschiedene „Tools und deren Möglichkeiten“ anschauen und diese in einem FigJam analysieren. Ich habe mich hier für Google Analytics, Looker / Data Studio (Google) und dem BI-Tool von Domo beschäftigt. Im Rahmen dieser Analyse sind mir einige Punkte aufgefallen die ich dann später in meinem Interview in den Vordergrund gerückt habe. Grobgesagt lag mein Fokus auf „Chancen und Probleme bei kollaborativem Arbeiten“.

Das Interview habe ich dann mit einem befreundeten BI-Analysten, der bei einem europaweit-agierenden E-Commerce Unternehmen arbeitet, geführt. In einem einstündigen Zoomcall habe ich Einblicke in die Tools die er nutzt sowie seine üblichen Workflows erhalten. Ich habe das Interview immer wieder gezielt auf das Thema „Kollaboration“ gelenkt und konnte so wichtige Erkenntnisse in diesem Bereich ausmachen.

Anhand dieses Interviews habe ich dann eine User Journey für einen typischen Workflow erstellt und auch hier Painpoints und eventuelle Lösungen identifiziert.

User Journey.pngUser Journey.png

PainPoint.pngPainPoint.png

//Opportunity Areas

Aus meinem Research heraus habe ich folgende Features als Opportunity Areas identifiziert:

  • Kollaborative Dokumentation: beschreibt die Funktion einer Art Glossars der von User:innen des Tools gepflegt wird und als interaktives Nachschlagewerk genutzt werden kann. So können zum Beispiel Kommentare und Fragen hinterlegt und später von erfahrenen User:innen beantwortet werden. Auch eine Funktion die Änderungsvorschläge zu bestehenden Einträgen ermöglicht wäre denkbar.

kollaborative Dokumentation.pngkollaborative Dokumentation.png
change.pngchange.png
question.pngquestion.png

  • Smarte Vertaggung: damit unerfahrene User:innen schnell passende Dashboards, Metriken oder Widgets finden können wäre eine Art „smarte Vertaggung“ denkbar. Es könnten für verschiedene Elemente automatisch Tags vorgeschlagen werden oder manuell hinzugefügt werden. Über eine Filter-/Suchfunktion können dann Elemente nach Tags sortiert bzw. gefunden werden.

smarte vertaggung.pngsmarte vertaggung.png
Search.pngSearch.png

  • Logbuch: Um Änderungen nachzuvollziehen wäre eine Art Logbuch hilfreich. Hier können Änderungen auch rückgängig gemacht oder in einer Detailansicht genau erfasst werden.

Logbuch.pngLogbuch.png
LogbuchDetail.pngLogbuchDetail.png

  • Quick Guides: Hier werden für einzelne Widgets oder Metriken bei Mouseover Infos angezeigt die entweder automatisiert aus einer vorhandenen Dokumentation gezogen oder manuell gepflegt werden könnten. Bestimmte Teile und wichtige Kerninfos werden besonders hervorgehoben, sodass User:innen auf den ersten Blick sehen können was sie in welchem Fall und wofür nutzen sollten.

Info.pngInfo.png
add quick guide.pngadd quick guide.png

//Finales Konzept

Nachdem ich diese Ideen sowohl im Kurs als auch meinem Interviewpartner vorgestellt habe wurde schnell klar, dass besonders die „kollaborative Dokumentation“ eine interessante Opportunity Area ist. Allerdings kam hier auch von beiden Seiten das Feedback, dass viele Firmen schon Wissensdatenbanken nutzen und pflegen und eine neue Datenbank innerhalb eines Dashboarding Tools nicht unbedingt auf so viel Zuspruch stoßen könnte wie die Integration einer bestehenden. Da auch mein Interviewpartner in seiner Firma Confluence als Wissensdatenbak nutzt habe ich also für mein finales Konzept überlegt wie eine Confluence Integration in ein vorhandenes Tool aussehen könnte.

//Userflow

Userflow.pngUserflow.png

//Screens

In den folgenden Galerien zeige ich einige finale Screens die jeweils den oben beschriebenen Userflow visualisieren. 

Angefangen mit dem Flow zur Verknüpfung eines kompletten Dashboards mit einer bestehenden Confluence-Page:

1.jpg1.jpg
3.jpg3.jpg
2.jpg2.jpg
4.jpg4.jpg

In der nächsten Galerie zeige ich ein paar Screens die visualisieren wie der Nutzer eine neue Confluence Seite im Dashboarding Tool erstellen kann statt einer bestehenden zu verknüpfen:

7.jpg7.jpg
5.jpg5.jpg
6.jpg6.jpg
8.jpg8.jpg

Neben der Möglichkeit eine komplette Dashboard Seite per Confluence zu dokumentieren sollen User:innen auch einzelne Widgets verknüpfen können. Nachdem erfolgreich ein Confluence Account mit dem Dashboarding Tool verbunden wurde erscheint bei Mousover über ein Widget auch hier ein „Confluence-Button“

Weitere Screens zur Verknüpfung einzelner Widgets sind in der folgenden Galerie zu finden:

9.jpg9.jpg
12.jpg12.jpg
11.jpg11.jpg
10.jpg10.jpg

Nachdem die User:in nun entweder ein komplettes Dashboard oder ein einzelnes Widget mit einer Confluence Page verknüpft hat kann über einen Klick auf den aktiven „Confluence-Button“ diese Seite eingesehen, bearbeitet, geteilt oder die Verknüpfung entfernt bzw. angepasst werden.

13.jpg13.jpg

//Interaktion

Wie schon in den vorherigen Galerien zu sehen war mir die Interaktion mit den Fenstern besonders wichtig. Dank Feedback aus dem Kurs und Rücksprache mit Dashboard-Expert:innen wurde mir schnell klar, dass Dokumentation nicht außerhalb des Dashboards oder weit entfernt vom Widget entsteht sondern immer wieder entsprechende Seiten angeschaut und kontrolliert werden. Natürlich ist auch zu bedenken, dass gerade Datenanalyst:innen oft nicht nur mit einem Bildschirm in Standardgröße sondern mit mehreren teils riesigen Bildschirmen arbeiten.

Ich habe mich dementsprechend dazu entschieden die Fenster komplett frei verschiebbar zu gestalten. Sie können natürlich auch minimiert werden um den Blick auf das zu dokumentierende Element freizugeben und auch skaliert werden um in jedem Szenario einen gute Usability zu bieten.

movewindow.gifmovewindow.gif

resizewindow.gifresizewindow.gif

//Fazit und Ausblick

Das Projekt hat mir eine Menge Spaß gemacht und es war wirklich gut, dass wir uns im Rahmen des Kurses nicht nur mit Visualisierungsmöglichkeiten von Daten sondern auch Interaktionskonzepten, Design Systemen und Research beschäftigt haben. Da ich vorher noch kein Peer-Interview geführt habe war das ein spannender neuer Teil der Arbeit im UX/UI Bereich. Daneben haben wir auch viele Insights in die Branche bekommen und auch Prozesse und Strukturen einer typischen UX Abteilung kennengelernt. Ich bin ziemlich zufrieden mit meinen Ergebnissen auch wenn in der kurzen Zeit des Wintersemesters der Feinschliff vielleicht etwas kurz kam. Wenn ich an dem Projekt weiterarbeite kann ich mir vorstellen noch Fokus auf Alerts (die über Änderungen der Dokumentation informieren), die generelle Hervorhebungen von Überarbeitungen in Form eines visuellen Change-Logs in der inline Confluence Page und vielleicht einer Kommentarfunktion zu setzen.

alert (connected confluence page).pngalert (connected confluence page).png

alert (connected confluence page).pngalert (connected confluence page).png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuer_in

foto: Sebastian Kaim

Zugehöriger Workspace

Beyond Dashboards

Entstehungszeitraum

Wintersemester 2022 / 2023