: What are the best practices in defining layouts or shapes of pages in an educational web application? I am working on choosing layouts and shapes of page components for a large educational web

@Jessie844

Sounds like you're looking for some kind of guiding principle in how to organise a layout with many parts.

The best place to start is probably making sure you've got a good understanding of visual hierarchy: how arrangement and presentation controls the order things are viewed. Read up on it, find good intuitive layouts and think about what kind of hierarchy they set up and how they steer the eye, then revisit your list of 10 items and ask yourself: who should look at which, when? Which are related and how (e.g. long-term tools vs short-term information, perhaps)?

Cluster items into chunks based on who should be drawn to which chunks when, and then organise these chunks into a hierarchy.

Also keep in mind the patterns people default to when there aren't any visual cues guiding the eye. Eye-tracking studies show there are generally three: top left to bottom right, zig-zagging down the page, and an F shape. This can be useful in anticipating what people might do in areas where you want options to be evenly balanced.

But probably the most important part is: test with real people, and refine your layout based on that.

Vote Up Vote Down