Frontend-Engineering Metriken im Team einführen mit dem Working Draft Podcast.
Im Engineering Kiosk Adventskalender 2024 sprechen befreundete Podcaster⋅innen und wir selbst, Andy und Wolfi, jeden Tag kurz & knackig innerhalb von wenigen Minuten über ein interessantes Tech-Thema.
Unsere aktuellen Werbepartner findest du auf https://engineeringkiosk.dev/partners
Das schnelle Feedback zur Episode:
Links
- Working Draft Podcast: https://workingdraft.de/
- Core Web Vitals: https://web.dev/articles/vitals?hl=en
- Sentry: https://sentry.io/
- Axe® accessibility testing tools: https://www.deque.com/axe/
- WAVE Web Accessibility Evaluation Tools: https://wave.webaim.org/
Sprungmarken
Hosts
- Wolfgang Gassler (https://mastodon.social/@woolf)
- Andy Grunwald (https://andygrunwald.com/)
Feedback
- EngKiosk Community: https://engineeringkiosk.dev/join-discord
- Buy us a coffee: https://engineeringkiosk.dev/kaffee
- Email: stehtisch@engineeringkiosk.dev
- LinkedIn: https://www.linkedin.com/company/engineering-kiosk/
- Mastodon: https://podcasts.social/@engkiosk
- Bluesky: https://bsky.app/profile/engineeringkiosk.bsky.social
- Twitter: https://twitter.com/EngKiosk
Transkript
Andy Grunwald (00:00:04 - 00:00:48) 
Willkommen zum 23. Türchen vom Engineering Kiosk Adventskalender. Los geht es mit einem kleinen Witz zum Thema Kryptographie. An alle Windows Admins, sorry, aber der war wirklich nicht schlecht, oder? Also ich fand ihn grandios. Ich kann mich noch an meine erste Vim Nutzung zurückerinnern. Das war wirklich ein Zufallsdring, der beim Schließen entstanden ist. Nun gut, zurück zum Thema der Episode. Dieses Türchen wird euch vom Team vom workinggraph Podcast präsentiert. Ein Podcast, der seit 14 Jahren produziert wird. Höchster Respekt von unserer Seite. Deswegen übergebe ich das Mikrofon direkt an Shep und das Team. Los geht's.
Christian "Schepp" Schaefer (00:00:48 - 00:01:05)
Liebe Hörer innen, wir sind der Working Graph Podcast und erscheinen jeden Dienstag mit einer neuen Folge zum Thema Frontend Development Zweitausendein. Vielen Dank von uns an Andi und Wolfi für die Idee des Engineering Kiosk Adventskalenders und dass wir dabei sein dürfen. Aus unserem Team sind dabei die Vanessa.
Vanessa Otto (00:01:05 - 00:01:06)
Hallo.
Christian "Schepp" Schaefer (00:01:06 - 00:01:07)
Der Hans.
Hans Christian Reinl (00:01:07 - 00:01:07)
Hi.
Christian "Schepp" Schaefer (00:01:08 - 00:01:16)
Und ich bin der Schepp. Und wir wollen euch heute in aller Kürze einen Weg aufzeigen, wie ihr Frontend Engineering Metriken in eurem Team einführen könnt.
Vanessa Otto (00:01:16 - 00:01:54)
Ja, frontend engineering Metriken. Man hört ja so viel, nicht nur aktuell, schon seit langer Zeit von datengetriebenen Arbeiten und wir müssen das tracken und wir müssen jenes tracken und wir müssen diese Daten auswerten. Ich denke dabei z.B. als erstes an A b testing Graphen bei Analytics Tools zu untersuchen und den damit verbundenen Entscheidungen in der Produktentwicklung. Aber diese wird dann eben meistens geführt von den Produktteams und das Engineering Team führt dann diese Produktideen aus. Daher meine Frage, was sind denn überhaupt Engineering Metriken und wie spielen diese hinein in diese Produktentscheidungen?
Christian "Schepp" Schaefer (00:01:54 - 00:02:20)
Zweitausendein ja, also es gibt ja eigentlich in jedem Bereich Metriken. Generell kann man sagen, dienen dir immer der Verbesserung von Prozessen oder Produkten. Im Engineering Bereich misst man technischen Erfolg und Misserfolg, deckt vielleicht Probleme auf, die man anderweitig nicht sofort bemerken würde. Und generell kann man mit Hilfe von Metriken auch so ein bisschen technische Exzellenz versuchen anzustreben.
Hans Christian Reinl (00:02:21 - 00:02:53)
Genau, wenn wir da sind, ist es natürlich erstmal wichtig, die Frage zu stellen, wie findet man eigentlich die richtigen Metriken? Und was ganz wichtig ist, die Metriken, die man sich sucht, sollten auf jeden Fall dem Zweck des Produkts dienen. Beispielsweise ich arbeite jetzt an einer Video Streaming Plattform und da ist es natürlich wichtig, dass wir wenig Fehler beim Abspielen von Videos haben und dass es möglichst schnell losgeht, wenn man den Play Button klickt. Das sind für uns also die wichtigsten Engineering Metriken zweitausendein und aus Produktsicht tracken wir dann natürlich, wie viele Videos werden eigentlich geschaut und so weiter und so fort.
Christian "Schepp" Schaefer (00:02:54 - 00:03:20)
Genau. Und dann gibt es noch spezifisch im Frontend Bereich weitere Metriken, die man beachten sollte bzw. Kann. Da hat man zum einen die von Google eingeführten Core Web Vitals, die meistens irgendeinen Performance Bezug haben. Dann kann man Accessibility Testing Reports generieren und dann gibt es auch die Möglichkeit, Tools wie Sentry auch im Frontend einzusetzen und ein Error Monitoring zu betreiben.
Hans Christian Reinl (00:03:20 - 00:04:36)
Und wenn man das dann alles macht, sollte man auf jeden Fall darauf achten, dass man nicht die falschen Sachen misst. Beispielsweise gibt es halt Fehler in einer Applikation, die im Hintergrund auftreten und die die Benutzer nicht mitbekommen. Die sollten natürlich nicht den gleichen Stellenwert haben wie Errors, die direkten Einfluss auf die Nutzbarkeit der Applikationen haben. Zweitausendein und dann sprechen wir drüber, wie kann man das Ganze eigentlich wirklich im Team implementieren. Wenn man Metriken festgelegt hat, dann ist es wichtig, diese auch transparent zu kommunizieren. Zum einen, damit halt ihr im Team Bescheid wisst und jeder und jede auch weiß, welche Metriken sind die, die wir uns anschauen und die wir verbessern wollen. Und außerhalb des Teams ist es dann wichtig, beispielsweise zum Management zu kommunizieren oder anderen Teams [SOS/eOS], um halt auch Teamerfolge und Problemfelder sichtbar zu machen und darüber klar sprechen zu können. Dafür ist auch eine Zielsetzung notwendig. Also fragt euch, welche Metriken wollt ihr eigentlich verbessern und vor allem in welchem Zeitraum. Also setzt vielleicht langfristige und kurzfristige Ziele und vor allem müsst ihr eure Metriken jederzeit überprüfen oder zumindest regelmäßig überprüfen, um sicherzustellen, dass ihr keine sinnlosen oder längst überholte Ziele messt.
Vanessa Otto (00:04:37 - 00:05:16)
Zusammenfassend überlegt euch, was ihr messen wollt, sprecht darüber in eurem Team und setzt euch Ziele dafür. Überprüft auch zu schauen, ob ihr das richtige messt und ob die Daten auch tatsächlich richtig ankommen. Und einer der wichtigsten Punkte vermutlich auch vergesst nicht, eure Erfolge zu feiern und klar zu benennen, wenn etwas nicht so gut läuft. Das wird euch Vertrauen bringen, falls ihr in eurem Team noch keinen konkreten Plan habt, wie ihr erfolgreich Metriken einführt. Hoffen wir, dass unsere Punkte euch weiterhelfen konnten. Wenn euch diese Kurzfolge gefallen hat, hört beim working draft podcast rein, da werden wir das Thema zeitnah noch mal vertiefen.
Christian "Schepp" Schaefer (00:05:16 - 00:05:25)
Und damit sind wir auch schon durch mit unserer Kurzfolge. Vielen dank euch fürs reinhören. Und jetzt weiterhin viel Spaß beim Engineering Kiosk.
Andy Grunwald (00:05:25 - 00:06:05)
Danke an das Working Graph Team für diese Episode. Mehr von der ganzen Truppe gibt es jede Woche im Working Graph Podcast. Den Link zum Podcast findest du natürlich in unseren Shownotes. Welche Metriken beobachtet bzw. Sammelt ihr von euch bzw. Von euren Teams oder euren Apps? Lasst es uns doch mal wissen. Ihr erreicht uns über alle möglichen Social Media Kanäle, via E Mail oder auch in unserer Discord Community. Über die kommenden Weihnachtsfeiertage werde ich wohl die Anzahl gegessener Klöße oder wie oft boah, bin ich voll gegessen gesagt wurde, tracken. Schauen wir mal, welche Zahlen da am Ende rauskommen. Das war's von unserer Seite. Genießt die Feiertage. Wir hören uns in der nächsten Episode. Bis bald und tschüss.