Mit Millionen von Smartphone-Nutzern, die ihr Telefon täglich verwenden, was können wir tun, um davon zu profitieren? "Für eine ständig wachsende Zahl von Verbrauchern – über Märkte, Einkommensniveaus und demografische Gruppen hinweg – ist das Mobiltelefon das Gerät und der Kommunikationskanal, der am nächsten an ihrem Herzen liegt. Es ist per Definition intim und persönlich, wird überall mitgenommen, den ganzen Tag über genutzt und durch das Aufnehmen und Speichern persönlicher Fotos, das Herunterladen von Musik, das Hinzufügen von Hintergrundbildern, das Erstellen von Verknüpfungen und zunehmend durch die Auswahl von Apps und Funktionen individualisiert." Aus TNS Global Key Insights Mobile Life. Aus diesem Grund bietet das Smartphone eine große Chance für Marken, eine intime, persönliche Beziehung zu ihren Kunden aufzubauen. Aus der Perspektive der Owned Media hätten wir Optionen wie

• die Entwicklung einer Mobile Site
• einer nativen mobilen App
• die Nutzung bestehender sozialer Netzwerke wie Facebook, Twitter, Instagram.

Mit einer Mobile Site kannst du keine Vorteile aus verschiedenen Funktionen wie dem Zugriff auf das Fotoalbum, die Kamera, Videos, Kontakte und andere ziehen. Das Erlebnis ist wahrscheinlich nicht so umfangreich/interaktiv wie bei einer nativen mobilen App. Der Vorteil ist jedoch, dass eine Mobile Site plattformunabhängig ist, d.h. sie kann sowohl auf iOS, Android als auch auf Windows laufen. Was eine Native App betrifft, kannst du wirklich komplizierte Apps mit umfangreicher Erfahrung, schöner Grafik, 3D-Bildern usw. entwickeln. Allerdings ist es sehr wichtig zu wissen, dass du wahrscheinlich verschiedene Versionen derselben App für iOS, Android, Windows Mobile oder andere Betriebssysteme erstellen müsstest.

Ist deine aktuelle Website mobilfreundlich?

Um diese Frage zu beantworten, kannst du versuchen, deine eigene Website auf einem Smartphone zu besuchen, oder du kannst einen Mobile-Phone-Simulator verwenden (d.h. online nach „How does your site look on mobile?" suchen, und du wirst viele kostenlose Tools finden). Wenn deine Website aus Flash besteht, kannst du auf dem iPhone (oder einem iOS-Gerät wie iPad, iPod Touch) NICHTS sehen, weil iOS kein Flash unterstützt. Einige Tools geben dir Hinweise zur Optimierung deiner Mobile Site. Fragen, die sie stellen könnten, sind:

• „Siehst du kaputte Bilder oder fehlenden Inhalt?
• Kannst du den Text lesen, ohne hineinzoomen oder seitwärts scrollen zu müssen?
• Können Links und Buttons mit dem Daumen geklickt werden?
• Sind Videos, Spiele oder andere Animationen sichtbar?
• Sind Visuals und Tonalität konsistent mit anderen Marketingmaterialien?"

Indem du diese Fragen beantwortest und weißt, wie viel Zeit deine Mobile Site zum Laden braucht, bekommst du eine grobe Vorstellung davon, wie deine Mobile Site abschneidet und in welchen Bereichen du sie verbessern solltest. Die obige Liste ist sehr grundlegend, und es gibt viele andere Dinge zu überprüfen, um herauszufinden, ob deine Website mobilfreundlich ist.

Mobilfreundliche Website

In Vietnam gibt es beim Entwickeln einer Mobile Site aus technischer Sicht einige Optionen:

Responsive Web Design

Responsive Web Design (RWD oder Responsive Design) ist relativ neu, sodass es noch einen weiten Weg gibt, bis Designer und Entwickler dieses Konzept beherrschen und es schön umsetzen können. Es gibt viele Beispiele für Responsive-Design-Websites wie http://mashable.com/, http://www.bostonglobe.com/ oder mein eigenes Blog, das ein Theme verwendet, das Responsive Design unterstützt. Ich bin bisher nicht auf viele Websites in Vietnam gestoßen, die Responsive Design implementieren. Von „Think Insights with Google" schrieben sie: „Responsive Web Design (RWD) ermöglicht es dir, das Website-Erlebnis über verschiedene Bildschirmgrößen hinweg zu optimieren, ohne mehrere Websites erstellen zu müssen. Durch die Verwendung flexibler Vorlagen, CSS-Media-Queries und JavaScript-Events kann ein responsives Webdesign auf die Viewport-Größe eines Geräts reagieren und Bilder, Template-Layout und Inhaltssichtbarkeit anpassen. Du kannst sogar neuartige Gerätefunktionen wie Ziehen, Wischen und andere Benutzeraktionen nutzen, die von Touch-Geräten erkannt werden. All diese CSS- und JavaScript-Techniken können in einer einzigen HTML-Inhaltsdatei implementiert werden, die an alle Geräte ausgeliefert wird." Beispiel unten von Mashable für Responsive Web Design, falls du dir nicht sicher bist, was das ist: Das ist die normale Bildschirmgröße für den Desktop (ich verwende ein Macbook Pro und die Auflösung ist „best scaled"), du siehst, dass der Titel des Artikels auf der rechten Seite „Google Glass Photographer Makes Picture Taking Awkward" lautet. Wenn du dir den markierten Bereich ansiehst, erkennst du, dass der Artikel einen Titel in 2 Zeilen und einige Beschreibungen darunter hat. Jetzt schau dir das Bild unten für die iPad-Bildschirmgröße an. Um das zu replizieren, musst du einfach die Größe des Browserfensters verkleinern. Wegen der kleineren Bildschirmgröße erscheint der Artikeltitel jetzt in 4 Zeilen, wir haben keinen Platz mehr für die Artikelbeschreibung. Wie du jedoch sehen kannst, ist das Layout responsiv und unsere Ansicht ist weiterhin optimal. Das Layout bricht nicht zusammen, und du kannst den Inhalt immer noch problemlos lesen. Das letzte Beispiel ist die Smartphone-Bildschirmgröße für dieselbe Mashable-Website. Wie du sehen kannst, ändert sich das Layout vollständig, um der kleinen Bildschirmgröße gerecht zu werden. Du siehst nur den New-Bereich auf der Homepage. Die Hauptnavigation reduziert sich auf den Button oben links. Wenn du zu anderen Bereichen navigieren möchtest, musst du auf diesen Button klicken.

Mobile Site: Dynamisches Ausliefern unterschiedlicher HTML auf derselben URL

Wenn ein Kunde deine Website besucht, kann dein Webserver erkennen, welches Gerät er verwendet, und eine maßgeschneiderte Seite (HTML + CSS) auf derselben URL präsentieren. Diese maßgeschneiderten Seiten können für jede Art von Gerät gestaltet werden – Mobiltelefone, Tablets, Desktop-Computer und sogar Smart-TVs. Das Erkennen des Geräts des Nutzers und das Ändern des ausgelieferten Inhalts erfordert eine Anpassung (z. B. Stylesheets), die auf Gerätebasis gepflegt werden muss.

Separate mobile URLs

Eine weitere Option, die Benutzererfahrung basierend auf dem Gerätetyp anzupassen, besteht darin, eine separate Website für mobilen Traffic zu erstellen, unabhängig von deiner ursprünglichen Desktop-Website. Der Browser erkennt, ob ein Besucher auf einem mobilen Gerät ist, und leitet ihn zur mobiloptimierten Version deiner Website weiter (z. B. m.vnexpress.net). Eine dedizierte Mobile Site ermöglicht es dir, die Website speziell für mobile Nutzer zu gestalten und wird oft unabhängig entwickelt und gehostet. Diese Lösung ist in Vietnam recht weit verbreitet. Einige der größten Nachrichtenportale in Vietnam verwenden diese Art der Implementierung wie VnExpress, Vietnamnet (2013).

Mobilfreundliche Website oder native mobile App?

Aus Budget-Sicht ist die Option mit dem niedrigsten Budget eine separate Mobile Site mit separaten mobilen URLs. Responsive Web Design wäre im Allgemeinen teurer als eine Mobile Site. Und natürlich ist die Entwicklung einer Mobile Site mit Responsive Design viel günstiger als native Apps. Wenn du fragst, wie viel günstiger genau eine Mobile Site im Vergleich zu einer Native App ist, lautet meine Antwort erneut: das kommt darauf an. Ich würde schätzen, dass das Verhältnis je nach Funktionalität zwischen 3–20 Mal teurer für eine Native App liegt. Abgesehen davon, dass sie weniger Geld kostet, hat die Mobile Site den Vorteil der Reichweite und Kompatibilität über Plattformen und Browser hinweg. Nutzer können die Mobile Site ganz einfach über Google finden. Für Responsive-Web-Design-Websites erbt man alle oben genannten Vorteile der Mobile Site, bietet aber ein viel besseres Nutzererlebnis über Geräte hinweg durch maßgeschneiderte Layouts. Wenn du deine Responsive-Web-Design-Site (RWD) aktualisieren möchtest, kannst du das über ein CMS ganz einfach tun. Die Änderungen sind sofort im Browser des Nutzers live, ohne Genehmigung durch Dritte wie im Fall des Apple AppStore. Sowohl „normale" Mobile Site als auch RWD-Websites haben einige sehr große Nachteile wie:

• Viele von ihnen können ohne Internetverbindung nicht funktionieren (nach meinem begrenzten Verständnis gibt es einige Web-Apps, die einen Offline-Modus bieten)
• Sie können nicht auf die persönlichen Daten des Nutzers auf dem Telefon zugreifen, die Kamera, den Kalender, den Foto-Stream, den Beschleunigungsmesser usw. (Das könnte sich in Zukunft ändern)
• Sie bieten im Allgemeinen kein so reichhaltiges Nutzererlebnis wie Native Apps, da komplizierte Animationen, Spiele, Berichte, Berechnungen usw. nicht einfach implementiert werden können.
• Push-Möglichkeiten: Wenn du möchtest, dass deine Mobile Site (Web App) im Hintergrund läuft und dir Benachrichtigungen sendet, ist das derzeit nicht möglich.
• Die Leichtigkeit der Monetarisierung: Mit Google Play und Apple App Store oder anderen Marktplätzen ist es viel einfacher, Native Apps zu vermarkten und ein breites Publikum zu erreichen, das möglicherweise für deine Native App oder In-App-Käufe zahlt. Für Mobile Sites scheint das Abonnementmodell eine der wenigen verfügbaren Monetarisierungsoptionen zu sein.

Ein großer Nachteil von Native Apps ist, dass die App für jede Plattform angepasst/entwickelt werden muss, um das beste Nutzererlebnis zu bieten – d.h. eine Version für iOS und eine weitere für Android. Das bedeutet, dass die Entwicklungskosten für Native Apps höher sind. Auch die Wartungskosten sind höher. Die Nachteile der Mobile Site sind natürlich die Vorteile der Native App. Sei dir jedoch bewusst, dass eine Native App genau wie ein Social-Media-Asset oder eine Website ist: Einmal entwickelt, musst du Geld ausgeben, um sie bei deinen Nutzern zu bewerben und sie anschließend zu warten. Ich würde daher die Entwicklung einer App nicht für eine 2-monatige Kampagne empfehlen, die danach eingestellt wird.

Entwicklungsablauf für Native Apps

Wenn du eine native mobile App entwickeln möchtest, sieht der allgemeine Ablauf so aus:

• Ideenfindung: Dazu gehören das App-Konzept und die wichtigsten Funktionen. Normalerweise ist es besser, über den langfristigen Nutzen der App nachzudenken (sowohl für Nutzer als auch für die Marke), nicht nur für einen Kampagnenstoß (1–2 Monate), weil die Kosten für die Entwicklung einer App und deren Bewerbung für Downloads nicht gering sind.
• Business Analyse: Anforderungen analysieren und geeignete technologische Lösungen sowie ein Grundgerüst für jedes Betriebssystem vorschlagen.
• Wireframe, Design: Genau wie beim Erstellen einer Website ist das Wireframe für eine App von entscheidender Bedeutung, da es das Fundament der Benutzeroberfläche ist. Wenn es logische Fehler im Wireframe gibt oder etwas fehlt, leidet das Nutzererlebnis stark darunter.

Der Screen-Flow erklärt, wie die Animation funktionieren würde. Mit dem Screen-Flow könnte der Auftraggeber „visualisieren", wie die App verwendet wird und was passiert, wenn ein Button berührt wird.

• Datenbank, CMS und API: In dieser Phase geht es um die Gestaltung der Datenbank, das Codieren des CMS und der API entsprechend den Anforderungen. Du kannst das CMS und die API in PHP, Java oder .Net codieren, das liegt bei dir. Bitte beachte, dass dein „normales" Webproduktionsteam diesen Teil übernehmen kann, es muss lediglich die API gemäß den Anforderungen erstellen.
• Programmierung zur Verbindung des Front-Ends der App mit der Datenbank, dem CMS und der API: In dieser Phase musst du mit Apple/Android SDK und Sprachen wie Objective C für iOS usw. programmieren.

Die nächste Frage, die du dir stellen solltest, ist, ob du die Native App für Android, iOS oder Windows entwickeln solltest.

Android, iOS oder Windows?

Ein wichtiger Faktor ist der Marktanteil zwischen iOS und Android bei deiner Zielgruppe. Klar ist, dass Windows KEINE verbreitete Plattform ist, also bleibt die Wahl zwischen Android und iOS. Meine Empfehlung wäre: Wenn du das Budget hast, solltest du für beide entwickeln. Wenn du deine App monetarisieren möchtest, ist iOS der richtige Weg für Zahlungen über den offiziellen Store. Nutzer des Apple App Store zahlen viel eher für etwas als Android-Nutzer, nicht zuletzt weil es viel einfacher ist, eine gecrackte Version einer Android-App zu finden. Von App Annie kannst du sehen, dass der iOS-Store-Umsatz auf monatlicher Basis etwa 4 Mal höher ist als Google Play. Wenn du eine Plattform wählen musst, hängt alles von deiner Zielgruppe und ihren Smartphone-Präferenzen ab. Als Marketer müssen wir unseren Nutzern folgen und dort fischen, wo die Fische sind. Abschließend sei gesagt, dass das Obige aus dem Kapitel „Mobile Asset" in meinem neuesten Buch über Vietnam Digital Marketing stammt. Um das eBook zu kaufen, verwende bitte diesen Link.