Clarity in Design

Posted on January 19, 2014 in Web Design

Recently I was at a family members house where they had recently remodeled their bathroom. It looks beautiful with new countertops, shower, and water-saving toilet.

On top of this toilet is a dual-flush set of buttons – one large and one small – clustered together like pictured below. You can push one, the other, or both simultaneously.

dual flush buttons
Dual flush buttons


I completely understand that one saves more water than the other, but I’m missing some kind of indication of what I should do. I have several questions for this flushing system:

Without any kind of clarifying indication, I am unsure what will happen when I press these buttons, either individually or together. Perhaps a diagram is necessary for proper use?

dual flush buttons with diagram
Dual flush buttons with diagram


Or even better, a simple full/half flush icon would suffice.


dual flush buttons with icons
Dual flush buttons with icons

(And while we’re at it, can we standardize the sides? Maybe left for half flush, right for full flush.. always?)

When designing our interfaces for users unfamiliar with the functions of our designs, we must ensure that the sequence of events is clear enough for the user to take the correct action.

Leave a comment

Your email address will not be published. Required fields are marked *