Skip to main content

Planning and Designing the Website

Planning and Designing the Website (download here)

          Designing a website - Presentation Transcript

          1. Content
          • Web Page Construction
          • The 3Cs of Web Design
          • Top Ten Good Deeds in Web Design (Nielsen, 1999)
          • Static and Dynamic Web Site
          • Static Web Site
          • Dynamic Web Site
          • Static or Dynamic
          1. 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
          2. The 3Cs of Web Design
            Simply, always remember the three Cs rules in developing Web Page:
            Quality Content
            Reader Convenience
            Artistic Composition
          3. 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
          4. 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
          5. 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
          6. 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
          7. 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
          8. 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
          9. …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
          10. 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
          11. WebPagesThatSuck.com
            Samples of horrible websites
          12. Information overload (crowded)
          13. Bad text (hard to read)
          14. 100% Flash + Bad Navigation
          15. Bad typography
          16. Graphical Menu
          17. Graphical Menu
          18. Flashy – my eyes hurt
          19. Cool Websites Design
          20. Provide Search Facility
          21. Design for Mobile Devices
            Why?
            Small screen
            Not so powerful browser
            Limited data network
          22. Design for Mobile Devices
            Most of popular CMS provide Mobile plug-ins
            Blogger.com
            Joomla
            Wordpress
          23. 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.

          Comments

          Popular posts from this blog

          Several English proverbs and the Malay pair

          Or you could download here for the Malay proverbs app – https://play.google.com/store/apps/details?id=net.kerul.peribahasa English proverbs and the Malay pair Corpus Reference: Amir Muslim, 2009. Peribahasa dan ungkapan Inggeris-Melayu. DBP, Kuala Lumpur http://books.google.com.my/books/about/Peribahasa_dan_ungkapan_Inggeris_Melayu.html?id=bgwwQwAACAAJ CTRL+F to search Proverbs in English Definition in English Similar Malay Proverbs Definition in Malay 1 Where there is a country, there are people. A country must have people. Ada air adalah ikan. Ada negeri adalah rakyatnya. 2 Dry bread at home is better than roast meat home's the best hujan emas di negeri orang,hujan batu di negeri sendiri Betapa baik pun tempat orang, baik lagi tempat sendiri. 3 There's no accounting for tastes We can't assume that every people have a same feel Kepala sama hitam hati lain-lain. Dalam kehidupan ini, setiap insan berbeza cara, kesukaan, perangai, tabia...

          Contact Us at blog.kerul.net

          Powered by EMF HTML Contact Form

          WebDev

          http://blog.kerul.net PHP DEVELOPMENT TOOLS Download the XAMPP latest version from www.apachefriends.org . This installation file contains the Apache web server, PHP 5 and 4 interpreter, and the MySQL 5 Community edition. - download latest version MozillaFireFox (OpenSource web browser firefox) – download latest version Google Chrome – fastest web browser on earcth – fast download chrome here TEACHING PLAN Download the teaching plan here for Web/Internet Programming ( download ) NOTES HTML references HTML Editor -  http://www.sublimetext.com/ Lab 1: HTML Basics -  http://www.w3schools.com/html/ Lab 2: Responsive Design:  http://www.w3schools.com/html/html_responsive.asp Lab 3: HTML Forms  http://www.w3schools.com/html/html_forms.asp Lab 4: HTML 5  http://www.w3schools.com/html/html5_intro.asp Lab 5: Bootstrap for responsive Web -  http...

          Applications of Web 2.0

          Web 2.0 describes the changing trends in the use of World Wide Web technology and web design that aim to enhance creativity , secure information sharing, collaboration and functionality of the web. Web 2.0 concepts have led to the development and evolution of web-based communities and hosted services , such as social-networking sites , video sharing sites , wikis , blogs . Find a website or web application that conform to the criteria of Web 2.0. Put the name of the application and the URL in the comment below. Please provide your full name and matrix number. Make sure the application you choose is not already chosen by your friend in the previous comment.

          The Challenges of Handling Proverbs in Malay-English Machine Translation – a research paper

          *This paper was presented in the 14th International Conference on Translation 2013 ( http://ppa14atf.usm.my/ ). 27 – 29 August 2013, Universiti Sains Malaysia, Penang. The PDF version is here: www.scribd.com/doc/163669571/Khirulnizam-The-Challenges-of-Automated-Detection-and-Translation-of-Malay-Proverb The test data is here: http://www.scribd.com/doc/163669588/Test-Data-for-the-Research-Paper-the-Challenges-of-Handling-Proverbs-in-Malay-English-Machine-Translation Khirulnizam Abd Rahman, Faculty of Information Science & Technology, KUIS Abstract: Proverb is a unique feature of Malay language in which a message or advice is not communicated indirectly through metaphoric phrases. However, the use of proverb will cause confusion or misinterpretation if one does not familiar with the phrases since they cannot be translated literally. This paper will discuss the process of automated filtering of Malay proverb in Malay text. The next process is translation. In machine translatio...