What impacts the user's visual flow on geometrically non-traditional web layouts?

Question

I'm interested in making pages that don't conform to the traditional layout of a rectangular grid, for example:

1. Using a grid of hexagons or triangles.
2. Placing the title in the center of the page with the content flowing in a circle around it.

Aside from the basic concept up-->down left-->right, are there any studies about how the user would visually approach such a page? Do people tend to travel around circles clockwise or counter-clockwise? Are they more likely to travel downward first or rightward first?

Answer 1

There are two main eye patterns for web design.

The first: F-Shaped Reading Pattern

The second: ZigZag/Triangle Reading Pattern

Deisngs that fit into one of these two will work well with user. However if you are looking to get even more creative you can try out using the Golden Ratio to design a webpage, specifically placing content in the golden spiral formation.

Answer 2

For cultures with written language, reading direction is subjective. In Asia some cultures read from right to left.

Based on what we expect to experience, we generally read from the top left downward and lastly, to the right.

You can draw the readers attention using contrast (of size or color) and you can lead them using lines and alignment. A sunburst, for example, will draw the user's attention to the center of the screen.

People tend to scan webpages. Adding links, bold text, and headlines helps them find what they're searching for.

Notice how the gray, blue lines draw your eyes to the envelop.