Ruminations from the Long Doctor


  • Home
  • Validanguage
  • Book Reviews
  • Presentations
  • My GitHub
  • Contact

Monthly Archives: July 2017

Don’t Let Your Buttons Overlap

Posted on July 13, 2017 by admin

While testing some changes I made to a site for work, I caught myself making a somewhat common UI/UX mistake.

Here were the original screens. They show Step 1 and Step 2 of a “Record” functionality:

Step 1

VoiceVibes 2

 

Step 2

VoiceVibes 3

 

Can you spot the problem?

The issue, which is admittedly minor, comes when users double-click the Stop button in Step 1. The first click advances the screen to Step 2 and the second click triggers the Cancel button. Most users know to only use a single click on buttons, but the capacity for users to misuse your UI can never be discounted.

One solution to the problem is to ensure there is an “Are you sure?” confirmation on the Cancel button. I already had that in place but didn’t consider it sufficient.

Another solution is to use Javascript to detect and suppress the second “half” of the double-click. But… ain’t nobody got time for that.

In the end, I tweaked the layout on the Step 1 design to push the button further down so it no longer overlaps the other button in terms of screen position:

VoiceVibes

Posted in Uncategorized |

Sign Up Form

Enter your email to sign up for my mailing list.



Categories

  • Code
  • Home Life
  • Uncategorized

Archives

  • July 2017 (1)
  • May 2016 (1)
  • April 2016 (1)
  • November 2015 (1)
  • July 2015 (1)
  • December 2014 (1)
  • June 2014 (1)
  • February 2014 (4)
  • January 2014 (1)
  • May 2011 (1)
  • April 2011 (1)
  • December 2009 (1)
  • October 2009 (1)
  • June 2008 (1)
  • April 2008 (2)
  • March 2008 (3)
  • February 2008 (2)

RSS Ruminations From the Long Doctor

  • Don’t Let Your Buttons Overlap
  • Campaign Error Logging with New Relic Insights
CyberChimps

CyberChimps

© Ruminations from the Long Doctor