Download
web site design n.
Skip this Video
Loading SlideShow in 5 Seconds..
Web Site Design PowerPoint Presentation
Download Presentation
Web Site Design

Web Site Design

455 Vues Download Presentation
Télécharger la présentation

Web Site Design

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