Tell Me What to Tap! SwiftUI Button UX Best Practices
October 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 Views Book Sample📙

The free book sample, SwiftUI Views, is your comprehensive visual reference guide that covers even more variations that can be applied to buttons. Use the book to get creative and really mix things up!

(Did you know you can subscribe to Big Mountain Climber's Camp to get these tips sent directly to your inbox? Sign up as an Explorer!)
No comments yet
Write a comment...

Explorer

Free
Gain exclusive access to Big Mountain Studio 
  • News
  • Tutorials
  • Updates, etc.
When signed up, you get posts delivered right to your Inbox!
Includes access to 1 product:
Get access