HIG recommended size for buttons in a macOS application?

Question

MrLinear OP

Created Oct ’23

Replies 1

Boosts 0

Views 1.6k

Participants 2

Reading the HIG on buttons, it says:

As a general rule, a button needs a hit region of at least 44x44 pt — in visionOS, 60x60 pt — to ensure that people can select it easily, whether they use a fingertip, a pointer, their eyes, or a remote.

However, I don't see anything similar for a macOS application. I know that in older versions of the HIG, Apple did include this information.

If I create a simple application, with a SwiftUI button like:

            Button("" ) {
                print( "hello" )
            }

and measure the size in pixels, it works out to be ~22x22 pixels or ~17x17 pt.

So, I am assuming for now that is the minimum size for buttons.

Boost

Answer 1

Claude31 OP

Oct ’23

That seem effectively to be the case (22*22).

I usually consider 24*24 to be a correct minimum size when the button has an image label only (plain style).

But you can have any size you want as in example below:

            Button {
               print("Very small")
            } label: {
                Text("Custom Button")
                    .padding(.horizontal, 0)
                    .padding(.vertical, 0)
                    .font(.system(size: 4))
            }
            .buttonStyle(.plain)

See here for details on adjusting the button size: https://sarunw.com/posts/swiftui-button-size/

0