9 Hybrid-Apps, die den Status Quo verändern

Eine der größten Debatten für Unternehmen, die in den mobilen Bereich einsteigen wollen, ist die Frage, ob sie eine native App oder eine HTML5-App erstellen oder sich für einen hybriden Ansatz entscheiden sollen. Natürlich hat jede dieser Optionen ihre eigenen Vorteile und Einschränkungen. Unternehmen, die mobile Apps entwickeln möchten, sollten sich über die erwarteten Ergebnisse im Klaren sein, bevor sie sich für eine der drei Optionen für eine mobile App entscheiden.

Interessanterweise hat Gartner in einem kürzlich erschienenen Bericht vorausgesagt, dass bis 2016 mehr als 50 Prozent der eingesetzten mobilen Apps Hybrid-Apps sein werden. In diesem Beitrag möchten wir daher das Augenmerk auf Hybrid-Apps richten und untersuchen, warum sie immer beliebter werden.

Zunächst eine kleine Einführung:

Laut der technischen Bibliothek der Salesforce-Entwickler vereint die Hybrid-Entwicklung das Beste (oder das Schlechteste) aus der nativen und der HTML5-Welt. Hybrid ist definiert als eine Webanwendung, die in erster Linie mit HTML5 und JavaScript erstellt wird und dann in einen dünnen nativen Container verpackt wird, der Zugriff auf die Funktionen der nativen Plattform bietet. PhoneGap ist ein Beispiel für den beliebtesten Container zur Erstellung hybrider mobiler Apps.

Im Laufe der Jahre wurden mehrere Nachteile mit hybriden Apps in Verbindung gebracht - die Hauptprobleme waren die langsame Leistung und die schlechte Unterstützung für Grafiken und Animationen. Interessant ist jedoch, dass viele namhafte Marken in letzter Zeit die native Version aufgegeben haben und sich für die Hybrid-Version entschieden haben. Das könnte daran liegen, dass Frameworks wie Ionic, PhoneGap, Sencha Space, IBM Worklight und Trigger.io ausgereifter geworden sind, so dass die schlechte Leistung von Hybrid-Apps der Vergangenheit angehört.

Werfen Sie einen Blick auf einige Top-Marken, die sich für die Entwicklung von Hybrid-Apps entschieden haben:

Amazon App Store(Quelle)

Amazon Appstore: Laut Ethan Evans, VP, Amazon Appstore, besteht das größte Problem vieler Unternehmen, die eine hybride Strategie verfolgen, in der Entscheidung, was in HTML5 und was in nativem Code umgesetzt werden soll. Amazon tendiert dazu, HTML5 für die Benutzeroberfläche und Java für das Backend zu verwenden, um das Beste aus beiden Welten zu erhalten.

Evernote(Quelle)

Evernote: Evernote ist ein großartiges Beispiel dafür, was Hybrid-Apps leisten können. Die App ist nicht nur wunderschön gestaltet und extrem produktiv, sondern lässt sich auch nahtlos in verschiedene Geräte integrieren. Interessanterweise ist die Benutzerfreundlichkeit von Evernote so einwandfrei und intuitiv, dass es oft mit einer nativen App verwechselt wird.

Twitter(Quelle)

Twitter: Allein die Tatsache, dass Twitter, das jede Sekunde eine immense Menge an Datenverkehr verzeichnet, sich für eine hybride Lösung entschieden hat, ist ein Beweis dafür, dass die Leistung bei hybriden Anwendungen kein Problem mehr darstellt.

Apple App Store(Quelle)

Apple App Store: Apple verwendet sowohl für den App Store als auch für iBooks Hybrid-Apps. In der App werden Reihen von Apps als Webebene geladen und in eine native Navigation verpackt. Die App verwendet jedoch native Elemente für die obere Suchleiste und die untere Navigationsleiste, um das Erlebnis flüssiger zu gestalten. Genau wie im App Store verwendet Apple für die Anzeige von Artikeln in iBooks Webansichten.

Google Mail(Quelle)

Google Mail: Mit all seinen Webinhalten ist es offensichtlich, dass die Gmail-App Webansichten verwenden muss. Die alte Gmail-App wurde als Hybrid-App mit HTML geschrieben, was sich eindeutig auf die Benutzerfreundlichkeit ausgewirkt hat. Es ist interessant zu sehen, wie Gmail seine Strategie für die mobile App weiterentwickelt und sowohl native als auch HTML-Elemente in der App kombiniert hat, um eine nahtlose Leistung zu erzielen.

Khan Academy(Quelle)

Khan Academy: Wenn man bedenkt, dass Khan Academy alles daran gesetzt hat, den Schöpfer von jQuery, John Resig, selbst zu engagieren, ist es offensichtlich, dass das Ergebnis eine hervorragende Hybrid-App sein würde. Adam Ernst, der iOS-seitige Entwickler der Khan-App, arbeitete an dem nativen Code für Teile wie die Nagivation, die in Javascript zu langsam gewesen wären, während John die jQuery Mobile-Seite des Projekts in Angriff nahm, um eine leistungsstarke hybride Lern-App zu erstellen.

Uber(Quelle)

Uber: Uber ist eine weitere leistungsstarke Webanwendung. Uber läuft unter m.uber.com und die native Anwendung wird von dort aus geladen. Dadurch kann Uber schnell laden, egal von welcher Plattform aus es genutzt wird.

Instagram (Quelle)

Instagram: Nachdem Facebook Instagram für 1,1 Milliarden Dollar gekauft hat, verwendet die App immer noch eine Webansicht für ihre Timeline, obwohl die Facebook-App selbst wieder zu einer nativen App geworden ist. Die Einführung eines hybriden Ansatzes hat es den Instagram-Entwicklern ermöglicht, eine großartige App zu entwickeln, die sowohl Offline-Daten als auch Rich Media unterstützt.

Feedly(Quelle)

Feedly: Edwin Khodabakchian, Mitbegründer und CEO von Feedly, hat gesagt, dass Feedly für iOS und Feedly für Android mit einer Kombination aus HTML5 und nativem Code entwickelt wurde. Sie haben HTML5 für alle UI-Elemente verwendet und die native Version als Möglichkeit genutzt, eine große App in kleinere Aktivitäten zu unterteilen und den Nachrichtenaustausch zwischen den Aktivitäten zu ermöglichen. Er gibt zu, dass die App zu 80% aus HTML5 und zu 20% aus nativer Software besteht, wobei der HTML5-Teil plattformübergreifend ist.

Haben Sie den Eindruck, dass einige Ihrer Lieblingsapps gar nicht so nativ sind, wie Sie vielleicht ursprünglich dachten?

Angesichts der wachsenden Beliebtheit von Hybrid-Apps ist es unerlässlich, dass App-Entwickler sich mit der hybriden Umgebung vertraut machen und gleichzeitig Fachwissen über mindestens eine native Plattform erwerben. Natürlich ist Hybrid nicht für jeden eine Option, da sowohl native als auch HTML5-Ansätze auf ihre Weise unglaublich leistungsstark sind. Der zunehmende Einsatz von Hybrid bei großen Marken spricht jedoch für sich selbst.

Wie das Klischee schon sagt, tun Sie, was für Sie am besten ist. Sobald Sie die Vorteile jedes Ansatzes kennen, kombinieren Sie dieses Wissen mit Ihren spezifischen Unternehmens- oder Projektanforderungen und wählen Sie einen Ansatz, der zu der App passt, die Sie gerade erstellen - ob nativ, HTML5, hybrid oder vielleicht sogar alle drei.