Prototyping iPhone app with Xcode and Storyboard

Things that Apple engineers didn't tell you.

User experience is so important for building apps, that's why prototyping tools are gaining ground these days. The most efficient way I believe is to prototype without learning another sets of skills and tools, while the effort should directly contribute to the final product.

Storyboard is heading towards the right direction, but it’s far from perfect nor powerful enough. This session will be covering what Apple engineers won't tell you, with the help of 3rd party tools, libraries, and techniques, we can actually do much more.

It's for passionated engineers and designers. PLEASE REFRAIN FROM STORYBOARD HATERS.

Demo Xcode project here: https://github.com/jamztang/prototype

Presented on 28 Mar at WIDS 2014 @ HKSTP Conference Hall 04 – 05 and CKK Auditorium

Transcript

1. Prototyping iPhone app with Xcode and Storyboard James Tang iOS UX Engineer These are confidential sessions - please refrain from Storyboard haters Things that Apple engineers didn’t tell you
2. Introduction •Prepare our Design •Implementing our designs in Xcode •Custom Color •Tackle common problems and workarounds •Adding Animations •Custom Fonts •Using Custom Transitions
3. Demo
4. Sketch 2 http://www.bohemiancoding.com/sketch/
5. CocoaPods - Manage Dependancies http://cocoapods.org
6. Using HEX in Interface Builder http://wafflesoftware.net/hexpicker/
7. Canvas https://github.com/CanvasPod/ Canvas TPKeyboardAvoiding https://github.com/michaeltyson/ TPKeyboardAvoiding
8. Animated GIF https://github.com/jamztang/AnimatedGIFImageSerialization
9. Custom Transitions GC3DFlipTransitionStyleSegue ! MPFoldTransition ! FancySegue
10. Related Sessions Interface Builder Core
 WWDC 2013 Session 405
 https://developer.apple.com/videos/wwdc/2013/index.php?id=405 ! Taking Control of Auto Layout in Xcode 5
 WWDC 2013 Session 406
 https://developer.apple.com/videos/wwdc/2013/index.php?id=406 ! Adopting Storyboards in Your App
 WWDC 2012 Session 407
 https://developer.apple.com/videos/wwdc/2012/index.php?id=407
11.  WIDS20 4 1 @jamztang twitter+github+medium jamztang.com