User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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

Im designing a mobile optimised site and I have a space issue. I need to have a bar graph showing availability by month. If I have this laid out horizontally as in my image I think its clear on a 320px wide screen.

enter image description here

However I also want the months (or their corresponding bars) to be links. In the image the links would be much smaller than Apple’s recommended 44px. I may have to make the graph vertical, but im trying to find a way to avoid having to do this.

So, is there a smart solution when the necessary space for a finger tap is the limiting factor but the visual detail is fine?

share|improve this question
up vote 4 down vote accepted

You can hit something smaller than 44px, but you need feedback. Perhaps let the user drag over the bars to select the one they want, showing the selection in realtime along with a control elsewhere showing more details ("May: $500"). The more details pane could contain a link to tap on for more information.

This way they get more of a chance to precisely select the bar, since they can preview the selection.

Alternately, let them pinch-zoom?

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.