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.

Designing a website


Published on

learn how to design a web site in easy steps

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

Designing a website

  1. 1. Global Information InternshipProgram from
  2. 2. Content Web Page Construction The 3Cs of Web Design Top Ten Good Deeds in Web Design (Nielsen, 1999) Some words on Pictures and Flash Biggest mistakes in web Design Cool Website Designs Designing for Mobile Devices Exercises
  3. 3. Web Page ConstructionA good Web page’s author must try to anticipate the needs and interests of the Web page’s readersA good Web page is not only based on its looks and design. In fact, a good Web page is the one that can offer information + creative design. Might as well, it can welcome the viewers back to the page
  4. 4. The 3Cs of Web DesignSimply, always remember the three Cs rules in developing Web Page: Quality Content Reader Convenience Artistic Composition
  5. 5. The 3Cs of Web Design (cont) Quality Content  Make sure you have a quality content to be offered  Check your facts, cite resources if appropriate and produce a credible structured document Reader Convenience  Think and consider your reader  Make it easy to find things, to move around your reader and to view the web as you intend it to be viewed 
  6. 6. The 3Cs of Web Design (cont) Artistic Composition  Have an artistic design  The look and feel of your web page will only be appreciated if the first two concerns are adequately met Beginner web page authors are often enamored with the fun of digital graphics and images. It’s fine to have fun, but make sure that the designs are not getting more attention than the content
  7. 7. Top Ten Good Deeds in WebDesign (Nielsen, 1999)1. Place your name and logo on every page and make the logo a link to the home page2. Provide search if the site has more than 100 pages3. Write straightforward and simple headlines and page titles4. Structure the page
  8. 8. Top Ten Good Deeds in Web Desig(Nielsen, 1999) (cont)5. Use hypertext to structure the content space into a starting page that provides an overview and several secondary pages that each focus on a specific topic6. Use high quality photos7. Use relevance-enhanced image reduction when preparing small photos and images
  9. 9. Top Ten Good Deeds in Web Desig(Nielsen, 1999) (cont)8. Use link titles to provide users with a preview of each link9. Ensure that all important pages are accessible for users10. Do the same as most big websites else: if most big websites do something in a certain way, then follow along since user will expect things to work the same on your
  10. 10. Some words about pictures (orFlash) Pictures are not crawlable. Flash in the front page is frustrating (if user has no bandwidth connection) Provide options
  11. 11. Biggest Mistakes in WebDesign people care about you and yourwebsite.2.cant figure out what your website is aboutin less than four seconds3.Contrast4.My website is everything
  12. 12. …cont5. Have you ever seen another website?6. Navigational failure7. Site lacks Content8. Forgetting the purpose of text9. Too much material on one page10. Misusing Flash
  13. 13. Samples of horrible websites
  14. 14. Information overload(crowded)
  15. 15. Bad text (hard to read)
  16. 16. 100% Flash + Bad Navigation
  17. 17. Bad typography
  18. 18. Graphical Menu
  19. 19. Graphical Menu
  20. 20. Flashy – my eyes hurt
  21. 21. Cool Websites Design
  22. 22. Provide Search Facility
  23. 23. Design for Mobile Devices  Why?  Small screen  Not so powerful browser  Limited data network
  24. 24. Design for Mobile Devices  Most of popular CMS provide Mobile plug- ins   Joomla  Wordpress