SlideShare a Scribd company logo
WEBSITE DESIGN ISSUESBYRAKU BORDEWRYDEPARTMENT OF MANAGEMENT STUDIESPONDICHERRY UNIVERSITY
    Entire books are available that address the issues of how to design effective web sites.     My presentation presents the basic concepts and some generally accepted rules of thumb for designing good web sites.     Sites  with different objectives will obviously have different needs.     Moreover, individuality and uniqueness of web sites are also valued features.     With that in mind, those guidelines are offered as a starting point for developing good web design skills, not as formula that should be followed point by point.
PAGE LOADING EFFICENCYThe temptation to overload a page with graphics should be resisted.A few well-chosen graphics are fine, but too much on a page and the visitor may become frustrated with the required time to load a page, and “click, click” they are off to another site.Frames also increase the loading time, and if the site sells or exchanges advertising space in which banners will appear, these items will also slow down the load time.
SIMPLICITYAvoid clutter on web pages.If the business has a lot of information to convey, organize it well and spread it out over multiple pages.A guideline is to use about 60 characters per line.Also, avoid long pages that required a lot of scrolling.Again, organizing the material well can preclude excessive scrolling from being necessary.
USE THE SPACE WISELYDo not ramble on; make each statement count.Kernels of information that are succinctly worded and have impact are best.
CREATE A REASON TO RETURNOnce a visitor comes to the site, give them a reason to return.Suggest they bookmark the site-it works!
CONTD..Some suggestions for items that may cause the visitor to return:Daily or weekly specials;Daily or weekly updates to the site that are clearly labeled, such as editorials, current events, projects, recipes, etc.;Frequent buyer programs;Contests; andEvents, such as hosting a chat session with a guest celebrity or public figure.
FRAMINGA frame is a section of the viewer’s computer screen.A screen can be split into multiple sections that can load different web pages, even those from other sites.The use of frames has its benefits and its drawbacks.
TABLES AND FRONTSTable are useful for providing structure to text that will not be lost due to the size of the visitor’s screen and the size of viewing window, which is affected by viewer’s web browser.Whenever possible, avoid using all uppercase letters as they are more difficult for the eye to follow.The TIMES and HELVETICA fronts for readability on websites.
GRAPHICSGraphics can enhance a web site when used properly.Attempt to use images that are no larger than 70k or the load time may annoy visitors.
Website Design Issues
INTERLACED GRAPHICSImages that gradually appear sharper are called interlaced graphics.Not everyone appreciates these pictures, and some people find them annoying.
Website Design Issues
GIF vs. JPEG filesEither forma can be used.GIF files are typically more efficient for solid  color images, such as logos, or images with large regions of solid color.JPEG formats will typically yield better results for multi-colored images or photographs in terms of best quality for the size.
COLORS AND CONTRASTMost web site designers agree that dark text on light background work best.The key is have enough contrast between the text and the background.Some colors work together and some do not; a traditional color wheel is useful for choosing contrasting colors.
Website Design Issues
Website Design Issues
PURCHASING INFORMATIONSites that sell their products/services on-line should clearly post policies in an easily found place regarding these items:Tax rates;Shipping rates;Shipping schedules;Return policy;Privacy of transaction; andSecurity of data that is transmitted.
Website Design Issues
Website Design Issues
TRACKING DATAIn order to analyze the success or contribution of site, certain data need to be tracked.Some useful information includes:Number of different visitors(not repeat visitors);Number and frequency of repeat visitors;Location of site prior to visit, including the search engine used to locate the site, if applicable;Length of time of visit;Pages visitedItems examined by visitors;Domain names of visitors;Country codes of visitors; and Purchase made, if applicable.
REFERENCESMARILYN GREENSTEIN, TODD M FEINMAN “ELECTRONIC COMMERCE.” ed. 2000
LOOKING FORWARD FOR YOUR INPUTS OR COMMENTS.
Website Design Issues

More Related Content

What's hot

Online Food Ordering System Presentation
Online Food Ordering System PresentationOnline Food Ordering System Presentation
Online Food Ordering System Presentation
RohanRajMudvari
 
Client & server side scripting
Client & server side scriptingClient & server side scripting
Client & server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
Problem statement
Problem statementProblem statement
Problem statement
Kanika Jain
 
Different Types of Websites
Different Types of WebsitesDifferent Types of Websites
Different Types of Websites
Neil Lohana
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
Food ordering System
Food ordering SystemFood ordering System
Food ordering System
Arman Ahmed
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
ParasJain222
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
sreejagiri
 
Web publishing
Web publishingWeb publishing
Web publishing
Kanav Sood
 
Web development
Web developmentWeb development
Web development
Sunil Moolchandani
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
Mohammad Kamrul Hasan
 
World Wide Web (WWW)
World Wide Web (WWW)World Wide Web (WWW)
World Wide Web (WWW)
Pramod Kshirsagar
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
Zeeshan Alam
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
Milind Gokhale
 
Webservices
WebservicesWebservices
Webservices
Gerard Sylvester
 
Introduction to ASP.NET
Introduction to ASP.NETIntroduction to ASP.NET
Introduction to ASP.NET
Rajkumarsoy
 
Final Year Project of Online Food Ordering System
Final Year Project of Online Food Ordering SystemFinal Year Project of Online Food Ordering System
Final Year Project of Online Food Ordering System
SidraShehbaz
 
Online Voting System - Project
Online Voting System - ProjectOnline Voting System - Project
Online Voting System - Project
Subhashis Das
 
Blood Bank Management System (including UML diagrams)
Blood Bank Management System (including UML diagrams)Blood Bank Management System (including UML diagrams)
Blood Bank Management System (including UML diagrams)
Harshil Darji
 

What's hot (20)

Online Food Ordering System Presentation
Online Food Ordering System PresentationOnline Food Ordering System Presentation
Online Food Ordering System Presentation
 
Client & server side scripting
Client & server side scriptingClient & server side scripting
Client & server side scripting
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
Problem statement
Problem statementProblem statement
Problem statement
 
Different Types of Websites
Different Types of WebsitesDifferent Types of Websites
Different Types of Websites
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Food ordering System
Food ordering SystemFood ordering System
Food ordering System
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
Web publishing
Web publishingWeb publishing
Web publishing
 
Web development
Web developmentWeb development
Web development
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
 
World Wide Web (WWW)
World Wide Web (WWW)World Wide Web (WWW)
World Wide Web (WWW)
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
Webservices
WebservicesWebservices
Webservices
 
Introduction to ASP.NET
Introduction to ASP.NETIntroduction to ASP.NET
Introduction to ASP.NET
 
Final Year Project of Online Food Ordering System
Final Year Project of Online Food Ordering SystemFinal Year Project of Online Food Ordering System
Final Year Project of Online Food Ordering System
 
Online Voting System - Project
Online Voting System - ProjectOnline Voting System - Project
Online Voting System - Project
 
Blood Bank Management System (including UML diagrams)
Blood Bank Management System (including UML diagrams)Blood Bank Management System (including UML diagrams)
Blood Bank Management System (including UML diagrams)
 

Similar to Website Design Issues

Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
Innothoughts Systems Pvt. Ltd.
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
Lany Lyn Magdaraog
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
uccwebcourses
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
Bri'an Fields
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
StraightNorthIM
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
Matthew J. Lane
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
Proweaver, Inc
 
Why do we need a website essential_.pdf
Why do we need a website essential_.pdfWhy do we need a website essential_.pdf
Why do we need a website essential_.pdf
Onlinegoalandstrategy
 
Responsive Websites: Are They A Trend Or Are They Here To Stay
Responsive Websites:  Are They A Trend Or Are They Here To Stay Responsive Websites:  Are They A Trend Or Are They Here To Stay
Responsive Websites: Are They A Trend Or Are They Here To Stay
Fast Track Marketing
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website Review
Visionary Marketing
 
Tips to Build Responsive Website Design
Tips to Build Responsive Website DesignTips to Build Responsive Website Design
Tips to Build Responsive Website Design
Hari Kumar
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
Ekta Saraswat
 
Presentation1
Presentation1Presentation1
Presentation1
jonnel gonzaga
 
Responsive design
Responsive designResponsive design
Responsive design
Mirza Faisal Hussain
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
Helios Solutions
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
Rafiha Rahi
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
Fahia Farin
 
The ins and outs of Responsive Web Design
The ins and outs of Responsive Web DesignThe ins and outs of Responsive Web Design
The ins and outs of Responsive Web Design
meijun_corp
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 
Landing pages
Landing pagesLanding pages
Landing pages
WSI Egypt
 

Similar to Website Design Issues (20)

Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
 
Why do we need a website essential_.pdf
Why do we need a website essential_.pdfWhy do we need a website essential_.pdf
Why do we need a website essential_.pdf
 
Responsive Websites: Are They A Trend Or Are They Here To Stay
Responsive Websites:  Are They A Trend Or Are They Here To Stay Responsive Websites:  Are They A Trend Or Are They Here To Stay
Responsive Websites: Are They A Trend Or Are They Here To Stay
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website Review
 
Tips to Build Responsive Website Design
Tips to Build Responsive Website DesignTips to Build Responsive Website Design
Tips to Build Responsive Website Design
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
 
Presentation1
Presentation1Presentation1
Presentation1
 
Responsive design
Responsive designResponsive design
Responsive design
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
 
The ins and outs of Responsive Web Design
The ins and outs of Responsive Web DesignThe ins and outs of Responsive Web Design
The ins and outs of Responsive Web Design
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Landing pages
Landing pagesLanding pages
Landing pages
 

Website Design Issues

  • 1. WEBSITE DESIGN ISSUESBYRAKU BORDEWRYDEPARTMENT OF MANAGEMENT STUDIESPONDICHERRY UNIVERSITY
  • 2. Entire books are available that address the issues of how to design effective web sites. My presentation presents the basic concepts and some generally accepted rules of thumb for designing good web sites. Sites with different objectives will obviously have different needs. Moreover, individuality and uniqueness of web sites are also valued features. With that in mind, those guidelines are offered as a starting point for developing good web design skills, not as formula that should be followed point by point.
  • 3. PAGE LOADING EFFICENCYThe temptation to overload a page with graphics should be resisted.A few well-chosen graphics are fine, but too much on a page and the visitor may become frustrated with the required time to load a page, and “click, click” they are off to another site.Frames also increase the loading time, and if the site sells or exchanges advertising space in which banners will appear, these items will also slow down the load time.
  • 4. SIMPLICITYAvoid clutter on web pages.If the business has a lot of information to convey, organize it well and spread it out over multiple pages.A guideline is to use about 60 characters per line.Also, avoid long pages that required a lot of scrolling.Again, organizing the material well can preclude excessive scrolling from being necessary.
  • 5. USE THE SPACE WISELYDo not ramble on; make each statement count.Kernels of information that are succinctly worded and have impact are best.
  • 6. CREATE A REASON TO RETURNOnce a visitor comes to the site, give them a reason to return.Suggest they bookmark the site-it works!
  • 7. CONTD..Some suggestions for items that may cause the visitor to return:Daily or weekly specials;Daily or weekly updates to the site that are clearly labeled, such as editorials, current events, projects, recipes, etc.;Frequent buyer programs;Contests; andEvents, such as hosting a chat session with a guest celebrity or public figure.
  • 8. FRAMINGA frame is a section of the viewer’s computer screen.A screen can be split into multiple sections that can load different web pages, even those from other sites.The use of frames has its benefits and its drawbacks.
  • 9. TABLES AND FRONTSTable are useful for providing structure to text that will not be lost due to the size of the visitor’s screen and the size of viewing window, which is affected by viewer’s web browser.Whenever possible, avoid using all uppercase letters as they are more difficult for the eye to follow.The TIMES and HELVETICA fronts for readability on websites.
  • 10. GRAPHICSGraphics can enhance a web site when used properly.Attempt to use images that are no larger than 70k or the load time may annoy visitors.
  • 12. INTERLACED GRAPHICSImages that gradually appear sharper are called interlaced graphics.Not everyone appreciates these pictures, and some people find them annoying.
  • 14. GIF vs. JPEG filesEither forma can be used.GIF files are typically more efficient for solid color images, such as logos, or images with large regions of solid color.JPEG formats will typically yield better results for multi-colored images or photographs in terms of best quality for the size.
  • 15. COLORS AND CONTRASTMost web site designers agree that dark text on light background work best.The key is have enough contrast between the text and the background.Some colors work together and some do not; a traditional color wheel is useful for choosing contrasting colors.
  • 18. PURCHASING INFORMATIONSites that sell their products/services on-line should clearly post policies in an easily found place regarding these items:Tax rates;Shipping rates;Shipping schedules;Return policy;Privacy of transaction; andSecurity of data that is transmitted.
  • 21. TRACKING DATAIn order to analyze the success or contribution of site, certain data need to be tracked.Some useful information includes:Number of different visitors(not repeat visitors);Number and frequency of repeat visitors;Location of site prior to visit, including the search engine used to locate the site, if applicable;Length of time of visit;Pages visitedItems examined by visitors;Domain names of visitors;Country codes of visitors; and Purchase made, if applicable.
  • 22. REFERENCESMARILYN GREENSTEIN, TODD M FEINMAN “ELECTRONIC COMMERCE.” ed. 2000
  • 23. LOOKING FORWARD FOR YOUR INPUTS OR COMMENTS.