Your SlideShare is downloading. ×
0
Global Information InternshipProgram from BUDNETwww.budnetdesign.com
Content Web Page Construction The 3Cs of Web Design Top Ten Good Deeds in   Web Design  (Nielsen, 1999) Some words on ...
Web Page ConstructionA  good Web page’s author must try to anticipate the needs and interests of the Web page’s readersA...
The 3Cs of Web DesignSimply, always remember the three Cs rules in developing Web Page: Quality  Content Reader Conveni...
The 3Cs of Web Design (cont) Quality   Content   Make   sure you have a quality content to be    offered   Check your f...
The 3Cs of Web Design (cont) Artistic   Composition   Have  an artistic design   The look and feel of your web page wil...
Top Ten Good Deeds in WebDesign (Nielsen, 1999)1.   Place your name and logo on every     page and make the logo a link to...
Top Ten Good Deeds in Web Desig(Nielsen, 1999) (cont)5.   Use hypertext to structure the     content space into a starting...
Top Ten Good Deeds in Web Desig(Nielsen, 1999) (cont)8.  Use link titles to provide users with a    preview of each link9....
Some words about pictures (orFlash) Pictures  are not crawlable. Flash in the front page is frustrating (if user  has no...
Biggest Mistakes in WebDesignhttp://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.html1.Believing peop...
…cont5. Have you ever seen another website?6. Navigational failure7. Site lacks Content8. Forgetting the purpose of text9....
WebPagesThatSuck.com Samples   of horrible websites
Information overload(crowded)
Bad text (hard to read)
100% Flash + Bad Navigation
Bad typography
Graphical Menu
Graphical Menu
Flashy – my eyes hurt
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
Upcoming SlideShare
Loading in...5
×

Designing a website

237

Published on

learn how to design a web site in easy steps

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
237
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Designing a website"

  1. 1. Global Information InternshipProgram from BUDNETwww.budnetdesign.com
  2. 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. 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. 4. The 3Cs of Web DesignSimply, always remember the three Cs rules in developing Web Page: Quality Content Reader Convenience Artistic Composition
  5. 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. 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. 7. Top Ten Good Deeds in WebDesign (Nielsen, 1999)1. Place your name and logo on every page and make the logo a link to the home page2. Provide search if the site has more than 100 pages3. Write straightforward and simple headlines and page titles4. Structure the page
  8. 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 topic6. Use high quality photos7. Use relevance-enhanced image reduction when preparing small photos and images
  9. 9. Top Ten Good Deeds in Web Desig(Nielsen, 1999) (cont)8. Use link titles to provide users with a preview of each link9. Ensure that all important pages are accessible for users10. 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. 10. Some words about pictures (orFlash) Pictures are not crawlable. Flash in the front page is frustrating (if user has no bandwidth connection) Provide options
  11. 11. Biggest Mistakes in WebDesignhttp://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.html1.Believing people care about you and yourwebsite.2.cant figure out what your website is aboutin less than four seconds3.Contrast4.My website is everything
  12. 12. …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
  13. 13. WebPagesThatSuck.com Samples of horrible websites
  14. 14. Information overload(crowded)
  15. 15. Bad text (hard to read)
  16. 16. 100% Flash + Bad Navigation
  17. 17. Bad typography
  18. 18. Graphical Menu
  19. 19. Graphical Menu
  20. 20. Flashy – my eyes hurt
  21. 21. Cool Websites Design
  22. 22. Provide Search Facility
  23. 23. Design for Mobile Devices  Why?  Small screen  Not so powerful browser  Limited data network
  24. 24. Design for Mobile Devices  Most of popular CMS provide Mobile plug- ins  Blogger.com  Joomla  Wordpress
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×