Embed Size (px)
DESCRIPTION
A compact 1 page reference manual that covers the absolute basics of tactile button design and best practices.This is effectively a beta release, and is in an unfinished form. I plan on updating it sometime in the future.
Citation preview
TACTILE BUTTON DESIGN GUIDELINES v0
YOTOEN.COM Y09M10D23
1
convex concave hybrid
convex and concave with context
concave convex hybrid
most common multi-button configurations
density optimal density (theoretical)orientation
Things to avoid
Oval buttons:finger tip is round
Convex buttons:not finger friendly
Square buttons:overlap is common
Orientations:creates axis asymmetry
Recessed/Protrude buttons:edges cause friction
Things to try
Round buttons:finger tip is round
Concave buttons:finger friendly
Symmetrical buttons:no directional bias
Flush buttons:easier to navigate
Square vs. RoundThe problem with grids is that boundaries become harder to distinguish, which is why round buttons are best. The round shape also works best with the human finger and concave design. Square buttons are suitable for very limited space due to density.
Convex vs. ConcaveConvex buttons should be avoided as a general rule, unless space is extremely limited. Fingers have a round surface, convex contact can cause pain and slippage.
Recessed vs. Protrude vs. FlushRecessed buttons are ideal for situations where accidental button pressing is best avoided.Protrude is ideal for situations where buttons are sparse, extremely durable, and need to be quickly grokked.Flush is best overall because it is easiest to navigate, also minimizes snags and filth buildup. Reduces probability of jamming.
No context vs. ContextConcave buttons should have some context, this prevents sharp edges. Convex buttons can also benefit from context, it allows for better alignment of flush surfaces.
flush
conv
exco
ncav
e
recessed protrude
round button square button
most common configurationsbutton
LEGEND
housingswitch
variations
Orientation vs. No orientationOrientation implies poorly spaced or poorly proportioned buttons, it has no inherent value. But may be used in instances where interface dimensions favor one axis.
No feedback vs. Feedbackillumination "glow", aural "click". buttons with no feedback are highly problematic. Tangible give is essential.
Optimal configyet to be determined, probably round buttons in grid or honeycomb congif.
Optimal densityyet to be determined, probably a proportion 1/4 of button as spacing in matrix.
Optimal sensitivityyet to be determined, probably multiple of button weight x4 as pressure?
