Deutsch (du)

Mobiler Export

condoo.Vibe-Projekte für die mobile Verteilung vorbereiten. Mobile Eignung, Android- und iOS-Export sowie das Zusammenspiel mit deiner Webanwendung verstehen.

condoo.Vibe ist nicht auf Websites und Webanwendungen beschränkt.

Berechtigte condoo.Vibe-Projekte können auch für die mobile Verteilung vorbereitet werden. So kannst du eine mit condoo.Vibe erstellte Anwendung für die Veröffentlichung auf Android und iOS vorbereiten.

Das bedeutet, dass dasselbe mit condoo.Vibe entwickelte Produkt Nutzer möglicherweise sowohl im Web als auch über mobile App-Stores erreichen kann.

Einmal mit condoo.Vibe entwickeln. Im Web starten. Dein Produkt auf Mobilgeräte bringen.

Von der Web-App zur mobilen App

Die meisten Anwendungen, die du mit condoo.Vibe entwickelst, beginnen als Webanwendungen.

Sie laufen in einem Browser und sind über eine Live-URL erreichbar, zum Beispiel:

app.yourcompany.com

Mit Mobile Export können berechtigte Projekte für die mobile Verteilung vorbereitet werden.

Vereinfacht dargestellt:

                condoo.Vibe-PROJEKT
                     ↓
                WEBANWENDUNG
                     ↓
              MOBILE EIGNUNG
                 ↙        ↘
            ANDROID        iOS
               ↓            ↓
          MOBILER BUILD  MOBILER BUILD
               ↓            ↓
          PLAY STORE     APP STORE

Du musst nicht vollständig getrennte Produkte pflegen, nur weil du mobile Nutzer erreichen möchtest.

Mobile Website und mobile App

Beide hängen zusammen, sind aber nicht dasselbe.

Für Mobilgeräte angepasste Website

Ein responsives condoo.Vibe-Projekt passt sich kleineren Bildschirmen an.

Nutzer besuchen es über ihren Browser:

Zum Beispiel:

yourcompany.com

Die Oberfläche passt sich dem Smartphone des Nutzers an.

Mobile Anwendung

Eine mobile Anwendung wird für eine mobile Plattform paketiert und kann über Kanäle wie diesen verteilt werden:

Google Play Store

oder:

Apple App Store

Nutzer können sie auf ihren Geräten installieren und wie andere mobile Anwendungen starten.

Der mobile Ablauf in condoo.Vibe

Der mobile Prozess beginnt mit der Anwendung, die du bereits erstellt hast.

Ein typischer Ablauf ist:

ENTWICKELN
  ↓
WEB-APP TESTEN
  ↓
MOBILE EIGNUNG PRÜFEN
  ↓
PROBLEME BEHEBEN
  ↓
EXPORTIEREN
  ↓
MOBILEN BUILD TESTEN
  ↓
IM STORE EINREICHEN

Jeder Schritt ist wichtig.

Spring nicht direkt von:

Entwickeln → App Store

ohne zu testen, wie sich die Anwendung in einer mobilen Umgebung verhält.

Mit einer funktionierenden Anwendung beginnen

Bevor du über den mobilen Export nachdenkst, stell sicher, dass die Kernanwendung funktioniert.

Wenn du beispielsweise eine Buchungsanwendung erstellt hast, prüfe, ob Nutzer Folgendes können:

Registrieren
   ↓
Dienstleistungen ansehen
   ↓
Termin auswählen
   ↓
Buchen
   ↓
Bestätigung erhalten
   ↓
Buchung verwalten

Wenn dieser Ablauf im Web defekt ist, behebt ein mobiler Export die zugrunde liegende Produktlogik nicht.

Bring zuerst die Kernanwendung zum Laufen.

Dann bereitest du sie für Mobilgeräte vor.

Prüfung der mobilen Eignung

Vor dem Export deiner Anwendung kann condoo.Vibe prüfen, ob das Projekt für Mobilgeräte geeignet ist.

Mobile Eignung in condoo.Vibe

Die Prüfung soll Bereiche erkennen, die vor dem Erstellen der mobilen Version noch bearbeitet werden müssen.

Der Ablauf sieht so aus:

DEINE ANWENDUNG
       ↓
MOBILE EIGNUNG PRÜFEN
       ↓
   BEREIT?
   ↙    ↘
 JA      PROBLEME GEFUNDEN
  ↓           ↓
EXPORT      PRÜFEN
              ↓
            BEHEBEN
              ↓
          ERNEUT PRÜFEN

Den Mobile Readiness Scan behandeln wir auf der nächsten Seite ausführlich.

Was sollte für Mobilgeräte geeignet sein?

Mobile Eignung bedeutet nicht nur, die Oberfläche schmaler zu machen.

Deine Anwendung muss in einer anderen Nutzungsumgebung gut funktionieren.

Wichtige Bereiche können sein:

Die genauen Anforderungen hängen von der Anwendung ab, die du entwickelst.

Für Touch-Bedienung gestalten

Desktop-Nutzer haben Maus und Tastatur.

Mobile Nutzer bedienen die Oberfläche überwiegend mit ihren Fingern.

Das bedeutet, dass eine Oberfläche wie:

Winzige Schaltfläche  Winzige Schaltfläche  Winzige Schaltfläche

technisch auf ein Smartphone passen kann, aber trotzdem eine schlechte mobile Bedienung bietet.

Schaltflächen, Menüs, Formularfelder und andere interaktive Elemente sollten sich leicht per Touch bedienen lassen.

Mobile Navigation berücksichtigen

Eine Desktop-Anwendung könnte eine große Seitenleiste verwenden:

┌─────────────┬──────────────────────┐
│ Dashboard   │                      │
│ Customers   │       INHALT         │
│ Projects    │                      │
│ Analytics   │                      │
│ Settings    │                      │
└─────────────┴──────────────────────┘

Auf Mobilgeräten muss dieselbe Navigation möglicherweise in ein Menü eingeklappt werden oder einem anderen mobilfreundlichen Muster folgen.

Zum Beispiel:

┌─────────────────────┐
│ ☰   Dashboard       │
├─────────────────────┤
│                     │
│       INHALT        │
│                     │
└─────────────────────┘

Ziel ist nicht, die Desktop-Oberfläche einfach zu verkleinern.

Ziel ist, die Anwendung auf einem kleineren Bildschirm angenehm nutzbar zu machen.

Mobile Formulare

Formulare verdienen besondere Aufmerksamkeit.

Angenommen, deine Anwendung enthält:

Auf dem Desktop können diese Felder über mehrere Spalten verteilt sein.

Auf Mobilgeräten kann ein einfacheres vertikales Layout eine bessere Bedienung ermöglichen.

Teste:

Das gesamte Formular sollte auf einem kleineren Bildschirm bedienbar bleiben.

Mobile Dashboards

Dashboards können besonders anspruchsvoll sein, weil sie häufig für breite Bildschirme gestaltet werden.

Ein Desktop-Dashboard könnte Folgendes enthalten:

Umsatz | Kunden | MRR | Abwanderung

in einer Zeile.

Auf Mobilgeräten müssen diese Karten möglicherweise untereinander stehen:

Umsatz

Kunden

MRR

Abwanderung

Auch Tabellen, Diagramme, Filter und Seitenleisten benötigen möglicherweise ein anderes Verhalten.

Teile condoo.Vibe mit, was für deine mobilen Nutzer am wichtigsten ist.

Zum Beispiel:

Das CRM-Dashboard für Mobilgeräte optimieren. Alle bestehenden Desktop-Funktionen beibehalten, aber Navigation, Kundenliste, Filter, Aktionen und Analysen auf kleineren Touchscreens angenehm bedienbar machen.

Android-Export

Bei berechtigten Tarifen kann condoo.Vibe deine Anwendung für die Android-Verteilung vorbereiten.

Der Android-Ablauf ist im Allgemeinen:

condoo.Vibe-PROJEKT
     ↓
MOBILE EIGNUNG
     ↓
ANDROID-EXPORT
     ↓
TESTEN
     ↓
GOOGLE PLAY

Den Android-Export behandeln wir auf einer eigenen Seite.

iOS-Export

condoo.Vibe unterstützt auch den Weg zur Verteilung berechtigter Anwendungen auf iOS.

Der Ablauf ist ähnlich:

condoo.Vibe-PROJEKT
     ↓
MOBILE EIGNUNG
     ↓
iOS-EXPORT
     ↓
TESTEN
     ↓
APP STORE

Es gibt einen wichtigen Unterschied:

Für die Veröffentlichung einer iOS-Anwendung benötigst du ein eigenes Apple-Developer-Konto.

condoo.Vibe ersetzt weder Apples Entwicklerregistrierung noch die Anforderungen für die Einreichung im App Store.

Export ist nicht dasselbe wie Store-Zulassung

Diese Unterscheidung ist wichtig.

condoo.Vibe kann dir helfen, die Anwendung für die mobile Verteilung vorzubereiten.

Die App-Stores entscheiden jedoch selbst, was letztlich auf ihren Plattformen zugelassen wird.

Zum Beispiel:

condoo.Vibe
 ↓
Mobiler Export
 ↓
Deine App
 ↓
Store-Einreichung
 ↓
Prüfung durch Google / Apple
 ↓
Zugelassen?

Google und Apple haben eigene:

condoo.Vibe kann nicht garantieren, dass jede eingereichte Anwendung von einem App-Store zugelassen wird.

Dein Store-Auftritt gehört dir

Bei der Veröffentlichung einer Anwendung gehört der App-Store-Auftritt zu deinem Produkt oder Unternehmen.

Zum Beispiel:

Dein Unternehmen
     ↓
Entwicklerkonto
     ↓
Deine Anwendung
     ↓
Dein Store-Eintrag

Das ist für Agenturen besonders wichtig.

Wenn du eine App für einen Kunden entwickelst, leg fest, welchem Entwicklerkonto die Anwendung gehören soll und wer sie veröffentlicht.

Mobiler Export für Agenturen

Mobile Export kann für Agenturen, die Produkte für Kunden entwickeln, besonders nützlich sein.

Zum Beispiel:

KUNDENIDEE
     ↓
MIT condoo.Vibe ENTWICKELN
     ↓
WEBANWENDUNG
     ↓
KUNDENFREIGABE
     ↓
MOBILE EIGNUNG
     ↓
ANDROID / iOS
     ↓
EIGENE APP DES KUNDEN

Möglicherweise kannst du sowohl:

als auch:

aus demselben zugrunde liegenden Produktablauf liefern.

Beispiel: Buchungsanwendung

Angenommen, du entwickelst eine Buchungsplattform für ein Fitnessstudio.

In der Webanwendung können Kunden:

Sobald die Webversion funktioniert, kannst du sie für Mobilgeräte vorbereiten.

Der Kundenablauf wird zu:

App öffnen
   ↓
Anmelden
   ↓
Kurse ansehen
   ↓
Buchen
   ↓
Anstehende Einheiten ansehen

Das Kernprodukt bleibt auf allen Plattformen vertraut.

Beispiel: Kundenportal

Eine Agentur könnte ein Kundenportal erstellen, in dem Kunden:

Anschließend lässt sich dasselbe Produkt für die mobile Verteilung vorbereiten.

Statt immer:

portal.agency.com

zu öffnen, könnten Kunden auch über eine installierte mobile Anwendung auf das Produkt zugreifen.

Beispiel: SaaS-Produkt

Angenommen, du hast eine SaaS-Anwendung mit Folgendem erstellt:

Dein Produkt könnte im Web beginnen.

Sobald du es validiert hast und verstehst, wie Kunden es nutzen, kannst du die mobile Nutzung vorbereiten.

Das ermöglicht einen praktischen Weg:

ENTWICKELN
 ↓
IM WEB STARTEN
 ↓
NUTZER GEWINNEN
 ↓
LERNEN
 ↓
VERBESSERN
 ↓
MOBILE VERSION VORBEREITEN
 ↓
MOBIL STARTEN

Du musst nicht unbedingt am ersten Tag überall starten.

Zuerst im Web zu starten kann sinnvoll sein

Nur weil Mobile Export existiert, benötigt nicht jedes Projekt sofort eine mobile App.

Bei vielen Produkten kann ein anfänglicher Webstart helfen:

Wenn das Produkt bereit ist, kannst du es anschließend auf Mobilgeräte erweitern.

Mobile Nutzer schon während der Entwicklung berücksichtigen

Wenn du bereits weißt, dass deine Anwendung später eine mobile App werden soll, teile condoo.Vibe das frühzeitig mit.

Zum Beispiel:

Diese Anwendung als responsive Webanwendung erstellen, die später nach Android und iOS exportiert werden soll. Alle zentralen Abläufe von Anfang an mobilfreundlich und gut per Touch bedienbar gestalten.

Das kann den späteren Anpassungsaufwand verringern.

Mobile App und dein Backend

Deine mobile Anwendung kann weiterhin von denselben zugrunde liegenden Anwendungsfunktionen abhängen.

Zum Beispiel:

              DATENBANK
                 ↑
                 │
WEB-APP ← ANWENDUNG → MOBILE APP

Nutzer sollten in der Regel dieselben Konto- und Anwendungsdaten in beiden Varianten erwarten können, wenn das Produkt entsprechend gestaltet ist.

Ein Kunde, der im Web ein Projekt erstellt, sollte dieses beispielsweise auch in der mobilen Version sehen können.

Authentifizierung

Teste vor dem Export die Authentifizierung auf Mobilgeräten sorgfältig.

Teste:

Eine im Desktop-Browser funktionierende Authentifizierung sollte trotzdem in der exportierten mobilen Anwendung geprüft werden.

Externe Integrationen

Wenn dein Projekt Connectors verwendet, teste diese auch in der mobilen Anwendung.

Zum Beispiel:

Nur weil ein Ablauf im Web korrekt funktioniert, solltest du seine Tests in der mobilen Version nicht überspringen.

Zahlungen auf Mobilgeräten

Zahlungen können zusätzliche Überlegungen erfordern, wenn Anwendungen über App-Stores verteilt werden.

Die Art des Produkts, was du verkaufst und wo der Kauf stattfindet, können beeinflussen, welche Plattformregeln gelten.

Geh nicht davon aus, dass eine Web-Zahlungsimplementierung immer unverändert in einer über einen Store verteilten Anwendung verwendet werden kann.

Die mobile App ersetzt deine Web-App nicht

Dein Projekt für Mobilgeräte zu exportieren bedeutet nicht, dass du die Webversion nicht mehr anbieten darfst.

Du könntest Folgendes haben:

             DEIN PRODUKT
            ↙            ↘
         WEB             MOBIL
          ↓              ↙   ↘
yourdomain.com      Android   iOS

Unterschiedliche Nutzer können die für sie passende Variante wählen.

Vor dem mobilen Export

Eine gute Checkliste lautet:

Danach führe den Mobile Readiness Scan aus.

Der Weg zum mobilen Export

Der vollständige Ablauf ist:

MIT condoo.Vibe ENTWICKELN
       ↓
FUNKTIONIERENDE WEB-APP
       ↓
MOBILE OPTIMIERUNG
       ↓
MOBILE EIGNUNG PRÜFEN
       ↓
PROBLEME BEHEBEN
       ↓
EXPORTIEREN
     ↙     ↘
ANDROID   iOS
   ↓       ↓
 TESTEN  TESTEN
   ↓       ↓
STORE-EINREICHUNG

condoo.Vibe hilft, dein Produkt von der Idee zur Anwendung zu bringen und bei berechtigten Projekten über den Browser hinaus.

Als Nächstes: Prüfung der mobilen Eignung

Bevor du einen mobilen Build erstellst, musst du wissen, ob deine Anwendung bereit ist.

Auf der nächsten Seite behandeln wir den Mobile Readiness Scan, einschließlich:

Prüfung der mobilen Eignung

Eine Eignungsprüfung ausführen, um mobile Probleme vor dem Export zu erkennen.