learn how to design a web site in easy steps

1. Global Information Internship
Program from BUDNET
www.budnetdesign.com

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. 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. The 3Cs of Web Design
Simply, always remember the three
Cs rules in developing Web Page:
Quality Content
Reader Convenience
Artistic Composition

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

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 topic
6. Use high quality photos
7. Use relevance-enhanced image
reduction when preparing small
photos and images

9. Top Ten Good Deeds in Web Desig
(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

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. Biggest Mistakes in Web
Design
http://www.webpagesthatsuck.com/bigge
st-mistakes-in-web-design-1995-2015.html
1.Believing people care about you and your
website.
2.can't figure out what your website is about
in less than four seconds
3.Contrast
4.My website is everything

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

13. WebPagesThatSuck.com
 Samples of horrible websites

14. Information overload
(crowded)

15. Bad text (hard to read)

16. 100% Flash + Bad Navigation

17. Bad typography

18. Graphical Menu

19. Graphical Menu

20. Flashy – my eyes hurt

21. Cool Websites Design

22. Provide Search Facility

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

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