Page layout guidelines
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Page layout guidelines

on

  • 107 views

Page Layout Guidelines IST(ist.edu.pk) Design For Usability

Page Layout Guidelines IST(ist.edu.pk) Design For Usability

Statistics

Views

Total Views
107
Views on SlideShare
107
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Page layout guidelines Presentation Transcript

  • 1. Faisal Imran Quaid-i-Azam University Islamabad
  • 2. Page Layout characteristics  Pages 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 lengths  Page Length according to contents  Use frames if function keys need not to move
  • 3. 1. Avoid Cluttered Displays  Excess items found on page that lead to a degradation of performance when trying to find certain information
  • 4. 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
  • 5. 3. Place Important Items at Top Center  At Eligibility Criteria - MS Program page that is missing
  • 6. 4. Structure for Easy Comparison  Structure for easy comparison is missing at Fee Structure MS/PhD Programs
  • 7. 5. Establish Level of Importance  At Eligibility Criteria - MS Program page that is missing. Importance information is also shown at bottom of page
  • 8. 6. Optimize Display Density  At About IST page optimize display density guideline is missing
  • 9. 7. Align Items on a Page  All pages have aligned items
  • 10. 8. Use Fluid Layouts  Use fluid layouts guideline implementation is missing, at different screen resolution it show same behavior, not adjust it self
  • 11. 9. Avoid Scroll Stoppers  No violation found
  • 12. 10. Set Appropriate Page Lengths  Volition is found at home page, where page length is handled by scrolling
  • 13. 11. Use Moderate White Space  Violation is found at faculty page, here white space is not moderate
  • 14. 12. Choose Appropriate Line Lengths  No violation found
  • 15. 13. Use Frames when Functions Must Remain Accessible  No such case exist in website