User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am working on a GUI application. I'm doing the Mac OS X interface right now and I'm trying to make it adhere to Apple's interface guidelines. I currently have this:


Relevent Mac interface guidelines page

As you can see, I am using bevel buttons instead of push buttons so I can display icons, to make the interface easier to understand.

However, I am displaying the label on the right side of the image and I don't know if that is allowed, and I am also not sure if this is not a bad use of bevel buttons (Maybe I should just use iconless push buttons).

So do the interface guidelines forbid using bevel buttons like this?

share|improve this question
I doubt that the icons will improve the UX. It feels like there is more potential for improvement in the wording. – Kris Van Bael Aug 11 '13 at 8:58
Why add buttons for copy and paste? Users that don't know how copy&paste work, will not be able to use your app anyway. – Kris Van Bael Aug 11 '13 at 9:07
Have you considered automatically updating the right column? – Kris Van Bael Aug 11 '13 at 9:08
@KrisVanBael 1. What could I change in the wording? Suggestions are appriciated :) 2. Since pasting-copying is so essential here, I make it prominent and easy to do 3. I have considered it but had problems implementing. I will try implementing it again, however. – Jop V. Aug 11 '13 at 9:37
Separate, not seperate. Use title-style capitalization on your window title and headers. Give your 3 columns a proper header (eg. "Unformatted Text", "Options", "Result"). Show the hints "Paste a list here" and "Formatted list will appear here" inside the edit fields (cfr. as edit field hints). – Kris Van Bael Aug 11 '13 at 15:30

The documentation on bevel buttons states that they are being deprecated:

Note: Bevel buttons are not recommended for use in apps that run in OS X v10.7 and later. You should consider alternatives, such as gradient buttons and segmented controls (described in “Gradient Button” and “Segmented Control,” respectively).

That aside, I see no issue with placing the label to the right of the image as this is common for menus. The examples that Apple provides in the guidelines show labels at the bottom, but those are for square buttons whereas yours are rectangles.

Label positioning for bevel buttons

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.