Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I am working on choosing layouts and shapes of page components for a large educational web application containing more than 100 variety of web pages. I am currently trying with flat layouts and trying to keep minimum components so that each page look simple and easy to use(example homepage). The bigger blocks displaying Theory Subjects and the smaller ones as labs (blocks count might vary). I have designed similar sketches for the entire application. But i want to make sure where to leave space which can be used later effectively to display advanced features. Basic Features are as follows.

  1. Question Answer Section
  2. File access/upload section
  3. Blog Post Section
  4. Time Table Section
  5. Note making Section
  6. Login/Register Section
  7. Home Page
  8. Events Section
  9. Exams and Results
  10. Departmental Notice section and many more pages

Also the above page types are used by students, faculty, department, management belonging to an institute on regular basis.

Please suggest best practices for defining layouts and shape of components for each category. Thanks in Advance.

share|improve this question
3  
This question is exceptionally broad. It's asking for opinion and essentially brainstorming for page layouts. In addition, this seems to be far more related to UX than design. –  Scott Nov 3 '13 at 17:44
add comment

closed as off-topic by e-sushi, Dominic, Scott, Bakabaka, Gramps Nov 4 '13 at 14:35

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "This looks like brainstorming/idea gathering for a specific project or a request for free work. This site is suited for answers to general design problems, not ideas or work that is specific to one project. See this meta post for more info." – e-sushi, Dominic, Scott, Bakabaka, Gramps
If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer

up vote 0 down vote accepted

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.

share|improve this answer
    
Thanks @user568458 , i need space for future use like placing notifications for a related feature. –  Shiv Nov 4 '13 at 16:20
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.