Interactively Prototyping UI with Playground and Storybooks

CocoaHeads 2016 Kharkiv

Transcript

1. @Berk0ld #cocoaheadskharkiv CocoaHeads Kharkiv 2016 INTERACTIVELY PROTOTYPING UI WITH PLAYGROUNDS AND STORYBOOKS 1
2. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv QUESTIONS 2 What do you use for laying out your apps UI - XIB or CODE? Have you used any of these tools:
 - Avocode, Zeplin, etc.
3. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv GOAL 3 As a Developer/Designer I want to have a fast access to any UI component at any time and have an ability to easily update it’s state.
4. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv SHORT FEEDBACK LOOP 4 Agile Feedback Loops Short feedback loops are one of the key benefits to the success of agile because they enable teams to learn fast and adjust. “Unit tests are the ‘smallest’ of feedback loop.”
5. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv DATA DRIVEN DESIGN 5 Data matters, connections - do not Programming Paradigms
6. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv PIXEL PERFECT DESIGN “PERFECT, DOWN TO THE PIXEL” iOS Designers - say "Good Bye" to pixel perfect 6
7. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv SNAPSHOTS SNAPSHOT TESTING FROM FACEBOOK 7 OBJC-IO SNAPSHOT TESTING
8. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv DYNAMIC CODE INJECTION HTTPS://GITHUB.COM/DYCI/DYCI-MAIN
 BY @TT_KILEW DEMO VIDEO LINK 8 WARNING! OBJ-C DETECTED!
9. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv STORYBOOKS 9 Pros:
 - xibs, code - no matter - interaction through IBInspectable - rendering through IBDesignable Compatible with Playgrounds as a Bonus!
10. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv STORYBOOKS 10 Cons: - some boilerplate code to get Size Classes working - compile errors - break your IB
11. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv PLAYGROUNDS Pros and cons: - no xibs, only code - REPL (read-eval-print loop) - interaction (playground is an app) - “public” is required Interactive Playgrounds Apple Guide 11 Playgrounds and XIBs (expectation vs reality)
12. CocoaHeads Kharkiv 2016 @Berk0ld #cocoaheadskharkiv 12 Contacts: - Twitter: @Berk0ld - Skype: berkold - E-mail: berkold90@gmail.com Q&A THANK YOU! https://github.com/Berk0ld/interactively-prototyping-UI