Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur

iks Thementag
„Mobile Applikationen – Es lebe die Vielfalt?!“
18.06.2013
Idee, Konzeption, Architektur:
Erfolgreicher Start für ein App-Projekt
Autor:
Hans-Jörg Stangor

Seite 3 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Agenda
Einführung und Grundbegriffe
Die eigene App (Idee)
App Design (Konzeption Teil 1)
Mock-Up Phase (Konzeption Teil 2)
Aufgabenverteilung zwischen App & Backend (Architektur)
Zusammenfassung

Agenda
Zusammenfassung

„Apps sind das neue Web“
Android (Google)
iOS (Apple)
Windows Phone 8 / Surface Tablet (Microsoft)
BlackBerry
Firefox OS, Ubuntu Phone/Tablet, …

Warum die hohe Popularität?
iOS zeigte wie ein mobiles Betriebssystem aussehen muss
– Human Interface Guidelines  intuitive Benutzung
– Wunsch nach mehr und mehr Mobilität
Android erschließt Märkte die Apple nicht erreicht
– Kostengünstige Geräte, Anpassungen möglich (Individualität)
App Store Modell
– 70:30 Regel (Umsatzteilung)
– Inkasso als Dienstleistung  Preispunkt „< 1 Euro“ möglich
– Impulskäufe durch Benutzer  Preispunkt „< 1 Euro“ profitabel

Warum auch im Unternehmen?
Privater Einsatz führt zum Wunsch nach Firmeneinsatz
Mehr und mehr Produktiv-Apps
Angetrieben durch Mitarbeiter
Angetrieben durch Kunden
Firmengeräte können konfiguriert werden (iOS)
– Sinnvolle Einschränkung der Funktionen
Enterprise Portale statt App Store
– B2B statt B2C, Volumenlizenzen

Anwendungen für das Unternehmen

Stark umkämpfter Marktplatz
Einige sehr erfolgreiche Apps
> 100.000 Apps im Store
– Hoher Konkurrenzdruck
– Anwendungen gehen unter
Nutzer sehr wechselfreudig
Fokus auf Nutzen/Mehrwert
Design und Features extrem
wichtig

Anwendungs-Typen (Smartphone/Tablet)
Web App (HTML & JavaScript)
– Läuft überall (bis hin zum Desktop)
– Großes Potential durch HTML5
Native App (via App Store)
– Alle Features, hoch performant
– Spezialfall: verpackte Web App: Hybrid App

App-Features die über Web Apps hinausgehen
Offline-Modus (neben Wifi, EDGE, 3G, LTE…)
GPS Funktionalität
Beschleunigungs-/Neigungs-Sensoren
Kamera, Mikrofon
SDK: Multimedia und 2D/3D ist leicht
Operationen aus dem Standby heraus (Push-Nachrichten / Pull)
App-Kooperation / Weiterleiten der Inhalte durch „Öffnen in…“
Tipp: Aktuelle Möglichkeiten HTML5 auf http://mobilehtml5.org/

Agenda
Zusammenfassung

Stakeholder & Projektteam
Sponsor / Budgetverantwortlicher
Eigene IT
App - Entwickler (falls nicht schon
durch eigene IT abgedeckt)
Marketing
Prozessverantwortliche

Ideen für die eigene App (1/3)
Kreativen Rahmen zur Diskussion von
Ideen schaffen
Welche Webanwendungen / Backends
existieren bereits?
– Würden Nutzer durch den mobilen
Einsatz profitieren?
– Würde ein Offline-Modus zusätzlich
Nutzen bringen?

Gibt es Content Ströme? (News, Zeitung, Prospekt, Reporting…)
Profitiert Nutzer / Kunde durch Multimedia?
Soll etwas präsentiert werden? (Produkte, Inhalte, Ideen…)

„Vor Ort“-Erfassung von Daten (Ablesen, Bestellprozesse, Angebote)
Maßgeschneiderte Kundenunterstützung (Wo immer er ist (GPS))

Welche Plattform, welche Geräte?
iOS: Wenige Geräte (Developer-Vorteil, Nutzer-Nachteil)
– Stets Zugang zu aktuellster Firmware
– Über Hüllen nachdenken (Alltagstauglichkeit)
Android
– Gerätevielfalt (+)  Fragmentierung (-)
– Testen, testen, testen!
Windows Phone 8
– Ähnlich iOS, mehr Geräte-Anbieter (lizenzierbar)
BlackBerry
– Q10/Z10 werden gut angenommen
Firefox OS  eher instabil derzeit

Entscheidungskriterien für Betriebssysteme
Was setzen die Nutzer meiner Apps ein?
– Logs analysieren
– Umfragen (Fachabteilungen oder Endbenutzer (falls möglich))
Gewünschte Verteilungsmethode (Store oder frei, B2C oder B2B)
Firmen-intern: Ausgewählte Zielgeräte
Marktanteile

Store-Analyse
Viele Apps anschauen
Erwartete Standardfeatures
Bedienungs- und Designmuster
Von den Besten lernen
Fehler der Anderen identifizieren
„Je mehr Apps man gelöscht hat, desto
besser…“

Konkurrenz analysieren
Über Kategorien
Über Schlüsselworte
Über Suchmaschinen und Keywords wie:
– App
– Android
– iPhone, iOS
– Windows Phone 8
– …

ROI / RONI Bedenken
Was ist der ROI?
– Kundenorientierung / Service
– Produktivitätssteigerung
– Einsparungen / Bessere Unterstützung des Außendienstes
– Klicks (Webseite oder Werbung)
– In manchen Fällen Umsatz
Opportunitätskosten (RONI):
– Die Welt wird immer mobiler
– Ihre Webauftritte profitieren von Apps als Client
– Ist Ihre Konkurrenz bereits aktiv?

Zahlungsmodelle
Free / Werbefinanziert
Paid
Freemium
– Upgrade Free auf Paid (via In App Purchase)
Abos und Subskription  bei Content

Agenda
Zusammenfassung

Der ideale Platz auf dem Homescreen

Wie bleibe ich auf dem Homescreen?
Andere Apps mit gleicher Idee / Aufgabe verdrängen
Erwartungen unserer Zielgruppe erfüllen (Interviews)
– App macht Benutzer produktiver
– App entwickelt sich stetig weiter
– Benutzer erhält Unterstützung / Hilfe
– Hält Benutzer auf dem Laufenden (Updates, News)
– Prestige, sozialer Faktor „Herumzeigen“ (Design,
Gimmicks)
Analysieren Sie Featured Apps
– Apps, die die App Store Anbieter auszeichnen

Design-relevant: Wer sind die erhofften Nutzer?
Welche Funktionen werden erwartet?
Wann / Wo / Wie wird die App genutzt?
Online oder Offline?
Welche Störungen treten dabei auf?

Mobile Nutzung – Umgebung A

Mobile Nutzung – Umgebung B

Falls mit Ablenkung zu rechnen ist:

Das Rad nicht neu erfinden
Human Interface Guidelines (HIG)
Nutzen Sie Featured Apps als Muster
– Es gibt auch Seiten die erfolgreiche Muster sammeln
– http://mobile-patterns.com/
– http://pttrns.com/
Vorteil wenn Sie den HIG und Mustern folgen:
– Ihre Anwendung wird intuitiv bedienbar
– Eine gute App braucht keine Anleitung

„Anleitung unnötig“

Daumenregeln

Verdecktes sichtbar machen

Die magische 44

Thematisch zur App passende Bedienelemente

Design-relevant und oft vergessen…
Platz reservieren für rechtliche Aspekte & Pflichten

Tablets: Mehr als ein großes Smartphone!
iPad
Google Nexus Tabs, Samsung Galaxy Tab, Amazon Kindle,
Microsoft Surface etc.
Beim Design gelten völlig andere Regeln!
– Geänderte Daumenregeln
– Ort der Nutzung
– Nicht als Netbook oder Laptop ohne Tastatur sehen
App Klassen:
– Hochskalierte Apps (automatisch)
– HD Apps (nur Tablet)
– Universal Apps (parallel Smartphone und Tablet)

Vergleich Phone & Tablet Design

Agenda
Zusammenfassung

Mock-Up: Was ist das?
Werkzeug zur Präsentation und Diskussion vor Entwicklung
Modell der Benutzeroberfläche, zeigt Layout & Design
Abbildung des Workflows
Form kann frei gewählt werden:
– Skizze auf Papier
– „Excel“
– Spezielles Mock-Up Werkzeug
– …

Mock-Up Beispiel

iOS Apps…

Android Apps…

…und die eigene App?

Warum Zeit für Mock-Up investieren?
Fokus bei mobiler App klar auf Benutzeroberfläche (GUI)
– Auf kleiner Fläche komplexe Workflows abbilden
Mock-Up illustriert Benutzeroberfläche schon vor der Entwicklung
Unklarheiten, Fehler, Schwächen werden frühzeitig erkannt
– Je später im Entwicklungsprozess eine „Unschärfe“ gefunden
wird, desto teurer ist deren Behebung
In Folge: Zeitersparnis bei Implementierung der GUI

Beispiel DHL Active Tracing: Erste Mock-Ups

Wie viel investieren?
Denken Sie in Versionen
Starten Sie mit eher wenig Funktionen,
setzen Sie diese aber perfekt um
Bei Erfolg der Version 1.0:
– Halten Sie die Anwendung frisch
– Immer wieder neue Features nachschießen

Agenda
Zusammenfassung

Zusammenspiel Frontend <-> Backend
Versionsabstimmung
Verschlüsselung (SSL)
Authentifizierung (Token)
DRM (für Inhalte)

Backend
Eigenes Backend nicht immer notwendig
(Standalone Native App oder Third Party Backend)
Implementierung kann großen Teil des Gesamtaufwands
ausmachen (bei komplexer Geschäftslogik)
Bereits vorhandene Backends müssen angepasst werden
Technologien sind in der Regel geräteunabhängig
– REST Schnittstellen, JSON Formate
– Kommunikation via XML über WebServices (SOAP)

Backend-Einsatz
Vorteile
– Änderung Geschäftslogik oft ohne Änderungen der App möglich
– Schneller auf Fehler in der Geschäftslogik reagieren
– Unterschiedliche Apps / App-Typen können das Backend nutzen
Wichtig
– Hosting Skills notwendig
– In der Regel 24 / 7 Betrieb notwendig
– Skalierungsspezialisten (bei hoher Last / erfolgreicher App)
– App kann ggf. nur online benutzt werden

Agenda
Zusammenfassung

Zusammenfassung
Strategie finden
– Idee erarbeiten die Mehrwert bringt
– Geräte / Betriebssysteme
– App Store – Analyse
– Konkurrenz – Analyse (Stärken, Schwächen)
App definieren & passendes Design finden
– Human Interface Guidelines und Design-Muster nutzen
– Mock-Up erstellen, Architektur planen
– Version 1.0 festlegen (evtl. auch weitere Ausbaustufen)
Weitere Schritte: in den Folgevorträgen

Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (11)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur

Ähnlich wie Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur (20)

Mehr von IKS Gesellschaft für Informations- und Kommunikationssysteme mbH

Mehr von IKS Gesellschaft für Informations- und Kommunikationssysteme mbH (20)

Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur