Native App Design. Entwicklungsmethoden & deren Einfluss auf die Usability. Master-Seminar WS12/13 Karsten Nolte. Freitag, 8.

Transkript

1 Native App Design Entwicklungsmethoden & deren Einfluss auf die Usability Master-Seminar WS12/13 Karsten Nolte Quelle:

2 Inhalt Motivation Native App Design Entwicklungsmethoden Die richtige Methode Ausblick 2

3 Motivation 3

4 Motivation mobile Endgeräte stark im Fokus komplexer werdende Welt damit steigen Usability Bedürfnisse Vielzahl an Entwicklungsmethoden Einfluss auf Usability? Zukunft? 4

5 Native App Design 5

6 Native App Design Was bedeutet nativ? nicht Objective-C oder Java... Kultur, Konventionen & Normen Interaktionskonzepte Metaphern Definition durch native Frameworks 6

7

8

9

10 Native App Design Immersive Apps besitzen ihre eigene Kultur & Sprache andere Welt Beispiel: Spiele im Web oft Flash 10

11 Native App Design Nicht immersive Apps native Sprache z.b. sog. Productivity Apps kleinen Helfer im Alltag fordern höhere Usability nutzen Native-UI-Elemente 11

12 Native App Design Auswirkungen bekannte Konzepte (TV, Vorträge, etc.) kognitive Belastung wird reduziert Lernkurve wird gesteigert konsistentes Design es wird intuitiver... 12

13 Entwicklungsmethoden Quelle: 13

14 Entwicklungsmethoden Nativ 14

15 Entwicklungsmethoden Web 15

16 Entwicklungsmethoden Progressive Enhancement 16

17 Entwicklungsmethoden Amazon MP3 Store Konkurrenz zu itunes Store 22 Millionen Songs Gebühren entfallen vertraut Web- Technologien 17

18 Entwicklungsmethoden Hybrid 18

19 Entwicklungsmethoden Mixed Hybrid 19

20 Entwicklungsmethoden Facebook Beispiel Web Mixed Hybrid 20

21 Entwicklungsmethoden Fastbook Sencha Technologie Demo 21

22 Entwicklungsmethoden Fastbook Facts Viele HTTP GET Requests entfernt News Feed, Timeline & Profil Sandboxed - DOM möglichst klein halten DOM-Elemente reused Animation Queue - Ladevorgang für Bilder beim Scrollen niedrige Priorität Durch WebWorker unabhängig vom UI-Thread 22

23 Entwicklungsmethoden Framework 23

24 Entwicklungsmethoden Framework ios Android 24

25 Die richtige Methode 25

26 Die richtige Methode Dokumenten-zu-Anwendungen Kontinuum 26

27 Die richtige Methode Szenarien Dokument (Website) - Web & Hybrid Anwendung (App) - Nativ & Framework (cross-compiled) Mischung - Nativ oder Mixed Hybrid 27

28 Ausblick 28

29 Ausblick HTML5 kommt! Web-Technologien (HTML5) wird für Anwendungen interessant Browser wird zur Entwicklungsplattform Continous Clients Performance steigt dank hardwarebeschleunigten CSS (GPU) Herausforderung: So viele Plattformen und dabei trotzdem das Native Design nicht zu verletzen Womöglich entsteht ein einheitliches Bild einer intuitiven Oberfläche mit Konzepten die plattformübergreifend sind Desktop Web ist HTML5 die Zukunft im mobiler Sektor auf dem besten Weg 29

30 Ausblick Es wird sich ändern , ,5 59, Mobile native Apps Objective-C Java ios/iphone Android BlackBerry WebApps Trend Analyse 12/ / HTML5

31 Vielen Dank für Ihre Aufmerksamkeit Fragen?? Karsten Nolte Mail: Web: 31

32 Quellen (1) Kapitel Redesign The Web. In:Balkan, Aral: The Smashing Book 3. Smashing Magazine, 2012 Claburn, T.: Amazon Dodges Apple Tax With Mobile MP3 Store. Information Week Mobility, Januar 2013 Norm ISO Ergonomische Anforderungen für Bürotätigkeiten mit Bildschirmgeräten, Teil 11: Anforderungen an die Gebrauchstauglichkeit J. Avins, J. N.: The Making of Fastbook: An HTML5 Love Story. Sencha, Dezember 2012 L. Gardner, J. G.: Mobiles Web von Kopf bis Fuß. O Reilly, ISBN

33 Quellen (2) Mahemoff, Michael: HTML5 vs. NATIVE: The mobile App debate. HTML5 Rocks, Juni 2012 Mudge, J.: Native App vs. Mobile Web App: A Quick Comparison. Six Revisions, July 2012 Maurice, F. ; Zimmermann, B. ; Hitzig, A.: Nächste Generation: HTML5 & CSS3. web & mobile Developer, September 2012 Norman, D.A.: Living With Complexity. Mit Press, ISBN Zuckerberg, M.: Our Biggest Mistake Was Betting Too Much On HTML5. TechCrunch, September

34

35

36 36