SlideShare una empresa de Scribd logo
1 de 36
Website Design Dos and Don’ts  for a Successful Online Presence Brad Williams WebDevStudios.com
Who Am I?
Brad Williams CEO & Co-Founder, WebDevStudios.com Organizer NJ WordPress Meetup Co-Host SitePoint Podcast Advisor SitePoint Forums Co-Author of  Professional WordPress  (March 2010) Who Am I?
[object Object],[object Object],[object Object],Topics
[object Object],[object Object],[object Object],DO: Create easy to use navigation
DO: Create easy to use navigation  Menu dropdown expands horizontally to maximize space Menu dropdown shows page hierarchy
DO: Create easy to use navigation  Website utilizes both horizontal and vertical menus Vertical menu showing page hierarchy
[object Object],[object Object],[object Object],DO: Use web safe fonts
DO: Use web safe fonts
[object Object],[object Object],[object Object],[object Object],[object Object],DO: Test your website in ALL browsers  Great free resource:  http://browsershots.org
DO: Test your website in ALL browsers  Using Internet Explorer 8
DO: Test your website in ALL browsers  Using Chrome 3
[object Object],[object Object],DO: Make contact info very accessible
DO: Make contact info very accessible Contact information is easily found in the header And in the footer on every page of the website Source: http://www.lesliecatorealtor.com/home.asp
[object Object],[object Object],[object Object],DO: Create a website sitemap
DO: Create a website sitemap
DO: Create a website sitemap
DO: Create a website sitemap <url>  <loc>http://webdevstudios.com/</loc>  <lastmod>2009-02-05T04:43:39+00:00</lastmod>  <changefreq>daily</changefreq>  <priority>1.0</priority>  </url>  <url>  <loc>http://webdevstudios.com/contact/</loc>  <lastmod>2009-10-09T13:55:24+00:00</lastmod>  <changefreq>weekly</changefreq>  <priority>0.6</priority>  </url>  <url>  <loc>http://webdevstudios.com/questions/</loc>  <lastmod>2009-10-08T19:02:23+00:00</lastmod>  <changefreq>weekly</changefreq>  <priority>0.6</priority>  </url>  <url>  <loc>http://webdevstudios.com/support/wordpress-plugins/</loc>  <lastmod>2009-10-07T13:19:32+00:00</lastmod>  <changefreq>weekly</changefreq>  <priority>0.6</priority>  </url>  <url>  <loc>http://webdevstudios.com/support/wordpress-plugins/nextgen-public-uploader/</loc>  <lastmod>2009-10-05T23:24:52+00:00</lastmod>  <changefreq>weekly</changefreq>  <priority>0.6</priority>  </url>  <url>  <loc>http://webdevstudios.com/support/</loc>  <lastmod>2009-09-26T13:56:39+00:00</lastmod>  <changefreq>weekly</changefreq>  <priority>0.6</priority>  </url>  Sitemap protocol: http://www.sitemaps.org/protocol.php
[object Object],[object Object],[object Object],DO: Keep element placement consistent
[object Object],[object Object],[object Object],[object Object],DO: Create a blog and use it
[object Object],[object Object],[object Object],DO: Create a blog and use it  Free blogging services:
DO: Create a blog and use it
DONT: Use flash ,[object Object],[object Object],[object Object],Hindering navigation will result in lost traffic * Flash banners used correctly can be effective
Your flash website on my iPhone
DONT: Use flash Adobe has an extensive list of  flash supported mobile devices http://www.adobe.com/mobile/supported_devices/ If you use flash make sure to offer a non-flash alternative
DONT: Have a splash screen ,[object Object],[object Object],[object Object],[object Object]
DONT: Have a splash screen Source: http://www.bwaslotcars.com/
DONT: Play music on your website ,[object Object],[object Object],[object Object]
DONT: Host your own videos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
DONT: Use a crazy background ,[object Object],[object Object],[object Object]
DONT: Use a crazy background Background overwhelms website design
DONT: Use a crazy background Background compliments website design
DONT: Use animated images
[object Object],[object Object],[object Object],[object Object],[object Object],Tip on selecting a website dev firm:
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Resources
Brad Williams [email_address] Blog: strangework.com Twitter: @williamsba Everywhere else: williamsba Contact

Más contenido relacionado

La actualidad más candente

Your Website Is Ugly!
Your Website Is Ugly!Your Website Is Ugly!
Your Website Is Ugly!
Ceci Dadisman
 
Wordpress accessibility enhancements
Wordpress accessibility enhancementsWordpress accessibility enhancements
Wordpress accessibility enhancements
Ted Drake
 

La actualidad más candente (20)

Blog Pres
Blog PresBlog Pres
Blog Pres
 
Wordpress customisation for travel blogs
Wordpress customisation for travel blogs Wordpress customisation for travel blogs
Wordpress customisation for travel blogs
 
Introduction to WordPress Class 4
Introduction to WordPress Class 4Introduction to WordPress Class 4
Introduction to WordPress Class 4
 
Introduction to WordPress Class 6
Introduction to WordPress Class 6Introduction to WordPress Class 6
Introduction to WordPress Class 6
 
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web StoreSmart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
 
Wordpress 101 Training
Wordpress 101 TrainingWordpress 101 Training
Wordpress 101 Training
 
Weaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & PluginsWeaving Your Way With Widgets & Plugins
Weaving Your Way With Widgets & Plugins
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27
 
Getting Started with Blogging
Getting Started with BloggingGetting Started with Blogging
Getting Started with Blogging
 
A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012A Beginner's Guide to WordPress - WordCamp Montreal 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
 
WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24WordPress for Girl Geeks 2009-11-24
WordPress for Girl Geeks 2009-11-24
 
Joomla! Menu-Items
Joomla! Menu-ItemsJoomla! Menu-Items
Joomla! Menu-Items
 
Introduction to WordPress Class 1
Introduction to WordPress Class 1Introduction to WordPress Class 1
Introduction to WordPress Class 1
 
ALSC Web 2.0: The Interactive Web
ALSC Web 2.0: The Interactive WebALSC Web 2.0: The Interactive Web
ALSC Web 2.0: The Interactive Web
 
WordPress for Beginners
WordPress for BeginnersWordPress for Beginners
WordPress for Beginners
 
Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows
 
Your Website Is Ugly!
Your Website Is Ugly!Your Website Is Ugly!
Your Website Is Ugly!
 
CIS1 205-ch10B NETWORKING SYSTEMS - MADARANG, CIA
CIS1 205-ch10B NETWORKING SYSTEMS - MADARANG, CIACIS1 205-ch10B NETWORKING SYSTEMS - MADARANG, CIA
CIS1 205-ch10B NETWORKING SYSTEMS - MADARANG, CIA
 
Wordpress accessibility enhancements
Wordpress accessibility enhancementsWordpress accessibility enhancements
Wordpress accessibility enhancements
 
Wordpress Intro
Wordpress IntroWordpress Intro
Wordpress Intro
 

Similar a Website Design Dos and Don’ts for a Successful Online Presence

Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
webhostingguy
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
webhostingguy
 

Similar a Website Design Dos and Don’ts for a Successful Online Presence (20)

How websites and search engines work
How websites and search engines workHow websites and search engines work
How websites and search engines work
 
Flavours of SEO
Flavours of SEOFlavours of SEO
Flavours of SEO
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
 
Web Basics for Business
Web Basics for BusinessWeb Basics for Business
Web Basics for Business
 
Web Design Guide
Web Design Guide Web Design Guide
Web Design Guide
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
 
Connecting Rural Communities
Connecting Rural CommunitiesConnecting Rural Communities
Connecting Rural Communities
 
10 Things Webdesigners tend to do Wrong in SEO - SMX 2014
10 Things Webdesigners tend to do Wrong in SEO  - SMX 201410 Things Webdesigners tend to do Wrong in SEO  - SMX 2014
10 Things Webdesigners tend to do Wrong in SEO - SMX 2014
 
WordPress for Startups
WordPress for StartupsWordPress for Startups
WordPress for Startups
 
Web 2.0 and other emerging technologies
Web 2.0 and other emerging technologiesWeb 2.0 and other emerging technologies
Web 2.0 and other emerging technologies
 
.NET Foundation website suggestions for improvement
.NET Foundation website suggestions for improvement.NET Foundation website suggestions for improvement
.NET Foundation website suggestions for improvement
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Starting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded LibrariesStarting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded Libraries
 
Webdesign (2)
Webdesign (2)Webdesign (2)
Webdesign (2)
 
SEO by Ali Pour Zahmatkesh/ AUT University project
SEO by Ali Pour Zahmatkesh/ AUT University projectSEO by Ali Pour Zahmatkesh/ AUT University project
SEO by Ali Pour Zahmatkesh/ AUT University project
 
Successful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's AmpersandwichSuccessful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's Ampersandwich
 
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issuesMaximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
 
How to Blog - #ACR14 Social Media Bootcamp
How to Blog - #ACR14  Social Media BootcampHow to Blog - #ACR14  Social Media Bootcamp
How to Blog - #ACR14 Social Media Bootcamp
 
24 ways-backlinking
24 ways-backlinking24 ways-backlinking
24 ways-backlinking
 

Más de Brad Williams

Más de Brad Williams (20)

From Freelance to Agency: Hiring Employee Number One - WordCamp London 2015
From Freelance to Agency: Hiring Employee Number One - WordCamp London 2015From Freelance to Agency: Hiring Employee Number One - WordCamp London 2015
From Freelance to Agency: Hiring Employee Number One - WordCamp London 2015
 
Hiring Employee Number One: From Freelancer to Agency
Hiring Employee Number One: From Freelancer to AgencyHiring Employee Number One: From Freelancer to Agency
Hiring Employee Number One: From Freelancer to Agency
 
Writing Secure WordPress Code WordCamp NYC 2014
Writing Secure WordPress Code WordCamp NYC 2014Writing Secure WordPress Code WordCamp NYC 2014
Writing Secure WordPress Code WordCamp NYC 2014
 
How to Make a Native Mobile App with WordPress
How to Make a Native Mobile App with WordPressHow to Make a Native Mobile App with WordPress
How to Make a Native Mobile App with WordPress
 
Writing Secure WordPress Code
Writing Secure WordPress CodeWriting Secure WordPress Code
Writing Secure WordPress Code
 
WordPress Security WordCamp OC 2013
WordPress Security WordCamp OC 2013WordPress Security WordCamp OC 2013
WordPress Security WordCamp OC 2013
 
Using WordPress as an Application Framework
Using WordPress as an Application FrameworkUsing WordPress as an Application Framework
Using WordPress as an Application Framework
 
Top Ten WordPress Security Tips for 2012
Top Ten WordPress Security Tips for 2012Top Ten WordPress Security Tips for 2012
Top Ten WordPress Security Tips for 2012
 
WordPress Security from WordCamp NYC 2012
WordPress Security from WordCamp NYC 2012WordPress Security from WordCamp NYC 2012
WordPress Security from WordCamp NYC 2012
 
WordPress Multisite
WordPress MultisiteWordPress Multisite
WordPress Multisite
 
WordPress for Beginners
WordPress for BeginnersWordPress for Beginners
WordPress for Beginners
 
Creating Your First WordPress Plugin
Creating Your First WordPress PluginCreating Your First WordPress Plugin
Creating Your First WordPress Plugin
 
Surviving the Zombie Apocalypse using Custom Post Types and Taxonomies
Surviving the Zombie Apocalypse using Custom Post Types and TaxonomiesSurviving the Zombie Apocalypse using Custom Post Types and Taxonomies
Surviving the Zombie Apocalypse using Custom Post Types and Taxonomies
 
Intro to WordPress Plugin Development
Intro to WordPress Plugin DevelopmentIntro to WordPress Plugin Development
Intro to WordPress Plugin Development
 
Spooky WordPress: Disturbingly Brilliant Uses of WP
Spooky WordPress: Disturbingly Brilliant Uses of WPSpooky WordPress: Disturbingly Brilliant Uses of WP
Spooky WordPress: Disturbingly Brilliant Uses of WP
 
WordCamp Mid-Atlantic WordPress Security
WordCamp Mid-Atlantic WordPress SecurityWordCamp Mid-Atlantic WordPress Security
WordCamp Mid-Atlantic WordPress Security
 
Now That's What I Call WordPress Security 2010
Now That's What I Call WordPress Security 2010Now That's What I Call WordPress Security 2010
Now That's What I Call WordPress Security 2010
 
Custom Post Types and Taxonomies in WordPress
Custom Post Types and Taxonomies in WordPressCustom Post Types and Taxonomies in WordPress
Custom Post Types and Taxonomies in WordPress
 
Top 20 WordPress Plugins You've Never Heard Of
Top 20 WordPress Plugins You've Never Heard OfTop 20 WordPress Plugins You've Never Heard Of
Top 20 WordPress Plugins You've Never Heard Of
 
WordPress Security - WordCamp Boston 2010
WordPress Security - WordCamp Boston 2010WordPress Security - WordCamp Boston 2010
WordPress Security - WordCamp Boston 2010
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
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
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
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, ...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

Website Design Dos and Don’ts for a Successful Online Presence

  • 1. Website Design Dos and Don’ts for a Successful Online Presence Brad Williams WebDevStudios.com
  • 3. Brad Williams CEO & Co-Founder, WebDevStudios.com Organizer NJ WordPress Meetup Co-Host SitePoint Podcast Advisor SitePoint Forums Co-Author of Professional WordPress (March 2010) Who Am I?
  • 4.
  • 5.
  • 6. DO: Create easy to use navigation Menu dropdown expands horizontally to maximize space Menu dropdown shows page hierarchy
  • 7. DO: Create easy to use navigation Website utilizes both horizontal and vertical menus Vertical menu showing page hierarchy
  • 8.
  • 9. DO: Use web safe fonts
  • 10.
  • 11. DO: Test your website in ALL browsers Using Internet Explorer 8
  • 12. DO: Test your website in ALL browsers Using Chrome 3
  • 13.
  • 14. DO: Make contact info very accessible Contact information is easily found in the header And in the footer on every page of the website Source: http://www.lesliecatorealtor.com/home.asp
  • 15.
  • 16. DO: Create a website sitemap
  • 17. DO: Create a website sitemap
  • 18. DO: Create a website sitemap <url> <loc>http://webdevstudios.com/</loc> <lastmod>2009-02-05T04:43:39+00:00</lastmod> <changefreq>daily</changefreq> <priority>1.0</priority> </url> <url> <loc>http://webdevstudios.com/contact/</loc> <lastmod>2009-10-09T13:55:24+00:00</lastmod> <changefreq>weekly</changefreq> <priority>0.6</priority> </url> <url> <loc>http://webdevstudios.com/questions/</loc> <lastmod>2009-10-08T19:02:23+00:00</lastmod> <changefreq>weekly</changefreq> <priority>0.6</priority> </url> <url> <loc>http://webdevstudios.com/support/wordpress-plugins/</loc> <lastmod>2009-10-07T13:19:32+00:00</lastmod> <changefreq>weekly</changefreq> <priority>0.6</priority> </url> <url> <loc>http://webdevstudios.com/support/wordpress-plugins/nextgen-public-uploader/</loc> <lastmod>2009-10-05T23:24:52+00:00</lastmod> <changefreq>weekly</changefreq> <priority>0.6</priority> </url> <url> <loc>http://webdevstudios.com/support/</loc> <lastmod>2009-09-26T13:56:39+00:00</lastmod> <changefreq>weekly</changefreq> <priority>0.6</priority> </url> Sitemap protocol: http://www.sitemaps.org/protocol.php
  • 19.
  • 20.
  • 21.
  • 22. DO: Create a blog and use it
  • 23.
  • 24. Your flash website on my iPhone
  • 25. DONT: Use flash Adobe has an extensive list of flash supported mobile devices http://www.adobe.com/mobile/supported_devices/ If you use flash make sure to offer a non-flash alternative
  • 26.
  • 27. DONT: Have a splash screen Source: http://www.bwaslotcars.com/
  • 28.
  • 29.
  • 30.
  • 31. DONT: Use a crazy background Background overwhelms website design
  • 32. DONT: Use a crazy background Background compliments website design
  • 34.
  • 35.
  • 36. Brad Williams [email_address] Blog: strangework.com Twitter: @williamsba Everywhere else: williamsba Contact