On Phones, People Look Top-Left First
When researchers tracked where people looked on mobile interfaces, gaze showed a strong bias toward the top-left of the screen. That bias came from expectation more than from visual features: color and size mattered less than expected in pulling the eye elsewhere (ACM MobileHCI, 2020). People look where they have learned important things will be.
What the research observed
The study compared real eye movements on mobile screens with what visual saliency models predicted. Those models assume the eye is drawn to bright, large, high-contrast elements. Real users did not behave that way. Their gaze went top-left first, driven by where they expected content to be. Bottom-up features such as color and size had a weaker effect (ACM MobileHCI, 2020).
The study measured the bias, not its cause in detail. The practical point is that expectation shapes where people look before the design itself has a chance to.
What it means for a business website
A common mobile approach is to center everything and rely on a bright button or a big graphic to grab attention. This research suggests that approach is weaker than it looks. A colorful button placed lower or to the right competes against a habit that sends eyes top-left first.
For a small business, the top-left of the first mobile screen is the most valuable space you have. If it holds a large logo, a menu icon, or empty padding, the first look lands on something that does not tell the visitor what you do.
What to do
- Open your home page on a phone and note what sits in the top-left of the first screen.
- Put your headline, the one line that says what you do and for whom, in that position.
- Left-align headings and body text on mobile so each section starts where the eye expects it.
- Do not rely on color or size alone to pull attention to an element placed elsewhere.
Sources
- Leiva et al.. Understanding Visual Saliency in Mobile User Interfaces. ACM MobileHCI, 2020.