designing a website
DESCRIPTION
Dos and don'ts in designing a websiteTRANSCRIPT
Designing a WebsiteKhirulnizam Abd Rahman & Nurul Ibtisam Yaakub0129034614khirulnizam@gmail.comkerul.blogspot.comFacebook.com/khirulnizam
Content
Web Page ConstructionThe 3Cs of Web DesignTop Ten Good Deeds in Web
Design (Nielsen, 1999)Some words on Pictures and
FlashBiggest mistakes in web DesignCool Website DesignsDesigning for Mobile DevicesExercises
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
The 3Cs of Web Design
Simply, always remember the three Cs rules in developing Web Page:Quality ContentReader ConvenienceArtistic Composition
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 document
Reader 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 viewed
Also keep download times down to a minimum
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 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
Top Ten Good Deeds in Web Design (Nielsen, 1999)1. Place your name and logo on
every page and make the logo a link to the home page
2. Provide search if the site has more than 100 pages
3. Write straightforward and simple headlines and page titles
4. Structure the page
Top Ten Good Deeds in Web Design (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 topic
6. Use high quality photos 7. Use relevance-enhanced image
reduction when preparing small photos and images
Top Ten Good Deeds in Web Design (Nielsen, 1999) (cont)8. Use link titles to provide users
with a preview of each link 9. Ensure that all important pages
are accessible for users 10.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
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
Biggest Mistakes in Web Designhttp://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.html1. Believing people care about you
and your website.2. can't figure out what your website
is about in less than four seconds3. Contrast4. My website is everything
…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
WebPagesThatSuck.com Samples of horrible websites
Bad text (hard to read)
Graphical Menu
Graphical Menu
Cool Websites Design
Provide Search Facility
Design for Mobile Devices
Why? Small screen Not so powerful browser Limited data network
Design for Mobile Devices
Most of popular CMS provide Mobile plug-ins
Blogger.com Joomla Wordpress
Exercise1. http://www.kuis.edu.my/2. http://jpmkuis.com/3. 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.