Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Slidecast bedienung
Next
Download to read offline and view in fullscreen.

0

Share

Download to read offline

Mobile Apps für Designer

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

Views

Total views

958

On Slideshare

0

From embeds

0

Number of embeds

23

Actions

Downloads

4

Shares

0

Comments

0

Likes

0

×