Wie es ist, 326 Tage für ein umfangreiches Produkt-Release für 3.2M-Benutzer aufzuwenden

Starttag

326 Tage JotForm-Karten

Bei JotForm sind uns unsere Benutzer wichtig. Viel.

Immerhin haben wir 3,2 Millionen davon. Sie erstellen jeden Tag Formulare und erhalten über uns Antworten.

Wir möchten, dass die Benutzererfahrung mit uns so einfach und angenehm wie möglich wird. Wie machen wir das? Indem wir ihnen zuhören und von ihnen lernen, wann immer wir können.

Aus diesem Grund haben wir JotForm Cards erstellt, unser bisher benutzerorientiertestes Projekt.

Während wir Karten bauten, führten uns unsere Benutzer jeden Schritt des Weges. Von der Forschung über das Design bis zur Entwicklung.

Unser Gründer schrieb darüber, wie uns die Fokussierung auf den Kunden (nicht auf die Konkurrenz) über 1 Million neue Anmeldungen pro Jahr brachte.

Von der Konzeption bis zum Start dauerte dieser Prozess 326 Tage.

Wie sind wir vorgegangen?

Folgendes ist passiert ...

Tag 1 - Idee

Als wir uns über einen großen Zeitraum hinweg Dinge wie Benutzer-Feedback oder Fehlerberichte ansahen, stellten wir fest, dass unsere Formulare aktualisiert werden mussten.

Nun, das Internet hat uns auch daran erinnert.

"Es ist nicht leicht zu hören, dass Ihr Produkt hässlich ist", schrieb Aytekin.

„Sicher, das Internet hat seinen Anteil an„ Hassern “und Trollen, die es lieben, dumme Beleidigungen zu verbreiten, aber manchmal hat dieses negative Feedback seine Berechtigung.
2016 wusste ich, dass die Kritiker Recht hatten. JotForm war 10 Jahre alt und unsere Formulare sahen müde aus. “

Wir konnten so viele kleinere Änderungen vornehmen, wie wir wollten, aber die Tatsache blieb: Die Gestaltung unserer Formulare und die Erfahrung, sie auszufüllen, waren zeitlich zurückgeblieben.

Unsere Formulare sollten ästhetischer, benutzerfreundlicher und intelligenter sein.

So haben wir unsere Reise mit einem einzigen Ziel begonnen: unsere Online-Formulare neu zu erfinden.

Treffen für die Mission 2017

Tag 18 - Hack Woche 1: Grundlagen

So funktioniert es bei JotForm: Wenn wir nach Antworten, alternativen Lösungen oder Möglichkeiten suchen, die Grenzen zu überschreiten, organisieren wir eine Hack-Woche.

Dies erfordert, dass alle Teams ihre täglichen Pflichten aufgeben und fünf Tage hintereinander an einer einzigen Aufgabe arbeiten. Und so entstand die Idee für JotForm Cards.

Nun hatten wir unser Ziel festgelegt - Online-Formulare neu zu erfinden - und mussten uns folgende Fragen stellen:

"Wie um alles in der Welt können wir Online-Formulare neu erfinden?"

Diese Frage warf auch sofort andere Fragen auf.

Was würde diese neue Generation von Formen definieren? Wie können wir für den Rest des Projekts eine solide Grundlage schaffen?

Zu der Zeit fühlte sich der Versuch, Antworten zu finden, an, als würde man auf eine leere Seite starren. Wir wussten, worauf wir hinarbeiteten, aber wir wussten nicht, wie wir dorthin gelangen sollten.

Also haben wir begonnen, so viele Formen wie möglich detailliert zu analysieren und dabei verschiedene Aspekte wie Etikettenausrichtung, Farben, Animationen usw. zu vergrößern.

Wir haben auch damit begonnen, die Formulare unserer eigenen Benutzer eingehender zu analysieren. Um ein Produkt zu erstellen - unabhängig davon, welche Rolle Sie im Team spielen -, besteht die häufigste Strategie darin, online zu suchen, wissenschaftliche Artikel zu lesen und zu überprüfen, was Ihre Konkurrenten getan haben.

Nach unserer Erfahrung ist diese Taktik jedoch nicht immer der beste Weg nach vorne. In der Tat hat unser Gründer darüber geschrieben, wie uns die Fokussierung auf den Kunden (nicht auf die Konkurrenz) über 1 Million neue Anmeldungen beschert hat.

Um es kurz zu machen, wir ziehen es vor, die Auswahl unserer Benutzer als Ausgangspunkt zu nehmen.

Wenn wir uns an einem Wendepunkt befinden, geben uns die Formulare unserer Benutzer Anregungen und Anleitungen.

Beispielformulare aus der ersten Hackwoche

Auf der Grundlage unserer Analysen haben wir begonnen, Prototypen zu erstellen. Am Ende der Woche teilte jedes Team seine Entscheidungen mit und erläuterte sie, wobei es seine Ideen anhand des von ihm entwickelten Formularprototyps darlegte.

Wir haben gesehen, dass alle Teams mit ähnlichen Problemen zu kämpfen hatten und zu ähnlichen Bewertungen kamen - aber oft waren ihre Lösungen unterschiedlich.

Tag 39 - Hack Woche 2: Wie könnten Formen im Jahr 2027 aussehen?

Bis zum Ende der ersten Hackwoche hatten wir die Grundlagen für das Projekt geschaffen.

Jetzt war es Zeit, die Grenzen zu verschieben. Das Thema der Hackwoche 2 war:

"Wie könnten Formen im Jahr 2027 aussehen?"

Wir wussten nicht, wie die Designtrends in zehn Jahren aussehen würden oder welche Technologien uns zur Verfügung stehen würden.

Also lassen wir unserer Fantasie freien Lauf.

Wie könnten wir das, was wir bereits hatten, durchsetzen, die Regeln brechen und eine frei denkende Denkweise schaffen?
Beispielformulare aus Hackwoche 2

Während der zweiten Hackwoche experimentierten wir mit Voice-Overs, AR, und entwarfen Entwürfe aus einem Weltraumzeitalter. Es war viel Spaß.

Tag 60 - Hack Woche 3: Pimp meine Form

Hack Woche 3: Zeit, etwas völlig anderes auszuprobieren. Anstatt eine Woche lang an einer Idee zu arbeiten, wählte jedes Team nach dem Zufallsprinzip eine Form aus und verbrachte den Tag mit der Verbesserung von Grafik und Funktionalität.

Wir haben reale Instanzen aus den Formularen unserer Benutzer verwendet. Und am Ende eines jeden Tages wurde die neue Version des Formulars an den ursprünglichen Eigentümer zur Rückmeldung gesendet.

Vorher / Nachher-Versionen eines Formulars

Wir hatten nur einen Tag Zeit, um Probleme zu analysieren und Lösungen zu finden, und mussten schnell handeln. Das war eine gute Sache. Es gab keine Zeit, sich über winzige Details Gedanken zu machen oder andere Ideen auszuprobieren.

Vorher / Nachher-Versionen eines Formulars

Diese Hackwoche hat uns dabei geholfen, große Probleme in kleinere Teile aufzuteilen und einzeln anzusprechen.

(ps. Ich weiß, ich rede immer über Hackwochen. Wenn Sie interessiert sind, hier ist, wie Hackwochen Innovation und Kreativität fördern können)

Tag 81 - Hackwoche 4: Invent Form 2.0

Während der Hackwoche 4 haben alle Teams (fast) alle möglichen Formularlayouts ausprobiert. Wir mussten auf der Grundlage der von uns entwickelten Prototypen, der von uns durchgeführten Analysen und des Wissens, das wir in den letzten Wochen gewonnen hatten, etwas Erstaunliches schaffen.

Also begannen alle Teams, endgültige Prototypen zu erstellen, um zu zeigen, wie ihrer Meinung nach die neue Generation von Online-Formularen aussehen sollte.

Beispielformulare aus der Hackwoche 4

Es war Zeit, ernsthafte Entscheidungen zu treffen. Deshalb haben wir noch einmal nach der Meinung unserer Nutzer gefragt. Wir legen Wert auf Benutzerfreundlichkeit, Spaß und Benutzerfreundlichkeit.

Tag 88 - Erster Prototyp

Am 88. Projekttag war der erste Prototyp von JotForm Cards einsatzbereit (zu diesem Zeitpunkt hatte er noch keinen Namen).

Unser erster Prototyp

Nachdem unser erster Prototyp fertiggestellt und entstaubt war, war es Zeit, mit der nächsten Phase fortzufahren: der Entwicklung.

Zunächst haben wir versucht, so unabhängig wie möglich von der ursprünglichen Infrastruktur von JotForm zu bleiben und uns darauf zu konzentrieren, etwas Neues zu schaffen. Genauso mussten wir eine Möglichkeit finden, das traditionelle Formularlayout von JotForm zu unterstützen.

JotForm-Team bei einem Meeting

Wir haben unseren Legacy-Code überprüft, um festzustellen, ob er für JotForm-Karten erneuert oder wiederverwendet werden soll. Wir beschlossen schließlich, dass die Wiederverwendung der aktuellen Codebasis ein Lebensretter sein würde. und, dass es am besten ist, die neue Softwarearchitektur gemäß unserer aktuellen Infrastruktur zu entwerfen, anstatt sie zu aktualisieren.

Ein Mitglied des Untitled Teams, das hart arbeitet

Nun war es an der Zeit, einige schwere Arbeiten auszuführen und den Prototyp in ein Produkt mit vollständiger Funktionalität umzuwandeln. Alle Formularfelder wurden neu gestaltet und entwickelt, alle Mikroanimationen wurden neu geschrieben und alle unsere ursprünglichen Entscheidungen wurden erneut bewertet.

Tag 138 - A / B-Tests beginnen

Nach Monaten harter Arbeit waren wir bereit, unser geheimes Projekt mit der Welt zu teilen. Es war für uns sehr aufregend, die Reaktionen der Benutzer zu sehen.

Ein Mitglied des Daten-Teams, während Sie an den JotForm-Karten-Statistiken arbeiten

Wir haben uns sofort intensiv mit den Statistiken beschäftigt. Das Data Team analysierte Antworten auf Fragen wie:

Mochten Benutzer JotForm Cards? Wollten sie wieder zum klassischen Formularlayout wechseln? Wie viele Benutzer waren bei der Verwendung von JotForm-Karten aktiv? Wie viele Felder wurden hinzugefügt?

Tag 195 - Neue Benutzergruppe

Nach fast zwei Monaten entsprachen die Zahlen des A / B-Tests nicht unseren Erwartungen: Wir mussten zum Zeichenbrett zurückkehren.

Wir begannen mit Brainstorming, um die Ursachen der Probleme zu untersuchen, experimentierten mit dem Ändern der Standardfarben und suchten nach einer Korrelation zwischen Benutzerkategorien und den von ihnen bevorzugten Formularlayouts.

Eine Brainstorming-Sitzung

In der Zwischenzeit erhielten wir immer noch Feedback von echten Benutzern. Und da sie es sind, die das Produkt verwenden, haben ihre Gedanken immer Vorrang.

Was sagten sie?

Es war etwas in der Art von:

Ja, Sie haben etwas Neues gemacht - was super cool ist -, aber das klassische Formularlayout ist immer noch erforderlich.

Und das war es! Unsere User haben uns einmal mehr den Weg gezeigt.

Sie waren glücklich, etwas Neues wie JotForm Cards auszuprobieren, wollten aber auch nicht die klassische Form verlieren.

Warum konnten sie nicht beide haben?

Also haben wir begonnen, an einer neuen Testgruppe zu arbeiten, die Formen beider Typen erstellen und sie zu laufenden A / B-Tests hinzufügen kann.

Zum Zeitpunkt der Aktualisierung des A / B-Tests verfügten die JotForm-Karten über nahezu alle wichtigen Merkmale unserer klassischen Formulare.

Zeit für weitere Hackwochen!

Tag 214 - Hack Woche 5: Neue Funktionen

Wir haben es also geschafft, JotForm-Karten auf das Niveau unserer klassischen Formulare zu bringen und unsere A / B-Tests zu aktualisieren.

Die Nutzungsstatistiken nahmen täglich zu. Es war Zeit, JotForm Cards auf die nächste Stufe zu bringen.

In der 5. Hackwoche - und zum ersten Mal in der Geschichte von JotForm - haben alle Teams eine Woche lang an unterschiedlichen Ideen gearbeitet.

Und wir haben große Fortschritte gemacht.

Eines unserer Produktteams hat eine "Smart Embed" -Funktion entwickelt, die JotForm-Karten automatisch an die eingebettete Seite anpasst.

Ein anderes Team hat den "Inline Embed Editor" entwickelt, mit dem Benutzer den eingebetteten Stil ihres Formulars auf ihren Seiten anpassen können.

Inline Embed Editor

Wir haben auch die mobile Version der JotForm-Karten von oben nach unten aktualisiert und alle Layoutelemente, Animationen und Gesten angepasst, um die bestmögliche Benutzererfahrung auf einem mobilen Gerät zu bieten.

JotForm Cards mobile Version

Tag 242 - Hackwoche 6: Felder

Während der 6. Hackwoche war es an der Zeit, Formularfelder zu verbessern und ihnen coole Features hinzuzufügen.

Alle Teams arbeiteten an verschiedenen Formularfeldern, um Prototypen als parallele Prozesse zu erstellen. Wir haben die Zielfelder nach Verwendungsrate der Felder und Benutzerfeedback ausgewählt.

Ein problematisches Feld war die Eingabetabelle. Wir haben es geschafft, dieses Feld zu verbessern, indem wir sein Design aktualisiert und neue Funktionen wie einen Emoji-Schieberegler hinzugefügt haben. Auf diese Weise macht das Ausfüllen eines der langweiligsten Felder Spaß.

Eingabetabelle Emoji-Schieberegler

Wir haben auch am Adressfeld gearbeitet und eine Funktion zur automatischen Vervollständigung hinzugefügt, um das Ausfüllen zu vereinfachen.

Neues Adressfeld mit der Funktion zum automatischen Vervollständigen

Wir haben auch die mehrzeilige Frage entwickelt, mit der Benutzer einer einzelnen Karte mehr als ein Feld hinzufügen können.

Mehrzeilige Frage

Tag 262 - Hack Woche 7: Weitere Felder

Verbesserungen während der sechsten Hackwoche hatten großen Einfluss auf das Feedback der Benutzer. Wir haben uns daher entschlossen, die am häufigsten verwendeten Formularfelder zu verbessern.

Ein Team arbeitete am Zahlungsfeld und integrierte eine Einkaufstaschenfunktion, mit der Formularübermittler die Produkte sehen können, die sie kaufen möchten.

Neue Produktliste und Einkaufstasche

Ein anderes Team hat das E-Mail-Feld aktualisiert und Überprüfungsfunktionen hinzugefügt.

E-Mail-Feld mit der Bestätigungsfunktion

Schließlich haben wir das Feld für die Langtexteingabe aktualisiert, um Emojis, Dateien oder Stile hinzuzufügen.

Langtext-Eingabefeld

Tag 274 - Neue Gruppe für den Test

Unsere Tests wurden fortgesetzt, und als wir die Zahlen analysierten, stellten wir fest, dass die dritte Testgruppe ein großer Erfolg war.

Die Entscheidung wurde getroffen: Unsere Benutzer sollten in der Lage sein, sowohl neue als auch klassische Formulare zu erstellen.

Nun haben wir uns gefragt, wie diese Optionen den Benutzern am besten präsentiert werden können. Ein weiterer A / B-Test war es!

Wir haben für jede Gruppe drei verschiedene Formularlayout-Auswahlmodelle vorbereitet und diese mit einer Kontrollgruppe getestet.

Eine modale Version des Formularlayouts

Tag 298 - Hack Woche 8: Wrap it up

Die 8. und letzte Hackwoche war unsere letzte Gelegenheit, große, mutige Änderungen am Produkt vorzunehmen. Es war Zeit, die Ideen zu geben, für die wir nie Zeit hatten, eine Chance zu erproben.

Neue Begrüßungsseite

Wir haben an Farben, Schriftarten, Abständen, der Begrüßungsseite und allen allgemeinen Elementen gearbeitet.

Wir haben auch an einem Import-Tool gearbeitet, die Einbettung der Feedback-Schaltflächen verbessert und Mini-Karten erstellt.

Tag 313 - Teilen Sie unser Produkt mit der Welt

Nach acht Hackwochen in 10 Monaten waren wir bereit, JotForm Cards einzupacken und mit der Welt zu teilen.

Wir haben uns entschlossen, den Benutzern beide Formularlayoutoptionen zur Verfügung zu stellen und auf die Testergebnisse zu warten, um zu entscheiden, welches Design wir verwenden möchten. Aber keine der Testgruppen konnte einen Gewinner ermitteln.

Wir haben den Test erneut aktualisiert, aber diesmal konnten alle neuen Benutzer beide Optionen sehen.

Tag 327 - Veröffentlichung!

Schließlich! Am 6. Februar haben wir JotForm Cards als unser neuestes Produkt angekündigt.

326 Tage lang haben wir Tag und Nacht in Vollzeit an diesem Projekt gearbeitet: Wir haben uns mit kleinen und großen Details befasst, mehr als 280 Fehler behoben und 102 Feature-Requests implementiert. Puh.

Am besten ist es uns gelungen, ein Produkt zu entwickeln, das unsere Nutzer lieben.

Einführungstag im Büro in Ankara

Wir hoffen, dass Sie JotForm Cards genauso lieben wie wir und wir können es kaum erwarten, Ihre Gedanken zu hören!

Ursprünglich veröffentlicht bei www.jotform.com. Danke für das Lesen.

Wenn Ihnen dieser Artikel gefallen hat, können Sie ihn auch durch Drücken der Taste button finden.

.