User Interfaces

Enable quick and intuitive navigation in User Interfaces with the help of eye tracking.


Basics

Let the User Know That the UI is Interactable

Present visual feedback to inform the user that they can interact with an element.

Spacing Between Elements

Having spacing between elements to avoid accidental activation and flickering.

Consider Visual Weight

Make it easier to focus on elements by placing the visual weight in the center.

Animate the Visual Feedback

Give the user time to perceive the visual feedback and allow them to look around in the UI.

Group UI Elements and Labels

Create interactable regions so that UI elements and their labels act as one.

Advanced

Locking vs Non-locking

Two different UI paradigms where one allows users to lock on to UI elements and the other to only interact with UI elements when focused.

Slider Affordances

How slider designs can work together with eye tracking.