Bluescape: Table of Contents

Hit-zones

Basic web applications won’t usually need hitzone definitions that are separate from the UI controls themselves. A click is either on or off the visual pixels–the element and its hitzone are one and the same. Touch screens are often the first context where this relationship shows its weakness. Apple’s guidelines suggest a minimum hitzone of 40 x 40 for example, yet examples abound of elements that are visually smaller along at least one axis. We also wanted to add zones to allow easily rotating the selection–a very common pattern for tools within this space.

Detail view of resize and rotate hit-zone specification
Connector UI is removed when the edge is too small.
The selection rectangle centers on very small objects so it's both easier to see and easier to use.