SlideShare uma empresa Scribd logo
1 de 18
02/02/2010 Top Web Mistakes 1 Top Web Design Mistakes Week 2
01/13/09 Top Web Mistakes 2 Graphics Too Many Graphics Load slowly. Visitors lose patience SOLUTION:   Save for web / optimize  Reduce the size of graphics.
01/13/09 Top Web Mistakes 3 Wordy Pages Why omit needless words Reduces the noise level of the page Makes the useful information more prominent Makes the pages shorter How to omit needless words? Two rules to follow Happy talk must die Instructions must die
02/02/2010 Top Web Mistakes 4 Color: Bad Color Coordination Avoid using dark text on a darkbackground.  Use dark text on a light background Use colors that blend well together 
02/02/2010 Top Web Mistakes 5 Are  your testing audience’s eyes?
02/02/2010 Top Web Mistakes 6 See improvement?
02/02/2010 Top Web Mistakes 7 Long Scrolling Scroll horizontally or vertically to view the whole web page. Create the width of your web page to fit on one screen to avoid horizontalscrolling, and have a maximum of 3 pages to be scrolled vertically.
02/02/2010 Top Web Mistakes 8 You have to scroll right and down to see all the content
02/02/2010 Top Web Mistakes 9 Meta Tags Missing Without optimizing your web page with a description or keywords, people can’t find you on the search engines. Research key words or phrases relevant to your sitecontent.  Include them in your title, description and web site copy.
02/02/2010 Top Web Mistakes 10 Poor Navigation Visitors can’t easily find the information: broken links, error pages, too many moving objects (animations, flash, scrolling text, marquees)‏ Keep your navigation simple, createsimple links on all web pages, create simple and clean interface
02/02/2010 Top Web Mistakes 11 Do you know instantly how to navigate?
01/13/09 Top Web Mistakes 12 Layout and Design How to Create an aesthetically pleasingdesign  Keep enough white space between your text and images by using margins.  Don’t overlap text and images Avoid capitalizing all text  Use font type such as Arial or Verdana
02/02/2010 Top Web Mistakes 13 How do you like this layout?
02/02/2010 Top Web Mistakes 14 What is the difference?
02/02/2010 Top Web Mistakes 15 How about this one?
02/02/2010 Top Web Mistakes 16 Frames Avoid Using Frames frames don’t allow bookmarking the page or return to it and sometimes the URLS stop working.  http://www.angelfire.com/super/badwebs/
02/02/2010 Top Web Mistakes 17 Orphan Pages Some page where the visitor has no idea how it fits in with the overall structure of your web site.  You should always have a link to thehomepage, so visitors know where they are on your web site.
Thank YOU 01/13/09

Mais conteúdo relacionado

Semelhante a Top Website Mistakes

Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 
Design.doc
Design.docDesign.doc
Design.doc
butest
 
web design
web designweb design
web design
butest
 

Semelhante a Top Website Mistakes (20)

Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
The donts
The dontsThe donts
The donts
 
The don'tsnn
The don'tsnnThe don'tsnn
The don'tsnn
 
The don'tsn
The don'tsnThe don'tsn
The don'tsn
 
Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
Web design
Web designWeb design
Web design
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Website Design Dos and Don’ts for a Successful Online Presence
Website Design Dos and Don’ts  for a Successful Online PresenceWebsite Design Dos and Don’ts  for a Successful Online Presence
Website Design Dos and Don’ts for a Successful Online Presence
 
Design.doc
Design.docDesign.doc
Design.doc
 
ECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.pptECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.ppt
 
Different terms related issues web design
Different terms  related issues web designDifferent terms  related issues web design
Different terms related issues web design
 
Webdesign
WebdesignWebdesign
Webdesign
 
web design
web designweb design
web design
 
Minimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineMinimalist Web Design | Simplemachine
Minimalist Web Design | Simplemachine
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
9 worst practices in ux design
9 worst practices in ux design9 worst practices in ux design
9 worst practices in ux design
 

Mais de ayehl612

Web2 Week1 PPT
Web2 Week1 PPTWeb2 Week1 PPT
Web2 Week1 PPT
ayehl612
 
Webdev2 - Week1
Webdev2 - Week1Webdev2 - Week1
Webdev2 - Week1
ayehl612
 
1st Term - SY 10-11 - Webdev Week1
1st Term - SY 10-11 - Webdev  Week11st Term - SY 10-11 - Webdev  Week1
1st Term - SY 10-11 - Webdev Week1
ayehl612
 
Week1 1t webdev2
Week1 1t webdev2Week1 1t webdev2
Week1 1t webdev2
ayehl612
 
Introduction to Webdev2
Introduction to Webdev2Introduction to Webdev2
Introduction to Webdev2
ayehl612
 

Mais de ayehl612 (7)

Web2 Week1 PPT
Web2 Week1 PPTWeb2 Week1 PPT
Web2 Week1 PPT
 
Webdev2 - Week1
Webdev2 - Week1Webdev2 - Week1
Webdev2 - Week1
 
Week1 2t
Week1 2tWeek1 2t
Week1 2t
 
1st Term - SY 10-11 - Webdev Week1
1st Term - SY 10-11 - Webdev  Week11st Term - SY 10-11 - Webdev  Week1
1st Term - SY 10-11 - Webdev Week1
 
Week1 1t webdev2
Week1 1t webdev2Week1 1t webdev2
Week1 1t webdev2
 
Week1
Week1Week1
Week1
 
Introduction to Webdev2
Introduction to Webdev2Introduction to Webdev2
Introduction to Webdev2
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 

Top Website Mistakes

  • 1. 02/02/2010 Top Web Mistakes 1 Top Web Design Mistakes Week 2
  • 2. 01/13/09 Top Web Mistakes 2 Graphics Too Many Graphics Load slowly. Visitors lose patience SOLUTION:  Save for web / optimize Reduce the size of graphics.
  • 3. 01/13/09 Top Web Mistakes 3 Wordy Pages Why omit needless words Reduces the noise level of the page Makes the useful information more prominent Makes the pages shorter How to omit needless words? Two rules to follow Happy talk must die Instructions must die
  • 4. 02/02/2010 Top Web Mistakes 4 Color: Bad Color Coordination Avoid using dark text on a darkbackground. Use dark text on a light background Use colors that blend well together 
  • 5. 02/02/2010 Top Web Mistakes 5 Are your testing audience’s eyes?
  • 6. 02/02/2010 Top Web Mistakes 6 See improvement?
  • 7. 02/02/2010 Top Web Mistakes 7 Long Scrolling Scroll horizontally or vertically to view the whole web page. Create the width of your web page to fit on one screen to avoid horizontalscrolling, and have a maximum of 3 pages to be scrolled vertically.
  • 8. 02/02/2010 Top Web Mistakes 8 You have to scroll right and down to see all the content
  • 9. 02/02/2010 Top Web Mistakes 9 Meta Tags Missing Without optimizing your web page with a description or keywords, people can’t find you on the search engines. Research key words or phrases relevant to your sitecontent. Include them in your title, description and web site copy.
  • 10. 02/02/2010 Top Web Mistakes 10 Poor Navigation Visitors can’t easily find the information: broken links, error pages, too many moving objects (animations, flash, scrolling text, marquees)‏ Keep your navigation simple, createsimple links on all web pages, create simple and clean interface
  • 11. 02/02/2010 Top Web Mistakes 11 Do you know instantly how to navigate?
  • 12. 01/13/09 Top Web Mistakes 12 Layout and Design How to Create an aesthetically pleasingdesign Keep enough white space between your text and images by using margins. Don’t overlap text and images Avoid capitalizing all text Use font type such as Arial or Verdana
  • 13. 02/02/2010 Top Web Mistakes 13 How do you like this layout?
  • 14. 02/02/2010 Top Web Mistakes 14 What is the difference?
  • 15. 02/02/2010 Top Web Mistakes 15 How about this one?
  • 16. 02/02/2010 Top Web Mistakes 16 Frames Avoid Using Frames frames don’t allow bookmarking the page or return to it and sometimes the URLS stop working.  http://www.angelfire.com/super/badwebs/
  • 17. 02/02/2010 Top Web Mistakes 17 Orphan Pages Some page where the visitor has no idea how it fits in with the overall structure of your web site. You should always have a link to thehomepage, so visitors know where they are on your web site.