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
Top Related