Mobile Apps für Designer

758 Aufrufe

Veröffentlicht am

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
758
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
23
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Mobile Apps für Designer

  1. 1. iOS-Apps für Designer "when technology gets out of the way..."
  2. 2. Matthias Wenz• Software Entwickler bei 1&1 • Java, große Web-Anwendungen, ...• Web und Mobile • "Consulting", freie Entwicklung• Berufsfreier UX-Designer, Fotograf, Mountainbiker
  3. 3. • Technisches Blabla• Code-Rätsel, ...• App Store Details, ...... gibts heute nicht.
  4. 4. Stattdessen• Was sind Apps?• Welche App-Typen gibt es?• Was ist sinnvolles App-Design?• Welche Werkzeuge gibt es?
  5. 5. Was ist denn eine App?
  6. 6. App• Mobil• Interaktiv / "Immersiv"• Smartphones• Tablets
  7. 7. Typen• Kommunikation (Mail, SMS, IM)• Web• Tools• Clients für bestehende Dienste• Publikationen/Magazine/...• Spiele
  8. 8. "Das ist doch nur Spielerei." oder?
  9. 9. Eine gute App...• erfüllt einen Zweck sehr gut.• ist intuitiv zu bedienen.• bietet herausragendes Design.• überrascht durch neue Ideen.
  10. 10. Design• Nicht nur Beiwerk - essentielle Komponente• UI → was der Benutzer sieht → das Produkt
  11. 11. "[...] the iPad becomes the app youre using.[...] Youre using the app, whatever it may be,and while youre doing so, the iPad is that app.Switch to another app and the iPad becomesthat app." (Adam C. Engst http://tidbits.com/article/11152)
  12. 12. Designfor "Unique Devices"
  13. 13. iPhone• "ultra-mobil"• häufige, kurze Benutzung• Multitouch• kleiner Screen (3,5")
  14. 14. Design für iPhone• Controls "fingergroß" machen• Bedienung von unterwegs bedenken• Textgröße• Navigationshierarchie beachten• Einstellungen merken• Texteingabe vermeiden
  15. 15. iPad• mobil (3G/WLAN)• längere Nutzung• Multitouch• großer Screen (9,7")
  16. 16. Design für iPad• "Real World"-Metaphern• Screen erlaubt komplexere Abläufe• beide Orientations berücksichtigen
  17. 17. Wie macht man eine App?
  18. 18. Die Idee oder"Das gibt es doch schon!"
  19. 19. Und?• Keine Lösung ist für jeden optimal.• Auch nicht die von Apple.• Wie viele "Todo-Apps" gibt es im App Store?
  20. 20. Die Idee greifen
  21. 21. Die Idee greifenApplication Definition Statement:• Definiert die komplette App.• 1-2 Sätze• Grundfeature, Nutzergruppe, ...
  22. 22. Werkzeuge
  23. 23. Wireframinghttp://www.uistencils.com/collections/frontpage/products/iphone-stencil-kit
  24. 24. GUI Frameworkhttp://www.teehanlax.com/blog/iphone-4-gui-psd-retina-display/ http://www.teehanlax.com/blog/ipad-gui-psd-version-2/
  25. 25. Also...• Was sind Apps?• Design in Apps• Unterschiede iPhone/iPad• Werkzeuge
  26. 26. Zu guter letzt
  27. 27. Animation• animare → "Leben einhauchen"• "Lebendiger Charakter" der Apps• Überall in iOS zu finden• Sinnvolles Maß beachten!
  28. 28. Mehr?iOS Human Interface Guidelineshttp://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/iOS Application Programming Guidehttp://developer.apple.com/library/ios/#documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/
  29. 29. Noch mehr?www.bowstreet.de→ Blog→ diese Präsentation@bowstreetde

×