Darf es ein bisschen mehr sein - Konzepte und Strategien zur Bewältigung groß...
Mobile Applikationen - Juni 2013 - Idee, Konzeption, Architektur
1. 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
2. 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
3. Seite 4 / 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
4. Seite 5 / 55iks 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)
BlackBerry
Firefox OS, Ubuntu Phone/Tablet, …
5. Seite 6 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
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
6. Seite 7 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
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
7. Seite 8 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Anwendungen für das Unternehmen
8. Seite 9 / 55iks 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
9. Seite 10 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
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
10. Seite 11 / 55iks 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/
11. Seite 12 / 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
12. Seite 13 / 55iks 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
13. Seite 14 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
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?
14. Seite 15 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Ideen für die eigene App (2/3)
Gibt es Content Ströme? (News, Zeitung, Prospekt, Reporting…)
Profitiert Nutzer / Kunde durch Multimedia?
Soll etwas präsentiert werden? (Produkte, Inhalte, Ideen…)
15. Seite 16 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Ideen für die eigene App (3/3)
„Vor Ort“-Erfassung von Daten (Ablesen, Bestellprozesse, Angebote)
Maßgeschneiderte Kundenunterstützung (Wo immer er ist (GPS))
16. Seite 17 / 55iks 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)
– 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
17. Seite 18 / 55iks 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
18. Seite 19 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
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…“
19. Seite 20 / 55iks 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
– …
20. Seite 21 / 55iks 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?
21. Seite 22 / 55iks 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
22. Seite 23 / 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
23. Seite 24 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Der ideale Platz auf dem Homescreen
24. Seite 25 / 55iks 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
25. Seite 26 / 55iks 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?
26. Seite 27 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Mobile Nutzung – Umgebung A
27. Seite 28 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Mobile Nutzung – Umgebung B
28. Seite 29 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Falls mit Ablenkung zu rechnen ist:
29. Seite 30 / 55iks 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
30. Seite 31 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
„Anleitung unnötig“
31. Seite 32 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Daumenregeln
32. Seite 33 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Verdecktes sichtbar machen
33. Seite 34 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Die magische 44
34. Seite 35 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Thematisch zur App passende Bedienelemente
35. Seite 36 / 55iks 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
36. Seite 37 / 55iks 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)
37. Seite 38 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Vergleich Phone & Tablet Design
38. Seite 39 / 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
39. Seite 40 / 55iks 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
– …
40. Seite 41 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Mock-Up Beispiel
41. Seite 42 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
iOS Apps…
42. Seite 43 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Android Apps…
43. Seite 44 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
…und die eigene App?
44. Seite 45 / 55iks 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
45. Seite 46 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Beispiel DHL Active Tracing: Erste Mock-Ups
46. Seite 47 / 55iks 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
47. Seite 48 / 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
48. Seite 49 / 55iks Thementag: Mobile Applikationen – Idee, Konzeption, Architektur: Erfolgreicher Start für ein App-Projekt
Zusammenspiel Frontend <-> Backend
Versionsabstimmung
Verschlüsselung (SSL)
Authentifizierung (Token)
DRM (für Inhalte)
49. Seite 50 / 55iks 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)
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)
50. Seite 51 / 55iks 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
51. Seite 52 / 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
52. Seite 53 / 55iks 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