6

Do you have any best practice on how to handle buttons with long label?

Few options:

  1. truncate the label
  2. button in 2 lines and keep the width but might be ugly
  3. button in 2 lines, keep the width and have the space height for all button
  4. ?

enter image description here

13

Buttons shouldn't be that long

A button should be a succinct action statement:
Download
Upload
View results
Add to cart

When the button verges on a sentence, there's likely room to optimize.
How scannable will these actions be for the user?
Is there a better way to organize the information?
Do you need to create subsections?

Let's work with your example (though I don't totally understand the context).

mockup

download bmml source – Wireframes created with Balsamiq Mockups

In this format, you could just as easily allow multiple selection to download all desired formats or provide a Send by email option.

| improve this answer | |
  • If you need to EXPLAIN the button, use a rollover on it, or an info icon and link by it. – PhillipW May 27 '17 at 7:29
1

Are these user-defined titles or do you define these? If the former, you could put a length limit on the names a user may give. In general, people can't navigate deserts of text like that quickly.

If you provide them, shorten the titles to the important parts, and structure them by combining similar options and making their variants hierarchical objects indented under their radio button:

CSV turned into one radio choice with a popup for the field choices

Try to reduce your number of UI elements and length of text as much as possible, it encourages scanning.

| improve this answer | |
1

Not so much a design challenge as an information architecture and/or copy writing question.

I look at your original image and see at least a 2-node taxonomy flattened into one level. That's your prerogative, but it's also spawned this problem.

I would consider decoupling the file format and the associated options as the independent parameters that they are. Uliwitness has done a nice practical illustration of this. The CSV options should be a subset.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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