Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Block2 Session3 Presentation


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Block2 Session3 Presentation

  1. 1. Web Sites Assets Design Usability My Fabulous Record Covers Dreamweaver Demonstration
  2. 8. Web Sites <ul><li>Collection of related web pages, </li></ul><ul><li>Maintained by specialists </li></ul><ul><li>Each web page is a separate HTML file </li></ul><ul><li>With frames, a web page may comprise many HTML files </li></ul><ul><li>Images and other multi-media components are separate files also, eg. GIF, JPEG, Flash etc </li></ul>
  3. 9. Web Sites Assets <ul><li>Html pages (Content and Structure) </li></ul><ul><li>Photographs & Graphics (GIF & JPG) </li></ul><ul><li>Style Sheets (Structure and Design) </li></ul><ul><li>Flash </li></ul><ul><li>Audio (MP3, RA, Flash, WAV) </li></ul><ul><li>Video (QuickTime, MPEG, AVI, Flash) </li></ul>
  4. 10. Web Sites Assets <ul><li>Must be self contained </li></ul><ul><li>Optimised </li></ul><ul><li>Browser friendly </li></ul>
  5. 11. Web design – the Good <ul><li>Site purpose is clear </li></ul><ul><li>Help users find what they need </li></ul><ul><li>Navigation easy </li></ul><ul><li>Visual design enhances not distracts </li></ul><ul><li>Less is more! </li></ul><ul><li>Graphics are meaningful </li></ul><ul><li>Alt text and titles </li></ul>
  6. 12. Web design – the Bad <ul><li>Animations </li></ul><ul><li>Orphan Pages </li></ul><ul><li>Long Scrolling Pages </li></ul><ul><li>Lack of Navigation Support </li></ul><ul><li>Outdated Information </li></ul><ul><li>Overly Long Download Times </li></ul><ul><li>Links that don’t work </li></ul>
  7. 13. What do people do at websites? <ul><li>They Scan - Users rarely read every word </li></ul><ul><li>Links </li></ul><ul><li>Key Words </li></ul><ul><li>Phrases </li></ul><ul><li>Reading from computer screens is about 25% slower than reading from paper </li></ul><ul><li>People don’t like reading from screens </li></ul><ul><li>Write 50% less text </li></ul>
  8. 14. Implications <ul><li>Structure articles with headlines </li></ul><ul><li>Use meaningful rather than &quot;cute&quot; headings </li></ul><ul><li>Use highlighting and emphasis to make important words catch the user's eye. </li></ul><ul><li>Be succinct </li></ul><ul><li>Write for scannability </li></ul><ul><li>Use hypertext (links to other pages) </li></ul><ul><li>Write 50% less text </li></ul>
  9. 15. Dreamweaver <ul><li>Site Map </li></ul><ul><li>Common Tools </li></ul><ul><li>Property Inspector </li></ul><ul><li>File Manager </li></ul><ul><li>Views </li></ul><ul><li>A Simple Page </li></ul>
  10. 16. Next Live Tutorials Times <ul><li>Wednesday 4 th June, 6.30-7.30pm AES </li></ul>
  11. 17. Thank you for playing