(From Sabrina’s 7/26/17 medium.com post, link here)
Capital One recently relaunched their flagship app as a universal app for iPhone and iPad
This visuals didn’t change much—most of the changes were restructuring the code
Most of the upfront work went into re-platforming the app with modular, adaptive layouts
Benefits to C1:
- Smaller future development efforts
- Able to ship new features more quickly
- Parity of experience across devices
- No more lag time as one device ships features before the other one does
- Better prepared for the next gen of devices
Benefits to customers:
- Customers can now use split view multitasking scenarios—like looking at their credit score while checking an account balance
They created templates for all the different view hierarchies and device screen sizes etc, helping identify break points
A few new concepts from Universal Design
1. Size classes
Apple recognizes two break points—Compact (constrained space) and Regulate (expansive space). Sabrina created a graphic:
2. Auto Layout
Defines the user interface using constraints:
In designing Universal Apps, keep in mind:
- How does the layout differ by device?
- Support landscape also?
- Special cases in multitasking?
Sabrina also added some nice links to various Apple docs about the topic
About Sabrina (from LinkedIn): Digital User Interface Design User Experience Design Front End Development