Laufende Iteration: Erkundung der Entwicklung des Drag-and-Drop-In-App-Nachrichteneditors von Braze

Veröffentlicht: 2024-02-27

Wenn es darum geht, die Marketingleistung zu steigern und die Kundenbeziehungen zu vertiefen, sind die Kanäle, die Vermarkter nutzen, wirklich wichtig. Und während Out-of-Product-Kanäle wie E-Mail und Push-Benachrichtigungen in der Regel die meiste Aufmerksamkeit erhalten, können nur wenige Kundenbindungsprogramme ihre optimale Leistung erzielen, ohne produktinterne Kanäle wie In-App-Nachrichten (IAMs) einzubeziehen. Von der Führung von Kunden durch Onboarding-Abläufe bis hin zur Förderung von Abonnements und Funktionsakzeptanz sind IAMs ein leistungsstarkes Instrument zur Interaktion, das es Marken ermöglicht, Benutzer dann zu erreichen, wenn sie am aktivsten und handlungsbereit sind, und so die Wirkung ihrer Marketingkampagnen zu verstärken.

Bei Braze sind In-App-Nachrichten seit dem ersten Tag Teil des Kanalmixes unserer Kundenbindungsplattform, aber wir sind immer auf der Suche nach Möglichkeiten, Marketingfachleuten dabei zu helfen, mehr aus diesem wirkungsvollen Kanal herauszuholen. Bereits im Herbst 2022 haben wir einen neuen Drag-and-Drop-IAM-Editor auf den Markt gebracht, der von einem Prototyp inspiriert wurde, der während eines der regelmäßigen Hackathons der Produkt- und Engineering-Organisation erstellt wurde. Und seitdem hat unser Team weiterhin Funktionen entwickelt, um unseren Kunden zusätzliche Flexibilität und Benutzerfreundlichkeit zu bieten. Werfen wir einen Blick darauf, wie sich dieses Schlüsselprodukt in den letzten 18 Monaten weiterentwickelt hat und welche Auswirkungen diese Änderungen hatten.

Weiterentwicklung unseres Drag-and-Drop-IAM-Editors: Unterstützung für bearbeitbare Vorlagen

Die Übernahme einer neuen Funktion wie des Drag-and-Drop-In-App-Nachrichteneditors der Braze-Plattform und die Vertiefung ihrer Funktionen zur Verbesserung ihres Nutzens und ihrer Leistung ist ein komplizierter, iterativer Prozess, der viel Nachdenken und Zusammenarbeit erfordert, um richtig zu funktionieren. Um sicherzustellen, dass wir mit jeder neuen Funktion, die wir einführen, einen Mehrwert schaffen, hat sich die Produkt- und Entwicklungsorganisation von Braze zwei Hauptziele für den Drag-and-Drop-Editor gesetzt:

  • Replizieren Sie Paritätsfunktionen aus den klassischen In-App-Nachrichteneditoren der Braze-Plattform

  • Führen Sie völlig neue Funktionen in den Editor ein, die die Nachrichtenerstellung für unsere Kunden zu einem noch besseren Erlebnis machen

Sie können sehen, wie sich diese Ziele in einem bedeutenden Update des Drag-and-Drop-IAM-Editors niederschlagen, nämlich der Einführung bearbeitbarer IAM-Vorlagen. Lesen Sie weiter, um einen Blick auf die Entwicklung dieses neuen Angebots zu werfen:

1. Nehmen Sie das Kundenfeedback als Ausgangspunkt

Nachdem wir die erste Iteration des Drag-and-Drop-IAM-Editors erstellt hatten, arbeiteten wir mit Kunden zusammen, um Feedback zu dieser ersten Version einzuholen, um laufende Anpassungen der Funktion zu unterstützen. Ein wichtiger Punkt, der bei diesen Kundengesprächen immer wieder zur Sprache kam, war der Bedarf an Vorlagen.

Beim Start hatten wir den Drag-and-Drop-IAM-Editor mit einigen sofort einsatzbereiten Vorlagen kombiniert, beispielsweise einem Formular zur Telefonnummernerfassung. Aber wir hatten unser Minimum Viable Product (MVP) nicht mit einem Kompositionserlebnis auf den Markt gebracht, das es Marken ermöglichen würde, alle Vorlagen zu speichern und zu verwalten, die sie möglicherweise selbst erstellen; Das bedeutete, dass Vermarkter als Workaround vorhandene Nachrichten duplizieren mussten, um den Mangel an Optionen zur Vorlagenanpassung auszugleichen.

Nachdem wir die Vor- und Nachteile dieses Ansatzes mit Kunden erörtert hatten, wurde klar, dass die Unterstützung bearbeitbarer Vorlagen es ihnen ermöglichen würde, beim Erstellen und Anpassen ihrer In-App-Nachrichten erhebliche Zeit und Ressourcen zu sparen. Die Frage war nur, wie man es macht.

2. Sammeln Sie Erkenntnisse von innen nach außen

Während der Drag-and-Drop-IAM-Editor ein vergleichsweise neues Produkt ist, unterstützt die Braze-Plattform Vorlagen in anderen Teilen des Produkts. Als wir untersuchten, wie bearbeitbare Vorlagen für In-App-Nachrichten am besten implementiert werden können, haben wir uns die vorhandenen Muster für Vorlagen angesehen, die bereits im Braze-Produkt vorhanden waren, insbesondere unsere vorhandenen E-Mail- und Webhook-Vorlagen.

Als wir an der Entwicklung dieser neuen Funktion arbeiteten, wussten wir, dass es wichtig war, sicherzustellen, dass die Vorlagen die aktuellen Arbeitsabläufe unserer Kunden vereinfachen, anstatt sie zu komplizieren. Zu diesem Zweck haben wir uns von unseren Produkten und anderen ähnlichen Vorlagenerfahrungen inspirieren lassen, sodass wir Vorlagen erstellen konnten, die sich für aktuelle und zukünftige Braze-Kunden gleichermaßen vertraut und intuitiv anfühlen.

Das Ergebnis dieser Bemühungen von Product Design war die Erstellung einer brandneuen visuellen Bibliothek zur Präsentation und Speicherung von Vorlagen zur Verwendung im Drag-and-Drop-IAM-Editor. Um das Erlebnis an unsere vorhandenen Vorlagen anzupassen und die zukünftige Anwendung dieser Arbeit auf andere Kanäle zu erleichtern, haben wir die Bibliothek mithilfe einer Komponente aus unserem Beacon-Produktsystem erstellt. Das hat den Prozess rationalisiert und viel dazu beigetragen, ein einheitliches Erscheinungsbild für Vermarkter beizubehalten, die bereits an anderer Stelle im Braze-Produkt Vorlagen verwendet haben.

3. Implementieren Sie die Paarprogrammierung für Technik und Produktdesign

Um ein Projekt dieser Art erfolgreich durchzuführen, ist es wichtig, Wege zu finden, um eine erfolgreiche, effiziente Partnerschaft zwischen Produkt-, Design- und Engineering-Teams zu unterstützen. Als unsere Organisation im vergangenen Jahr daran arbeitete, unseren Drag-and-Drop-IAM-Editor schnell zu iterieren, haben wir eine Strategie übernommen, die viel dazu beigetragen hat, dass unsere Teams effizienter zusammenarbeiten: Pair Programming.

Unter Paarprogrammierung versteht man traditionell Situationen, in denen zwei oder mehr Softwareentwickler zusammen an einem bestimmten Arbeitsplatz sitzen und gemeinsam programmieren. Bei Braze haben wir diesen Ansatz erweitert, um die direkte Zusammenarbeit zwischen Ingenieuren und Produktdesignern abzudecken und die effektive Erstellung und Verfeinerung unserer neuen Vorlagenfunktion zu unterstützen. Unsere Version konzentrierte sich auf ein regelmäßiges Treffen zwischen den relevanten Stakeholdern dieser Teams, um laufende Entwürfe und technische Herausforderungen zu besprechen. Kimie OuYang, Senior Product Designer bei Braze, sagt: „Das ist die Zeit, in der ich meinen Designfortschritt zeigen, Prototypen teilen und Feedback von unseren Entwicklern einholen kann, um zu verstehen, wie schwierig eine Funktion wäre oder ob es etwas gibt, das ich übersehen habe, das aber nicht ist.“ skalierbar.“

Wir haben festgestellt, dass dieser Ansatz viel dazu beigetragen hat, einen nahtlosen Übergang zu ermöglichen, als es an der Zeit war, unsere Prototypen zum Leben zu erwecken. Da wir uns so regelmäßig zwischen den Teams trafen und kommunizierten, stellten wir fest, dass die Technik bereits in das von uns identifizierte Benutzerproblem und die Designlösung eingeweiht war, als unser Team bereit war, User Stories zu schreiben und mit der Entwicklung zu beginnen. Es ist wichtig zu beachten, dass es bei diesen Treffen nicht nur um die Durchführung von Designprüfungen geht; Wir nutzen sie auch, um technische Brainstormings durchzuführen, um Codestrukturen zu verbessern und komplexe technische Herausforderungen außerhalb des regulären Entwicklungszyklus zu lösen. Sie waren so erfolgreich, dass wir sie jetzt regelmäßig in unseren Kalender eintragen und sie als Mittel zum Aufbau einer Beziehung innerhalb der Organisation nutzen.

4. Nutzen Sie teamübergreifende Usability-Tests, um den Erfolg zu validieren

Nachdem wir den Prototyp an einem guten Ort hatten, war es an der Zeit, ein neues Team einzustellen: User Research. Dieses Team arbeitete mit uns zusammen, um die Usability-Tests für die Drag-and-Drop-IAM-Vorlagen zu überwachen, um unsere Lösung für das Benutzerproblem zu validieren und allgemeine Erkenntnisse zu sammeln, die wir als Leitfaden für die weitere Entwicklung der Funktion nutzen konnten.

„Das Team für In-App-Nachrichten hat den Grundstein für einen Workflow gelegt, der [unseren] Kunden wirklich gefällt“, sagte Audra Wingard, Senior UX Researcher bei Braze. „Eine der Fragen, die wir in diesen Interviews gestellt haben, war: ‚Würden [die Vorlagen] für Ihre anderen Kanäle funktionieren?‘ Sie sagten ja. Das ist also eine sehr gute Grundlage für [andere Braze-Teams] ... die jetzt Vorlagen erkunden und herausfinden, wie das in ihrem Kontext funktionieren wird.“

Diese Art von Forschung ist für uns immer eine unschätzbare Gelegenheit, zu sehen, wie Benutzer mit einer neuen Funktion interagieren – sei es in einem Prototyp oder einer Demoumgebung – und umsetzbares Feedback in Echtzeit zu sammeln. In diesem Fall gaben uns die Usability-Testsitzungen das nötige Feedback (und einen Vertrauensbeweis), das uns dabei half, die letzten erforderlichen Optimierungen und Verbesserungen vorzunehmen, bevor wir diese Funktion zur allgemeinen Verfügbarkeit freigaben. Darüber hinaus konnte User Research, wie Audra feststellte, die während unserer Usability-Tests gewonnenen Erkenntnisse sofort an andere Braze-Teams weitergeben und so zur Unterstützung weiterer Vorlageninitiativen im gesamten Unternehmen beitragen.

Abschließende Gedanken

Die Arbeit unserer Organisation beim Aufbau der Vorlagenbibliothek für den Drag-and-Drop-IAM-Editor der Braze-Plattform diente dank der sorgfältigen Zusammenarbeit mehrerer Teams zur Lösung eines wichtigen Benutzerproblems. Aber diese Bemühungen sind nur ein Beispiel für die vielen Initiativen, die bei Braze laufen, um die Benutzerfreundlichkeit unserer Produkte noch weiter zu steigern. Auch in Zukunft werden unsere Teams weiterhin zusammenarbeiten und Erkenntnisse austauschen, um auf dieser Grundlage für unsere verschiedenen Produktbereiche aufzubauen.

Möchten Sie mehr über die Organisation Braze Product, Design, and Engineering (PDE) erfahren und darüber, wie wir zusammenarbeiten, um eine intelligente, skalierbare Produktentwicklung zu unterstützen? Schauen Sie sich diesen Artikel von Brian Wheeler, SVP, Engineering, Braze, an.

Sind Sie daran interessiert, bei Braze zu arbeiten? Wir stellen für eine Vielzahl von Rollen in unseren Teams für Technik, Produktmanagement und Benutzererfahrung ein. Schauen Sie sich unsere Karriereseite an, um mehr über unsere offenen Stellen und unsere Kultur zu erfahren.