1 / 12

Web Site Design

Web Site Design. Howell Istance. Web Site Design. Essentially the same process as when designing any interactive application, be it a... web-site stand-alone application multimedia presentation user-centered design process and focuses on users tasks environment.

libitha
Download Presentation

Web Site Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Site Design Howell Istance

  2. Web Site Design • Essentially the same process as when designing any interactive application, be it a... • web-site • stand-alone application • multimedia presentation • user-centered design process and focuses on • users • tasks • environment SOFT3057 - Interactive Systems

  3. Principles, processes and guidelines • Principles: general rules in the form of do’s and don’ts • Process: guidance on a sequence of activities,products resulting from these and methods for conducting these • Guidelines: collection of specific pieces of design guidance on topics, such as use of graphics Good design is not a mechanistic process, the designer needs to apply this general guidance to a specific context and add individual creative flair SOFT3057 - Interactive Systems

  4. Rule 1: Decide on criteria for success • Make sure the reasons for building a web-site are clear • Get organisational agreement about what success means SOFT3057 - Interactive Systems

  5. Rule 2: Decide who you want to impress • You can't please everybody • Defining the audience makes design decisions clearer SOFT3057 - Interactive Systems

  6. Rule 3: Let the information drive the design • Design the site structure around the information • Content definition • Identify natural structure of the information • Identify user tasks • Define a navigation scheme SOFT3057 - Interactive Systems

  7. Rule 3: Let the information drive the design • Prioritise Information • Establish User Interest • Graphics should support the information design SOFT3057 - Interactive Systems

  8. Exercise • Look at the Adobe site (www.adobe.com) • Now look some of the following pages from the site. For each page... • try to work out where you are and where you could go next. • identify where you are in a major section. • work out the parent page that has a link to this one. • page 1page 2page 3 SOFT3057 - Interactive Systems

  9. Rule 4: Make it easy to see what's there and how to get it • Make the site structure explicit • Provide an overview page • Tell the users where they are • Provide a 'home' and give constant access to it • Identify and give access to landmarks • Make link names explicit • Make access as direct as possible SOFT3057 - Interactive Systems

  10. Rule 5: Don't expect WWW pages to be just like paper publications • Exploit the medium • Add value • Branding is more than a logo • Reading from the screen is hard SOFT3057 - Interactive Systems

  11. Rule 6: Use graphics with care • Hire a professional graphics designer • Make sure the designer understands the medium • Carry graphic style throughout the whole medium • Graphics can still be boring • Less can be more • Match graphics to usage scenarios, not just link speed • If in doubt, leave graphics out • Test graphics on different browsers SOFT3057 - Interactive Systems

  12. Rule 7: Keep users interested • Always have something new • Provide genuine content • Integrate the site with other media • Get users involved SOFT3057 - Interactive Systems

More Related