iks Thementag

„Mobile Applikationen – Es lebe die Vielfalt?!“

20.11.2012

Idee, Konzeption, Architektur:

Erfolgreicher Start für ein App-Projekt

Autor:

Hans-Jörg Stangor

Seite 3 / 53 iks 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

Seite 4 / 53 iks 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

Seite 5 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

„Apps sind das neue Web“

Android (Google)

iOS (Apple)

Windows Phone 8 / Surface Tablet (Microsoft)

Andere OS Hersteller folgen dem Trend

Seite 6 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Warum die hohe Popularität?

Aktive Entwicklergemeinde dank App Store Modell

– 70:30 Regel (Umsatzteilung)

– Inkasso als Dienstleistung Preispunkt „< 1 Euro“ möglich

– Impulskäufe durch Benutzer Preispunkt „< 1 Euro“ profitabel

iOS zeigte wie ein mobiles Betriebssystem aussehen muss

– Human Interface Guidelines intuitive Benutzung

Android erschließt Märkte die Apple nicht erreicht

– Auch kostengünstige Geräte

– Vielfältige Anpassungen möglich (Individualität)

Seite 7 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Warum auch im Unternehmen?

Mehr und mehr Produktiv-Apps

Privater Einsatz führt zum Wunsch nach Firmeneinsatz

Angetrieben durch Mitarbeiter

Angetrieben durch Kunden

Firmengeräte können konfiguriert werden (iOS)

– Sinnvolle Einschränkung der Funktionen

Seite 8 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Anwendungen für das Unternehmen

Seite 9 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 10 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Anwendungs-Typen (Smartphone/Tablet)

Web App (HTML & JavaScript)

– Läuft im „Mobile Browser“

– Läuft auch im „großen“ Browser

– Großes Potential durch HTML5

– Selten auf Homescreen installiert

App (native, via App Store geladen)

– Kann alle Features nutzen

– Hoch performant

– Spezialfall: verpackte Web App: Hybrid App

Seite 11 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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/

Seite 12 / 53 iks 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

Seite 13 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Stakeholder & Projektteam

Sponsor / Budgetverantwortlicher

Eigene IT

App-Entwickler (falls nicht schon

durch eigene IT abgedeckt)

Marketing

Prozessverantwortliche

Seite 14 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Ideen für die eigene App

Kreativen Rahmen zur Diskussion von Ideen schaffen

Welche Webanwendungen existieren bereits?

– Würden Nutzer durch den mobilen Einsatz profitieren?

– Würde ein Offline-Modus zusätzlich Nutzen bringen?

– Nutzung existierender Backends?

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))

Seite 15 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Welche Plattform, welche Geräte?

iOS: Wenige Geräte (Developer-Vorteil, Nutzer-Nachteil)

– Dasselbe OS für iPhone, iPad & iPod

– Stets Zugang zu aktuellster Firmware

– Über Hüllen nachdenken (Alltagstauglichkeit)

Android

– Gerätevielfalt (+) <-> Fragmentierung (-)

– Lücke Tablet/Phone gelöst durch Android 4.x

– Testen, testen, testen!

Windows Phone 8

– Verschiedene Geräte-Anbieter (lizenzierbar)

– Ansonsten sehr nah an der geschlossenen iOS Grundidee

Blackberry, … weiterhin „noch auf dem Weg“

Seite 16 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 17 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Store-Analyse

Andere Apps anschauen

Erwartete Standardfeatures

Bedienungs- und Designmuster

Von den Besten lernen

Fehler der Anderen identifizieren

Wie reagieren Nutzer auf erfolgreiche /

erfolglose Apps?

Seite 18 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Konkurrenz analysieren

Über Kategorien

Über Schlüsselworte

Über Suchmaschinen und Keywords wie:

– App

– Android

– iPhone, iOS

– Windows Phone 8

– …

Seite 19 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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?

Seite 20 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Zahlungsmodelle

Free / Werbefinanziert

Paid

Freemium

– Upgrade Free auf Paid (via In App Purchase)

Abos und Subskription bei Content

Seite 21 / 53 iks 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

Seite 22 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Der ideale Platz auf dem Homescreen

Seite 23 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 24 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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?

Seite 25 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Mobile Nutzung – Umgebung A

Seite 26 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Mobile Nutzung – Umgebung B

Seite 27 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Falls mit Ablenkung zu rechnen ist:

Seite 28 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 29 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

„Anleitung unnötig“

Seite 30 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Daumenregeln

Seite 31 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Verdecktes sichtbar machen

Seite 32 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Die magische 44

Seite 33 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Thematisch zur App passende Bedienelemente

Seite 34 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Design-relevant und oft vergessen…

Platz reservieren für rechtliche Aspekte & Pflichten

Seite 35 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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)

Seite 36 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Vergleich Phone & Tablet Design

Seite 37 / 53 iks 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

Seite 38 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

– …

Seite 39 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Mock-Up Beispiel

Seite 40 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

iOS Apps…

Seite 41 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Android Apps…

Seite 42 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

…und die eigene App?

Seite 43 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 44 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Beispiel DHL Active Tracing: Erste Mock-Ups

Seite 45 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 46 / 53 iks 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

Seite 47 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

Zusammenspiel Frontend <-> Backend

Seite 48 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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)

Technologien sind in der Regel geräteunabhängig

– REST Schnittstellen, JSON Formate

– Kommunikation via XML über WebServices (SOAP)

– Bedient gleichzeitig alle Endgeräte / Betriebssysteme

Seite 49 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Seite 50 / 53 iks 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

Seite 51 / 53 iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt

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

Fragen?

www.iks-gmbh.com