myPoint

1. Check objects' alignment

Almost any crosshair is appropriate for this task. The only requirement is the gauge color:
  • Gauge color: should stand out from the background.
  • Gauge color opacity: above 30%.

2. Measuring the distance between close objects

The thickness of the crosshair lines can be changed from 1 to 20 pixels.
This is useful for checking distances up to 20 pixels - just set the gauge thickness and check the distance.

3. Layout objects

Crosshair settings:
  • Gauge thickness: 1.
  • Gauge color: Red.
  • Gauge color opacity: around 50%.
  • Outline: Off
  • Clear around center: 20 or less.
  • Offset from mouse. Apply a Horizontal or a Vertical offset depending of the alignment point of the dragged object.
    In example when aligning buttons just set:
    • Horizontal offset: 50.
    • Vertical offset: 10.
    Then position the crosshair over the bottom and right borders of the current button and drag it to the new position.

4. Using the crosshair as a permanent mouse locator

Common rules:
  • Show the crosshair "on mouse screen" only.
    This will improve the computer performance and will care about your peripheral vision.
  • Run the crosshair in Optimized performance mode.
    This will improve the computer performance and will care about your vision.
  • Use "Clear around center" if possible.
    This will care about your vision.
  • Make the crosshair translucent.
    This will care about your vision.
Benefits:
  • Optimized performance:
    • will decrease the amount of used computer memory.
    • will move the crosshair faster.
  • The fast-movement and the cleared-center will avoid the forming of a second focal point.
    This one is probably the most important because the human vision is processing only one focal point.
  • The peripheral vision will not be disturbed by moving gauges.
  • The translucent crosshair will help you to read any text covered by gauges.
    To get the best value please note:
    • increase the opacity when the crosshair disappears from your site.
    • decrease the opacity when you cannot read the text under the gauges.
Crosshair settings according Common rules:
  • On mouse screen only: On.
  • Optimize performance: On.
  • Show center spot: Off.
  • Clear around center: On.
Below are described few cases and related how-tos.

A: Tabular data

Described here crosshair is mostly appropriate when dealing with a tabular formatted data.
Crosshair settings:
  • Gauge thickness: 1.
  • Gauge color: Red - good for a white or light-gray background and a dark-gray or black text and borders.
  • Gauge color opacity: around 50%.
  • Outline: Off
  • Clear around center: set the slider to 70.
  • Offset from mouse. Apply one of following:
    • Unselect the offset when you need to click at right point.
    • Toggle on the offset when you have to read a lot:
      • Horizontal offset: 0.
      • Vertical offset: try to set the gauge just under the text line - i.e. start with a value of 7.

B: Outline the crosshair

The crosshair described in point A will not stand out on a colorful background like photos, pictures or apps with light and dark background. The outlining is the trick to keep gauges visible. It's one point thick line surrounding both gauges.
Crosshair settings:
  • Outline: On.
  • Outline color: White.
  • Outline color opacity: same as the opacity of the gauge color.

C: Multi monitors with black & white backgrounds

The mouse cursor is almost not visible on a black or a graphite background.
In a worst scenario the second monitor or application will have a white background.
If the crosshair must be visible on both backgrounds then set a Red gauge color:
  • Gauge color: Red.
  • Gauge color opacity: around 50%.
  • Outline: Off.
If the crosshair must be visible only on the black background then set a White gauge color:
  • Gauge color: White.
  • Gauge color opacity: around 10%.
  • Outline: Off.

D: Large crosshair

Sometimes it's just convenient. In example if the following is your case:
  • need to know the mouse position.
  • no pending tasks about precise mouse position.
  • a stand out crosshair is obstructing the view.
Tune up settings:
  • Gauge thickness: around 20.
  • Gauge color: Magenta.
  • Gauge color opacity: around 10%.
  • Outline: On.
  • Outline color: White.
  • Outline color opacity: around 15%.
Apple, the Apple logo, App Store, Mac, Mac OS X and macOS are trademarks of Apple Inc.