SlideShare a Scribd company logo
Synapseindia Web Site Design 
for E-Commerce Development
E-Business and E-Commerce 
 E-Business: “the conduct of 
business with the assistance of 
telecommunications and 
telecommunications-based tools” 
 E-Commerce: “the conduct of 
commerce in goods and services, 
with the assistance of 
telecommunications and 
telecommunications-based tools” 
(Ref:: Roger Clarke)
E-Business/Commerce Evolution 
Time vs. Complexity of E-Business/Commerce
Usability 
 “the ease with which a user can 
learn to operate, prepare inputs for, 
and interpret outputs of a system or 
component” - IEEE Standard 
Computer Dictionary 
 A key component in Human- 
Computer Interaction (HCI) 
 A primary focus in the design of 
Web sites 
 A “usability subculture” has evolved 
as a result of Web technology
Usability Variations 
 Usefulness, and user experience 
 Usability engineering and usability 
method 
 User-centered design
Synapseindia web site design for E Commerce development
Web Usability Experts 
 Analyze and critique 
 Conceptual models 
 Web site navigation schemes 
 Web site widgets 
 Web page sizes, colors, vocabulary 
 Each other 
 Blah, blah, blah… 
 “Church of Usability” - 
http://builder.com.com/5100-6371- 
1044594.html
Why Is Usability Important for E-Commerce 
Web Sites? 
 Primary interface to customers 
 Users expect instant gratification 
 Users experience usability before they are 
committed to buying 
 Expectations arise from best site across 
industries 
 Competitors are “just a mouse click away” 
 Value of usability for the time-constrained 
information seeker 
 Usability as the critical success factor for 
Web projects
Why Is Usability Important for E-Commerce 
Web Sites? (cont) 
 E-Commerce Web site = electronic 
storefront 
 Web site user interface = electronic clerk 
 Online shoppers can afford to be less tolerant 
with an inept electronic clerk 
 E-Commerce Web site = electronic 
catalog for direct sales 
 Catalogs are convenient for mail-ordering and 
large inventory 
 Too much focus on display and publicity 
 Web site user interface = “read-ability/ 
usefulness” of catalog 
 How many paper catalogs get thrown away?
Return On Investment (ROI) 
 External ROI 
 Increased sales 
 Decreased customer support costs 
 Savings gained from making changes 
earlier in the design life cycle 
 Reduced cost of providing training
ROI (cont) 
 Internal ROI 
 Increased user productivity 
 Decreased user errors 
 Decreased training costs 
 Savings from making changes earlier in 
design life cycle 
 Decreased user support
Conversion Rates 
 A conversion rate is loosely defined as the 
percentage of Web site visitors who complete a 
desired action 
 This action can take many forms: 
 Clicks beyond home page 
 Purchases 
 Membership registrations 
 Newsletter subscriptions 
 Sample downloads 
 Sales inquiries, etc.
Conversion Rates (cont) 
 A high conversion rate depends on 
several factors 
 The interest level of the visitor 
 The attractiveness of the offer 
 The ease of the process 
 The interest level of the visitor is 
maximized by matching the right visitor, 
the right place, and the right time
Conversion Rates (cont) 
 “…average 
conversion rates 
are in the 3% to 
5% range; below 
2% is considered 
poor; and 10% 
and above is 
awesome.”
Conversion Rates – Elements That 
Affect It 
 User Interface 
 Convenience 
 Performance 
 Effective advertising 
 “Word of Mouth”
Conversion Rates Influenced By Many Factors 
Customer 
Acquisition 
Clumsy Site 
Navigation 
First 
Long Delivery 
Times Credit Card 
Validation 
Error 
Impression Merchandising and Selection Checkout Process 
Target 
Inappropriate 
Audience 
Unclear 
Marketing 
Message 
Slow Page 
Load 
Unengaging 
“Look & Feel” 
Ineffective 
Presentation 
No Access 
to Real-Time 
Help 
Ineffective Tools to 
Assist Selection 
Inadequate 
Selection 
Uncompetitive 
Price 
Excessive 
Shipping Costs 
Order 
Conversion 
Rate = 1.9% 
100% 
Percent 
of Site 
Visitors
Conversion Rates Influenced By Many 
Factors (cont) 
1. Target inappropriate audience (marketing and 
UCD) 
2. Unclear marketing message (marketing) 
3. Slow page load (usability) 
4. Un-engaging look and feel (usability) 
5. Clumsy site navigation (usability) 
6. Ineffective presentation (usability) 
7. Inadequate selection (usability) 
8. No access to real time help (usability) 
9. Uncompetitive price 
10. Ineffective tools to assist selection (usability)
Web Site Credibility Influenced by Similar 
Factors
E-Commerce Web Sites Must Be User- 
Centered 
 Design should focus on 
 User experience – familiar needs and mental 
models 
 User expectations 
 User ease and comfort 
 User-centered design templates can help 
 Simplicity 
 User control 
 Consistent navigation 
 Search 
 Shopping carts 
 Personalization
Ten Most Violated Homepage Design 
Guidelines 
1. Emphasize what your site offers that's of value to users and how 
your services differ from those of key competitors 
2. Use a liquid layout that lets users adjust the homepage size 
3. Use color to distinguish visited and unvisited links 
4. Use graphics to show real content, not just to decorate your 
homepage 
5. Include a tag line that explicitly summarizes what the site or 
company does 
6. Make it easy to access anything recently featured on your 
homepage 
7. Include a short site description in the window title 
8. Don't use a heading to label the search area; instead use a 
"Search" button 
9. With stock quotes, give the percentage of change, not just the 
points gained lost 
10. Don't include an active link to the homepage on the homepage
What’s Wrong With These Guidelines? 
 Represent a misconception of important 
elements of E-Commerce/corporate Web 
site design (my opinion) 
 They emphasize design not functionality 
 They focus on elements not consistency 
 Usability becomes blurred with marketing
The Future of E-Commerce Web Site 
Design 
 User-centered design will become 
more important in an increasingly 
competitive market 
 E-Commerce Web site design must 
be prepared to accommodate 
universal access

More Related Content

PDF
Varkul websoft pvt ltd -web site design for e-commerce
PPTX
Enhancing User Experience
PPTX
2016 #WCFAY Anatomy of a Website
PPT
SEO Basics
PPTX
Using Marketing Data to Drive Website Redesigns
PPT
Landing Pages - Marketing's Indispensable Tool. 2/23/15 Presentation - Boston...
PPTX
Conversion optimisation Conversion Thursday Belfast
PPT
Conversion Rate Optimisation Presentation
Varkul websoft pvt ltd -web site design for e-commerce
Enhancing User Experience
2016 #WCFAY Anatomy of a Website
SEO Basics
Using Marketing Data to Drive Website Redesigns
Landing Pages - Marketing's Indispensable Tool. 2/23/15 Presentation - Boston...
Conversion optimisation Conversion Thursday Belfast
Conversion Rate Optimisation Presentation

What's hot (19)

PDF
Does Your Website Stink?
PPTX
"Five Ways to Improve the Usability of Your Web Site" - Molly Malsam, Now Wha...
PPTX
Design For Conversion Part 1
PPT
HostingCon Metrics Panel
PPT
Brand Website Framework
PPTX
Local Web Design - Effective, Professional, Profitable Web Designs
PPTX
SEO 3.0 - Conversion Rate Optimization
PPT
SMX West 2010 - Conversion Optimization Tips
PDF
How to Increase Your Site Usability to Drive Leads
PPT
Post Click Marketing: Understanding Your Visitors
PPT
Google analytics / Seo Camp Montreal
PPTX
Landing Page Best Practices
PDF
Rebeca miranda-ux-portfolio
PDF
Heuristic Evaluation of Grand Canyon Tour and Travel
PDF
Proactive Lead Generation
PPTX
Landing Pages Presentation
PPTX
How to Turn Your Website into a Lead Generator
PPTX
AB Testing: How to optimise your website
PPTX
Outreach Digital - PPC & CRO for Lead Acquisition - Killer Tactics You Would ...
Does Your Website Stink?
"Five Ways to Improve the Usability of Your Web Site" - Molly Malsam, Now Wha...
Design For Conversion Part 1
HostingCon Metrics Panel
Brand Website Framework
Local Web Design - Effective, Professional, Profitable Web Designs
SEO 3.0 - Conversion Rate Optimization
SMX West 2010 - Conversion Optimization Tips
How to Increase Your Site Usability to Drive Leads
Post Click Marketing: Understanding Your Visitors
Google analytics / Seo Camp Montreal
Landing Page Best Practices
Rebeca miranda-ux-portfolio
Heuristic Evaluation of Grand Canyon Tour and Travel
Proactive Lead Generation
Landing Pages Presentation
How to Turn Your Website into a Lead Generator
AB Testing: How to optimise your website
Outreach Digital - PPC & CRO for Lead Acquisition - Killer Tactics You Would ...
Ad

Viewers also liked (8)

PPT
Android overview part2
PPTX
Synapse india basic php development part 2
PPT
SynapseIndia dotnet client library Development
PPT
Synapseindia android apps with app inventor
PPTX
Synapse india sharing info on dotnet framework part1
PPTX
Synapse india dotnet development overloading operater part 4
PPT
Synapseindia object oriented programming in php
PPT
Evalution about programming language part 1
Android overview part2
Synapse india basic php development part 2
SynapseIndia dotnet client library Development
Synapseindia android apps with app inventor
Synapse india sharing info on dotnet framework part1
Synapse india dotnet development overloading operater part 4
Synapseindia object oriented programming in php
Evalution about programming language part 1
Ad

Similar to Synapseindia web site design for E Commerce development (20)

PPT
ecom.ppt
PPT
E-commerce and Usability
PPTX
Design & usability for increased conversion (MeetMagento Germany 2015)
PDF
What is the importance of UI in e-commerce website design.pdf
PPT
Designing e-commerce user interfaces
PPTX
How web stores are different from retail stores
PPTX
E commerce
PDF
Tips for eCommerce Web Design & Functionalities that will Drive Sales
PDF
Chapter 2 | Website design & development - pf
PDF
Chapter 2 | Website design & development
PPTX
Digital Marketing Book - Chapter Six.pptx
PPTX
Usability for e commerce - part I
PPT
Why most websites don't work
PPT
Advertising Over Internet
DOCX
Electronic CommerceTenth EditionChapter 4Marketing on the .docx
PPT
eMarketing
PPT
Website Design Principles for Ecommerce
PPTX
Chapter 6 DIGITAL MARKETING
PPTX
customer behavior in e-commerce
PPTX
laudon-traver-ec17-ppt-ch04-dg-revised-eRcx.pptx
ecom.ppt
E-commerce and Usability
Design & usability for increased conversion (MeetMagento Germany 2015)
What is the importance of UI in e-commerce website design.pdf
Designing e-commerce user interfaces
How web stores are different from retail stores
E commerce
Tips for eCommerce Web Design & Functionalities that will Drive Sales
Chapter 2 | Website design & development - pf
Chapter 2 | Website design & development
Digital Marketing Book - Chapter Six.pptx
Usability for e commerce - part I
Why most websites don't work
Advertising Over Internet
Electronic CommerceTenth EditionChapter 4Marketing on the .docx
eMarketing
Website Design Principles for Ecommerce
Chapter 6 DIGITAL MARKETING
customer behavior in e-commerce
laudon-traver-ec17-ppt-ch04-dg-revised-eRcx.pptx

More from Synapseindiappsdevelopment (20)

PPTX
Synapse india elance top in demand in it skills
PPT
SynapseIndia dotnet web development architecture module
PPT
SynapseIndia dotnet module development part 1
PPT
SynapseIndia dotnet framework library
PPT
SynapseIndia dotnet development platform overview
PPT
SynapseIndia dotnet development framework
PPT
SynapseIndia dotnet web applications development
PPT
SynapseIndia dotnet website security development
PPT
SynapseIndia mobile build apps management
PPT
SynapseIndia mobile apps deployment framework internal architecture
PPT
SynapseIndia java and .net development
PPT
SynapseIndia dotnet development panel control
PPT
SynapseIndia dotnet development ajax client library
PPT
SynapseIndia php web development
PPT
SynapseIndia mobile apps architecture
PPT
SynapseIndia mobile apps deployment framework architecture
PPT
SynapseIndia mobile apps
PPT
SynapseIndia dotnet development
PPT
SynapseIndia creating asp controls programatically development
PPT
SynapseIndia asp.net2.0 ajax Development
Synapse india elance top in demand in it skills
SynapseIndia dotnet web development architecture module
SynapseIndia dotnet module development part 1
SynapseIndia dotnet framework library
SynapseIndia dotnet development platform overview
SynapseIndia dotnet development framework
SynapseIndia dotnet web applications development
SynapseIndia dotnet website security development
SynapseIndia mobile build apps management
SynapseIndia mobile apps deployment framework internal architecture
SynapseIndia java and .net development
SynapseIndia dotnet development panel control
SynapseIndia dotnet development ajax client library
SynapseIndia php web development
SynapseIndia mobile apps architecture
SynapseIndia mobile apps deployment framework architecture
SynapseIndia mobile apps
SynapseIndia dotnet development
SynapseIndia creating asp controls programatically development
SynapseIndia asp.net2.0 ajax Development

Recently uploaded (20)

PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
sap open course for s4hana steps from ECC to s4
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Big Data Technologies - Introduction.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Electronic commerce courselecture one. Pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
NewMind AI Weekly Chronicles - August'25 Week I
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
MIND Revenue Release Quarter 2 2025 Press Release
“AI and Expert System Decision Support & Business Intelligence Systems”
Digital-Transformation-Roadmap-for-Companies.pptx
sap open course for s4hana steps from ECC to s4
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Machine learning based COVID-19 study performance prediction
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The Rise and Fall of 3GPP – Time for a Sabbatical?
Big Data Technologies - Introduction.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
Review of recent advances in non-invasive hemoglobin estimation
Reach Out and Touch Someone: Haptics and Empathic Computing

Synapseindia web site design for E Commerce development

  • 1. Synapseindia Web Site Design for E-Commerce Development
  • 2. E-Business and E-Commerce  E-Business: “the conduct of business with the assistance of telecommunications and telecommunications-based tools”  E-Commerce: “the conduct of commerce in goods and services, with the assistance of telecommunications and telecommunications-based tools” (Ref:: Roger Clarke)
  • 3. E-Business/Commerce Evolution Time vs. Complexity of E-Business/Commerce
  • 4. Usability  “the ease with which a user can learn to operate, prepare inputs for, and interpret outputs of a system or component” - IEEE Standard Computer Dictionary  A key component in Human- Computer Interaction (HCI)  A primary focus in the design of Web sites  A “usability subculture” has evolved as a result of Web technology
  • 5. Usability Variations  Usefulness, and user experience  Usability engineering and usability method  User-centered design
  • 7. Web Usability Experts  Analyze and critique  Conceptual models  Web site navigation schemes  Web site widgets  Web page sizes, colors, vocabulary  Each other  Blah, blah, blah…  “Church of Usability” - http://builder.com.com/5100-6371- 1044594.html
  • 8. Why Is Usability Important for E-Commerce Web Sites?  Primary interface to customers  Users expect instant gratification  Users experience usability before they are committed to buying  Expectations arise from best site across industries  Competitors are “just a mouse click away”  Value of usability for the time-constrained information seeker  Usability as the critical success factor for Web projects
  • 9. Why Is Usability Important for E-Commerce Web Sites? (cont)  E-Commerce Web site = electronic storefront  Web site user interface = electronic clerk  Online shoppers can afford to be less tolerant with an inept electronic clerk  E-Commerce Web site = electronic catalog for direct sales  Catalogs are convenient for mail-ordering and large inventory  Too much focus on display and publicity  Web site user interface = “read-ability/ usefulness” of catalog  How many paper catalogs get thrown away?
  • 10. Return On Investment (ROI)  External ROI  Increased sales  Decreased customer support costs  Savings gained from making changes earlier in the design life cycle  Reduced cost of providing training
  • 11. ROI (cont)  Internal ROI  Increased user productivity  Decreased user errors  Decreased training costs  Savings from making changes earlier in design life cycle  Decreased user support
  • 12. Conversion Rates  A conversion rate is loosely defined as the percentage of Web site visitors who complete a desired action  This action can take many forms:  Clicks beyond home page  Purchases  Membership registrations  Newsletter subscriptions  Sample downloads  Sales inquiries, etc.
  • 13. Conversion Rates (cont)  A high conversion rate depends on several factors  The interest level of the visitor  The attractiveness of the offer  The ease of the process  The interest level of the visitor is maximized by matching the right visitor, the right place, and the right time
  • 14. Conversion Rates (cont)  “…average conversion rates are in the 3% to 5% range; below 2% is considered poor; and 10% and above is awesome.”
  • 15. Conversion Rates – Elements That Affect It  User Interface  Convenience  Performance  Effective advertising  “Word of Mouth”
  • 16. Conversion Rates Influenced By Many Factors Customer Acquisition Clumsy Site Navigation First Long Delivery Times Credit Card Validation Error Impression Merchandising and Selection Checkout Process Target Inappropriate Audience Unclear Marketing Message Slow Page Load Unengaging “Look & Feel” Ineffective Presentation No Access to Real-Time Help Ineffective Tools to Assist Selection Inadequate Selection Uncompetitive Price Excessive Shipping Costs Order Conversion Rate = 1.9% 100% Percent of Site Visitors
  • 17. Conversion Rates Influenced By Many Factors (cont) 1. Target inappropriate audience (marketing and UCD) 2. Unclear marketing message (marketing) 3. Slow page load (usability) 4. Un-engaging look and feel (usability) 5. Clumsy site navigation (usability) 6. Ineffective presentation (usability) 7. Inadequate selection (usability) 8. No access to real time help (usability) 9. Uncompetitive price 10. Ineffective tools to assist selection (usability)
  • 18. Web Site Credibility Influenced by Similar Factors
  • 19. E-Commerce Web Sites Must Be User- Centered  Design should focus on  User experience – familiar needs and mental models  User expectations  User ease and comfort  User-centered design templates can help  Simplicity  User control  Consistent navigation  Search  Shopping carts  Personalization
  • 20. Ten Most Violated Homepage Design Guidelines 1. Emphasize what your site offers that's of value to users and how your services differ from those of key competitors 2. Use a liquid layout that lets users adjust the homepage size 3. Use color to distinguish visited and unvisited links 4. Use graphics to show real content, not just to decorate your homepage 5. Include a tag line that explicitly summarizes what the site or company does 6. Make it easy to access anything recently featured on your homepage 7. Include a short site description in the window title 8. Don't use a heading to label the search area; instead use a "Search" button 9. With stock quotes, give the percentage of change, not just the points gained lost 10. Don't include an active link to the homepage on the homepage
  • 21. What’s Wrong With These Guidelines?  Represent a misconception of important elements of E-Commerce/corporate Web site design (my opinion)  They emphasize design not functionality  They focus on elements not consistency  Usability becomes blurred with marketing
  • 22. The Future of E-Commerce Web Site Design  User-centered design will become more important in an increasingly competitive market  E-Commerce Web site design must be prepared to accommodate universal access