Tell Me What to Tap! SwiftUI Button UX Best Practices

Mark Moeykens
Oct 21, 2019
This is a continuation of 5 SwiftUI Button Designs Every SwiftUI Developer Should Know



In the last post, you learned different ways to style the Button view in SwiftUI.

In this post, you are going to get some ideas on how to effectively use different button styles to help communicate to your user what you want them to do or what you expect them to do.

Combining different button styles is an effective way to achieve this. Take a look at this example of a possible in-app purchase:

You could style the buttons exactly the same but by using a different style for each, you can give emphasis to the one you want to direct the user's attention to. In this case, the Yes button more quickly gets the user's attention.

Another example is using two different button styles because one button will more commonly get used and so the other button is de-emphasized.

In this app, it is uncommon for a new user to be using the app to sign up. Maybe it is a banking app where it is more common to create an account online and then only after signing up do they tell you about their app.


Now it's your turn! 

Your challenge is to create a screen with two button styles that clearly shows us which one you want the user to tap. Post it on Twitter. Tag me @BigMtnStudio so I can retweet it and show it off to everyone. 😃


Free SwiftUI Picture Book



Screenshots for every code example? Yes! Get your FREE SwiftUI picture book here.