Dos and don'ts in designing a website

1. Designing a Website KhirulnizamAbdRahman & NurulIbtisamYaakub 0129034614 khirulnizam@gmail.com kerul.blogspot.com Facebook.com/khirulnizam

3. The 3Cs of Web Design

4. Top Ten Good Deeds in Web Design (Nielsen, 1999)

5. Some words on Pictures and Flash

6. Biggest mistakes in web Design

7. Cool Website Designs

8. Designing for Mobile Devices

10. The 3Cs of Web Design Simply, always remember the three Cs rules in developing Web Page: Quality Content Reader Convenience Artistic Composition

11. 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 Also keep download times down to a minimum

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

13. Top Ten Good Deeds in Web Design (Nielsen, 1999) Place your name and logo on every page and make the logo a link to the home page Provide search if the site has more than 100 pages Write straightforward and simple headlines and page titles Structure the page

14. Top Ten Good Deeds in Web Design (Nielsen, 1999) (cont) 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 topic Use high quality photos Use relevance-enhanced image reduction when preparing small photos and images

15. Top Ten Good Deeds in Web Design (Nielsen, 1999) (cont) Use link titles to provide users with a preview of each link Ensure that all important pages are accessible for users 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 website

16. Some words about pictures (or Flash) Pictures are not crawlable. Flash in the front page is frustrating (if user has no bandwidth connection) Provide options

17. Biggest Mistakes in Web Design http://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.html Believing people care about you and your website. can't figure out what your website is about in less than four seconds Contrast My website is everything

18. …cont 5. Have you ever seen another website? 6. Navigational failure 7. Site lacks Content 8. Forgetting the purpose of text 9. Too much material on one page 10. Misusing Flash

19. WebPagesThatSuck.com Samples of horrible websites

20. Information overload (crowded)

21. Bad text (hard to read)

22. 100% Flash + Bad Navigation

23. Bad typography

24. Graphical Menu

25. Graphical Menu

26. Flashy – my eyes hurt

27. Cool Websites Design

28. Provide Search Facility

29. Design for Mobile Devices Why? Small screen Not so powerful browser Limited data network

30. Design for Mobile Devices Most of popular CMS provide Mobile plug-ins Blogger.com Joomla Wordpress

31. Exercise http://www.kuis.edu.my/ http://jpmkuis.com/ http://kerul.blogspot.com/ Visit the websites above, discuss the weaknesses (based on the 10 Good Deeds in Web Design (Nielsen, 1999) ). Suggest five (5) improvements for each website.