Designing a website
Download as PPTX, PDF2 likes679 views
This document discusses guidelines for designing effective websites. It begins by outlining principles for web page construction, emphasizing quality content, reader convenience, and artistic composition. It then lists Nielsen's "Top Ten Good Deeds in Web Design," such as using a logo link to the home page, providing search, and structuring content clearly. The document also cautions against overusing images and Flash, and lists common mistakes like poor navigation. It concludes by noting the importance of designing websites optimized for mobile devices and their constraints.
Designing a website
- 1. Designing a WebsiteKhirulnizamAbdRahman & NurulIbtisamYaakub0129034614khirulnizam@gmail.comkerul.blogspot.comFacebook.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
- 8. Designing for Mobile Devices
- 9. ExercisesWeb Page ConstructionA good Web page’s author must try to anticipate the needs and interests of the Web page’s readersA 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
- 10. The 3Cs of Web DesignSimply, always remember the three Cs rules in developing Web Page:Quality ContentReader ConvenienceArtistic Composition
- 11. The 3Cs of Web Design (cont)Quality ContentMake sure you have a quality content to be offeredCheck your facts, cite resources if appropriate and produce a credible structured documentReader ConvenienceThink and consider your readerMake it easy to find things, to move around your reader and to view the web as you intend it to be viewedAlso keep download times down to a minimum
- 12. The 3Cs of Web Design (cont)Artistic CompositionHave an artistic designThe look and feel of your web page will only be appreciated if the first two concerns are adequately metBeginner 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 pageProvide search if the site has more than 100 pagesWrite 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 topicUse 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 Designhttp://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.htmlBelieving people care about you and your website.can't figure out what your website is about in less than four secondsContrastMy website is everything
- 18. …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
- 19. WebPagesThatSuck.comSamples of horrible websites
- 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
- 29. Design for Mobile DevicesWhy?Small screenNot so powerful browserLimited data network
- 30. Design for Mobile DevicesMost of popular CMS provide Mobile plug-insBlogger.comJoomlaWordpress
- 31. Exercisehttp://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.