Design with SwiftUI

SwiftUI as a design Tool

  • Don’t spend time recreating coming elements
  • Somethings are really good at making things easy.  They lower the floor.
  • Other tools are focused on being powerful, they raise the ceiling.
  • SwiftUI tries to strike the balance between the two.
  • Being declarative makes it easy to understand what you are trying to do.
  • You can also get to simple system controls like color pickers and framers
  • You also have access to the unique capabilities of apple hardware.  And access all the frameworks

Getting the details right

  • Modern interfaces are dynamic, with complex flows and interactive elements.  These are all surfaced in SwiftUI.
  • By testing on the device, you can see directly how things work and discover usability issues, like the zoom speed of the default map on the Apple Watch
  • Check out if Ticker Animation is available for my own apps.

Designing for interactions

  • Animations give you a sense of how your design feels, not just how it looks.
  • By building a quick prototype in SwiftUI – could test interactions with a real device

Testing your ideas

  • You need to confirm how things work, design can get carried away for ideal scenarios, but you need to test with “real” scenarios and test where they break
  • You can do this in SwiftUI by trying lots of different values, on a real device.
  • Create one of design tools to test multiple designs at one time, these are easy to build in swiftUI 

Presenting your work

  • Great way to share with others, you take SwiftUI to share designs with on device demos.  
  • It allows for the design to explain themselves, cutting down meetings
  • No slide deck can compare to one spectacular demo