1

Usage context: I have a voucher, which has conditions of use. I can see conditions of use in a collapsible panel.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Should I use the right proposition or the left proposition?

Is there any good reason to chose one or the other?

2
  • Collapse is a pattern alright, but in my view is somewhat overused. If you chart the use case and conduct cognitive analysis, you may find that progressive disclosure or modal are better solutions. In the case of the former there is only 'show conditions control', which once clicked is replaced with the content (exactly like the comment I'm typing now, which has no 'cancel' option). You can argue that conditions are distinct - the user doesn't need them along with the rest of the page, so a modal might be a better choice here.
    – Izhaki
    Apr 6, 2016 at 23:12
  • Yes but I can have multiple vouchers with multiple conditions and if conditions take too much space I cannot compare vouchers between them anymore, that's why user can show/hide them at will. Modal dialog would break the flow, this is not what I want
    – Leths
    Apr 7, 2016 at 8:10

1 Answer 1

4

Buttons should say what they do, or actionable links in your case.

"Conditions" doesn't mean squat. "Show Conditions" tells me exactly what action I'm about to take.

Would most users figure out "Conditions"? Probably. Would more users figure out "Show/Hide Conditions"? Yes.

Should you hide important legal information? No. But that's a different question.

2
  • I wanted an answer more specific, maybe backed up with data? While I agree with your opinion and explanation about the clear labels, the question is more about: Is the triangle icon + the hyperlink + the label (without the 'show') explicit enough for Most + More people to understand ? Other thing: maybe 'show conditions' label is more explicit but 'conditions' label is more concise. So I still don't know if one solution is way better than the other ...
    – Leths
    Apr 7, 2016 at 8:15
  • 1
    We can't do your user research for you. Is the triangle + others explicit enough? We don't know. Your site might be full of triangles, might be blue heavy, your target users might have a triangle-phobia. All of that would certainly affect the answer. In general will most people understand either pattern? Yes. Will explicitly saying show/hide improve this? Yes. Will "conditions" work better? We have no idea. You need to put it in front of target users and test it. Apr 7, 2016 at 17:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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