Notes on Sabrina Ngai’s Designing a Universal App

(From Sabrina’s 7/26/17 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:

Screen Shot 2017-07-26 at 8.12.00 PM

2. Auto Layout

Defines the user interface using constraints:

Screen Shot 2017-07-26 at 8.16.23 PM

Screen Shot 2017-07-26 at 8.16.58 PM.png

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



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s