human-interface-guidelines-extras

The readme for iOS specifies: What you should definitely not do: “Done” button on the left side. “Cancel” button on either side.** “Dismiss” button on either side. Is this documented anywhere else? A few minutes of looking around and I already found some system apps that do have a cancel button on the left. See screenshots: Clock app Health app Reminders app This makes me believe that a "Cancel" button is OK as long as it's on the left side, meaning destructive action, while the right side means "do some action with the data in this modal". Also note that all of these modals are in the context of adding data or creating an item, which might also be important when it comes to usage.

Would be nice to document some menu bar icon best practices. The bounding box is 22pt. I looked at my apps, and I usually use 18pt. Other people confirmed they use 18pt too. Some tweets from Jeff Nadeau about menu bar icon sizing and design: You get 22pt of height (and wouldn’t want to extend into the margins except for fine details) so that seems fine. In Big Sur a symbol image is ideal. The size, weight, and baseline are chosen to be consistent across menu extras, and it works w/ the “bigger menu text” AX pref One technique is to design within a 22pt bounding box so you can pick the exact vertical bearing of your icon within the whitespace. (We did this for the original Touch Bar icons. We allow “full bleed” content there, so the icons were uniformly produced in a 30pt tall canvas.) — Jeff Nadeau [tweet 1] [tweet 2]

When you have a text field for a number with a stepper on the right side, what’s the recommended distance between the text field and the stepper? Some observations: Xcode Interface Builder: 2 points https://developer.apple.com/documentation/appkit/nsstepper: 8 points "Date & Time system preferences": 4 points “Voice Over Utility”: 6 points in SwiftUI with only time component: 3 points So basically no consistency. I also noticed that the "Screen Time" system preferences put the stepper inside the text field. Not clear in what situations that's recommended. The HIG doesn't say anything about the distance, unfortunately: https://developer.apple.com/design/human-interface-guidelines/macos/selectors/steppers/ Any opinions?