Die Entwicklung unserer mobilen App begann als internes Hackday-Projekt, um eine mobile Ansicht für die PagerDuty -Web-App zu erstellen. Diese mobile Website wurde mithilfe eines nativen Wrappers in eine provisorische mobile App umgewandelt, um Push-Benachrichtigungen bereitzustellen. Trotz der Einschränkungen unserer ersten App waren nach nur acht Monaten 30 % der Nicht-E-Mail-Benachrichtigungen Push-Benachrichtigungen.

Da die App für PagerDuty Kunden öffentlich zugänglich war, waren wir viel Kritik ausgesetzt. Wie der Kommentar unten:

LOL, die PagerDuty -App ist nur ein mobiler Webbrowser mit Push-Benachrichtigungen? Wie schlimm ist das denn?“ – Einer (und die meisten) unserer Kunden, die die mobile App heruntergeladen haben

Die alte mobile App von PagerDuty

Den Weg zu HTML5 beschreiten

Mit jQuery Mobile als HTML5-Lösung sind wir den falschen Weg gegangen. Die ursprüngliche App war träge, mit Verzögerungen von 1 bis 2 Sekunden bei den meisten In-App-Aktionen und nicht für Touch-Oberflächen optimiert. Aber das lag nicht unbedingt an unserer Entscheidung, eine HTML5-App zu erstellen, sondern an ihrer schnellen und schmutzigen Implementierung, um unseren Kunden Push-Benachrichtigungen bereitzustellen.

Ein Großteil des Feedbacks, das wir erhielten, stammte von Kunden, die wollten, dass wir eine native App veröffentlichen. Nachdem wir uns eingehender mit diesem Feedback befasst hatten, stellten wir fest, dass das wahre Problem mit unserer mobilen App ihre Benutzerfreundlichkeit, insbesondere ihre Geschwindigkeit, war. Die Annahme, dass „Web = langsam“ ist, ist unzutreffend. Wir glauben, dass mit einer HTML5-App eine schnellere und zuverlässigere Benutzerfreundlichkeit möglich ist.

Wenn ich die Leute gefragt hätte, was sie wollen, hätten sie gesagt: schnellere Pferde. – Henry Ford (vielleicht)

Als die größten Probleme unserer ersten App die wahrgenommene und funktionale Geschwindigkeit betrafen, haben wir wesentliche Änderungen vorgenommen, um unseren Kunden ein besseres Erlebnis zu bieten.

So haben wir eine schnellere, zuverlässigere App entwickelt

Wir haben die App komplett neu konzipiert, um uns auf die wesentlichen Bedürfnisse unserer Kunden zu konzentrieren, die auf sie angewiesen sind. Wir haben auch dafür gesorgt, dass wichtige Informationen zu Vorfällen schnell und einfach zugänglich sind.

Unser erster Schritt war, jQuery Mobile abzuschaffen, da es nicht anpassbar war und aufgrund der perfekten Dateigröße (216 KB unkomprimiert und nicht minimiert) sehr aufgebläht war. jQuery Mobile fördert tiefe Informationshierarchien, was bedeutet, dass man sich durch Unmengen von Navigationsmenüs wühlen muss, um nützliche Informationen zu erhalten. Dies war in unserer ersten App weit verbreitet, da mehrere Klicks und Fingertipps erforderlich waren, um eine Aufgabe zu erledigen.

Eine hohe Priorität für unsere neue App war es, Informationen frühzeitig anzuzeigen. Wir verwenden Farben in der Benutzeroberfläche, um den Status anzuzeigen. Grün bedeutet, dass alles in Ordnung ist, Rot bedeutet, dass etwas nicht stimmt, und Orange bedeutet, dass jemand einen Vorfall bestätigt hat. Auf zusätzliche Vorfalldetails kann leicht zugegriffen werden, und wir legen Wert auf umsetzbare Informationen.

Mit der neuen App können Sie Vorfalldetails mit einem Fingertipp oder Wisch sehen, um einen Vorfall zu bestätigen, zu lösen und neu zuzuweisen. Oder Sie können sogar alle aktuellen Vorfälle Ihres Teams bestätigen und lösen. Durch diese UI-Updates fühlt sich die App viel schneller an als ihr Vorgänger.

Auch im Backend haben wir die App schneller gemacht. Wir wollten den kleinstmöglichen Satz an Bibliotheken verwenden, der die Aufgabe erledigen würde. Nachdem wir andere Bibliotheken getestet hatten, stellten wir fest, dass Hammer.js die beste Touch-Gesten-Unterstützung für ältere Android- und iOS-Geräte bietet. Hammer.js ist sehr flexibel und ermöglicht es uns, pixelgenaue Interaktionsmuster zu erstellen.

Zusätzlich zu Hammer.js haben wir Zepto als Ersatz für jQuery verwendet, um die Leistung zu verbessern, sowie eine spezielle mobile Version von lodash.js.

Bestätigung unserer Entscheidungen

Entscheidungen zu treffen ist einfach, aber um sicherzustellen, dass unsere Annahmen richtig waren, waren zahlreiche Tests, eine laufende Überwachung und viele Iterationen erforderlich.

Bevor wir die App erstellten, erstellten wir Wireframes unserer neuen Benutzeroberfläche, um Prototypen der Interaktionen in der App zu erstellen. Wären wichtige Informationen leicht zugänglich? Wie viele Fingertipps oder Klicks wären erforderlich, um einen Vorfall zu bestätigen, zu lösen oder neu zuzuweisen? Das Feedback von Leuten, die PagerDuty verwenden, half uns, unsere Designentscheidungen zu validieren, um mit der Erstellung der App zu beginnen.

Nachdem die App fertig war, haben wir eine öffentliche Betaversion gestartet, in der unsere Benutzer die neue App in Aktion testen konnten. Dank ihres Feedbacks haben wir vor der Veröffentlichung viele Änderungen an der Funktionalität und Benutzeroberfläche der App vorgenommen.

Unsere letzte Bestätigung kam nach der Veröffentlichung der neuen App. Wir konnten beobachten, wie unsere Bewertungen in den App Stores stetig stiegen und wurden mit viel positivem Feedback über das Aussehen, die Haptik und die Geschwindigkeit der neuen App überschwemmt.

ENDLICH! Das war früher so nervig, dass ich wieder auf SMS-Benachrichtigungen umgestiegen bin. Mit dieser neuesten Version erhalte ich wieder nur Push-Benachrichtigungen, es sei denn, ich antworte nicht innerhalb von 5 Minuten. Diese neue Version ist unglaublich! Sie läuft viel reibungsloser mit viel weniger Bandbreite und es ist sehr einfach, Seiten zu bestätigen/aufzulösen sowie Notizen zu jeder Seite hinzuzufügen. Wer das geschrieben hat, verdient einen goldenen Stern und sollte weiterhin die nächsten Versionen dieser App überwachen. Sie haben Ihnen endlich einen guten Start in die mobile Welt verschafft. Gute Arbeit, Jungs! – Charles Panayides, Associate Systems Engineer bei Tumblr

Sie haben unsere neue mobile App noch nicht ausprobiert? Sie können sie hier herunterladen: Google Play oder der Apple App Store . Hinterlassen Sie uns unten eine Bewertung oder einen Kommentar. Wir würden gerne wissen, was Sie von der neuen App halten. Vielleicht nehmen wir Ihre Vorschläge auf und verwenden sie in einem zukünftigen Update der App!