110 likes | 222 Vues
This document outlines essential principles for designing an effective website for the Management Studies Program at Bina Nusantara University. Key focus areas include user navigation, interface efficiency, page loading speed, and consistent design elements. Recommendations emphasize the importance of clear linking, credibility through aesthetic choices, and optimizing for different viewing environments. The overarching goal is to create a user-friendly web experience that captures attention quickly and maintains engagement, ultimately ensuring that users can easily access valuable content.
E N D
Session 4:Page Design J 394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara
Screen Real Estate • Content of Interest • Navigation • Un-necessary interface elements Bina Nusantara University
Where are users coming from? Pixel and Color Depth Get a Big Screen Resolution Independent Design Use text for text Provide Separate Printable Pages Don’t use non-standard content Installation Inertia Cross Platform Design Flexibility & Logo Bina Nusantara University
Response Time • Have Predictable Response Times • Speedy downloads, speedy connections • Users like fast pages • Glimpsing the first screenfull t < .1 second = instantaneous0.1 < t < 1 sec. = uninterrupted flow through an information space1 < t < 10 seconds = limit to keep users attention on the dialog Bina Nusantara University
Linking • Trailing slashes "/" for directories display faster • Link descriptions: 2-4 words long • TITLEs to explain links • Name of site (external), subsite name, and any warnings (registration required) • Titles should be max. 60-80 characters Bina Nusantara University
Linking (2) • Coloring your links: • Nonstandard link colors?? (they contribute to 16% of task success) • Use unvisited = blue and visited = purple or red • Link expectations: links are double-ended • Arrival: situate users in new context, provide them with value • Departure: explain why they should leave • Don't open up new browser windows (it disables the back button, and they can do it themselves) Bina Nusantara University
Linking (3) • External links: value added part of your content + cheap • Incoming links: support them • Permanent URLs • Great focused content Bina Nusantara University
Linking (4) • Not require subscriptions and registration • Advertising: link directly to payoff page, not your home page (20-30% hit back button otherwise) Bina Nusantara University
Style Sheets • Single Linked Style Sheet • Make sure stylesheets work • Try disabling and reload • Use no more than two fonts (possibly a third for computer code) • Use relative font size not absolute size • Don't use "!important" in style sheets • Use the same CLASS names for the same concept for multiple stylesheets Bina Nusantara University
Separating Meaning & Presentation • No longer predict user’s configuration • Use stylesheets • Optimize for different displays+speech Bina Nusantara University
Others • Frames: Just say no. • Credibility: Good-looking clean design equals credibility. • Printing: Provide printable versions of any long documents. Conclusion: Simplicity is the goal of page design. Users focus on content. Bina Nusantara University