page layout guidelines

Page Layout GuidelinesIST(ist.edu.pk)

Design For Usability

Faisal ImranQuaid-i-Azam University

Islamabad

Page Layout characteristicsPages should be structured for ease of

comprehension Place important items consistently All items should be appropriately aligned on

the pages. Ensure that page layout does not falsely

convey the top or bottom of the page Appropriate line lengthsPage Length according to contentsUse frames if function keys need not to move

1. Avoid Cluttered Displays

Excess items found on page that lead to a degradation of performance when trying to find certain information

2. Place Important Items Consistently

ICUBE-1 Updates are not clickable and found at top while some clickable important links (events and news) found at bottom of page

3. Place Important Items at Top Center

At Eligibility Criteria - MS Program page that is missing

4. Structure for Easy ComparisonStructure for easy comparison is missing at

Fee Structure MS/PhD Programs

5. Establish Level of ImportanceAt Eligibility Criteria - MS Program page

that is missing. Importance information is also shown at bottom of page

6. Optimize Display Density

At About IST page optimize display density guideline is missing

7. Align Items on a PageAll pages have aligned items

8. Use Fluid LayoutsUse fluid layouts guideline implementation is

missing, at different screen resolution it show same behavior, not adjust it self

9. Avoid Scroll StoppersNo violation found

10. Set Appropriate Page LengthsVolition is found at home page, where page

length is handled by scrolling

11. Use Moderate White SpaceViolation is found at faculty page, here white

space is not moderate

12. Choose Appropriate Line LengthsNo violation found

13. Use Frames when Functions Must Remain AccessibleNo such case exist in website