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.

Prototyping iOS Applications with Storyboards

351 views

Published on

Storyboards have grown in functionality over recent years and have become a great tool for prototyping your next app idea. Designables are a great way to preview the visual appearance of your app without starting the simulator and auto layout can help you making prototypes for various form factors.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Prototyping iOS Applications with Storyboards

  1. 1. jensravens.com / Code Europe 2016 Prototyping with
 Storyboards Jens Ravens
  2. 2. jensravens.com / Code Europe 2016 A Reintroduction to Xcode’s most hated feature.
  3. 3. jensravens.com / Code Europe 2016 Who is this guy?
  4. 4. jensravens.com / Code Europe 2016 Who is this guy? (aka the shameless self promotion part)
  5. 5. jensravens.com / Code Europe 2016 Jens Ravens Developer at nerdgeschoss, a mobile first dev agency for sophisticated software. We help startups and medium businesses to build awesome stuff.
  6. 6. jensravens.com / Code Europe 2016 Jens Ravens 50% iOS / macOS using Swift 50% Web / API using Ruby on Rails
  7. 7. jensravens.com / Code Europe 2016 Jens Ravens Also I blog about Swift stuff on jensravens.com and organize the monthly swift.berlin meetup.
  8. 8. jensravens.com / Code Europe 2016 What I am going to talk about… the basics of Storyboards, Auto Layout and modern UI techniques custom views and subclasses with IBDesignable some tips for everyday development why Xcode is a great tool for prototyping
  9. 9. jensravens.com / Code Europe 2016 Demo: Autolayout Basics
  10. 10. jensravens.com / Code Europe 2016 Demo: App Structure
  11. 11. jensravens.com / Code Europe 2016 Demo: Easy Sliders
  12. 12. jensravens.com / Code Europe 2016 Demo: Custom Buttons
  13. 13. jensravens.com / Code Europe 2016 Demo: Smoth Splash Screen Transition
  14. 14. jensravens.com / Code Europe 2016 Why developers don’t use storyboards
  15. 15. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Storyboards are bad for teams.
  16. 16. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Storyboards are bad for teams. It’s just xml under the hood and thanks to storyboard references merge conflicts are rare
  17. 17. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Styles are hard to maintain consistently across the project.
  18. 18. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Styles are hard to maintain consistently across the project. Custom subclasses allow for globally applied styles including a visual preview.
  19. 19. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Interface builder sucks for auto layout.
  20. 20. jensravens.com / Code Europe 2016 Why developers don’t use storyboards Interface builder sucks for auto layout. It got a lot better. Give it another try.
  21. 21. jensravens.com / Code Europe 2016 Why developers don’t use storyboards I am faster in code.
  22. 22. jensravens.com / Code Europe 2016 Why developers don’t use storyboards I am faster in code. No. You’re not.
  23. 23. jensravens.com / Code Europe 2016 Questions?
  24. 24. jensravens.com / Code Europe 2016 More Ressources https://github.com/IBAnimatable/IBAnimatable https://developer.apple.com/videos/play/wwdc2015/407/
  25. 25. jensravens.com / Code Europe 2016 Thank you. Jens Ravens / @jensravens

×