atineoSE/FilmMakers

An app prototype to present delightful interactions in iOS apps

FilmMakers: an app prototype to present delightful interactions in iOS apps

This is the companion code to the article Delight in iOS apps: crafting user experiences that promote discovery.

There are three main stages to this example, to be accessed through the designated tags:

1. Basic prototype (tag "basic_prototype")

   

2. Tap to expand (tag "animate_with_tap")

   

3. Pan/swipe to expand (tag "animate_with_pan")

   

These steps represent an progressive effort to add a more dynamic UI that responds to users intention to discover new content in a playful and responsive manner.

References

I owe specially to the following authors and resources:

• TMDB for the image assets (employed here under "fair use")

• Matteo Manferdini and his Photos prototype app, from which I took the profile screen design

• WWDC'17 video on "Advanced Animations with UIKit"

• Companion code from the WWDC'17 session by Ka Ryu

• WWDC'18 video on "Designing Fluid Interfaces"

• Ray Wenderlich's tutorial on Custom View Controller Presentation Transitions