What are the 10 commandments of web design?
-
what are the 10 commandments to follow when designing a website?
-
Thank you for the comprehensive answer.
-
That is right up there with "what is the meaning of life?" Everyone will respond differently.
I will share a few ideas::
1. Ensure your site complies to whatever coding standards you are using. For HTML, use the validator offered at http://validator.w3.org/
2. Ensure your site is optimized for SEO. Use an appropriate title tag, meta description and canonical for every page.
3. Social sharing is a component of web design. Facebook and Twitter authentication, sharing widgets, etc should all be taken into consideration.
4. Web security should be always be considered. Know which parts of your site will be public and private.
5. Know your audience. Who will use your site? A technical site may be designed very differently then a site discussing music or art.
6. Your site must be easy to navigate. Navigation bars, drop down menus, html site map, links, etc. all need to be considered. Buried content might as well not exist. Content should be layered so the most interesting content or best selling products will be on the landing page. Links will be offered so visitors can then move on to other products or content.
7. Stay consistent. I will take consistency over style any day. One example is breadcrumbs. There are some pages where they are helpful, and some where they are not useful. But if you decide to use breadcrumbs on your site, they should be used on every page so you stay consistent.
8. Check your site on every browser your audience might use. Presently IE 8, IE 9, FF 3.6, FF4, along with the current versions of Chrome and Opera needs to all be checked.
9. Go Mobile. Your site needs to consider the viewing screens of your users. Not only do you need to consider users with smaller monitors, but also the many users who will view your site from their cell phone.
10. Content is king. You can develop a perfect site, offer great security, and do everything else right...but if you don't add quality content then the rest doesn't matter much.
Wow. I had no intention of making it to ten when I started typing but the ideas just kept coming.
-
I tend to use these guidelines...
- The KISS method works wonders (Keep It Simple Stupid). Say more with less.
- Keep it Content-Heavy and Code-Light
- Learn proper HTML structure - think of the ease of adjustments down the road.
- Make the site be fast-loading
- Communicate... that's the whole point
- Maintain clear calls-to-action
- The web can be hard to read, especially for older eyes. Design to your audience and have nice contrast.
- Keep an open mind - push yourself to learn and try new things. Ask questions and seek answers when you are unsure.
- Design inspiration can come from anywhere... non-web sources can be great! Architecture, magazines, nature, you name it!
- Web design (including page markup) is both parts creative and technical. There is no single way to lay out a great page. Some ways work better than others though, so strive to be the best you can!!
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Web Hosting and CDN for Wordpress Site Load Speed - Suggestions Needed
We all know that website load speed is more important than ever. While I love the look and feel of parallax and Wordpress, I want to do everything I can to keep the load speed down. I see a lot of conflicting information regarding web hosting services, CDN services and other service (Cloudflare for example). I am looking to hear from those with their own experiences to let me know what they think is the ideal setup for a parallax Wordpress site is as far as which services to use, including: 1. Web Hosting
Web Design | | Gauge123
2. CDN
3. Any other service or product that would help to provide and extremely fast site load time. Thank you!0 -
Javascript with Responsive Web Design
The company I work for are looking to go responsive which is high up the list on our development plans. Further on down the development plan they want to add more javascript into the website. Is this recommended as we plan to go responsive ?
Web Design | | jmurphy70 -
What Are The Hazards to Changing Over to Responsive Web Design?
We have recently re-programmed our website to Responsive Web Design. All the URLs have remained the same, all the content is unchanged. We have this new version sitting on a development server and are finding ourselves hesitant to make the changeover. Our rankings are great currently, and our question is whether or not there are any risks that we will incur by making this change. We would appreciate any advice on how to implement this change safely. Or if that's it's even possible to insure that there won't be ranking losses.
Web Design | | gfiedel0 -
Website design chnage and massive traffic drop?
I changed my Drupal theme to "Bootstrap 3" and now my traffic is down 50% gradually in past 5 days, can this be theme related? Answers to checks below : 1). There were no redirects involved, I just flipped a switch and changed theme for my Drupal blog. 2). No issues reported by Google WMT except the fact that impressions fell, see stat images for comparison at - http://imgur.com/a/5PssH#0. 3). site:mysiteurl.com shows healthy "About 201,000 results". 4). Checked slow loading times and browser issue, nothing there. 5). It's not a seasonal drop. Pls. suggest what else should I focus upon to find the reason. @Prateek_Chandra where can I share my analytic report with you privately. I can also enable guest access to my account for you to have a look.
Web Design | | techdna11 -
Web Editing Pricing Quote
Hi all, I cannot seem to get my pagespeed up to the level I want, but I do not have the backend knowledge to fix the following errors listed below. I have played around with this for awhile, and gotten a number of them reduced, but these last ones are beyond me at this time. Any idea how long this would take someone proficient to do? Any idea what the cost would be? I know the ideas are going to be super general, but ball park is what I'm looking for. Thanks! Ruben Remove render-blocking JavaScript: http://code.jquery.com/jquery-latest.min.js http://www.kempruge.com/wp-content/themes/kempruge/scripts/custom.js http://www.kempruge.com/wp-content/themes/kempruge/scripts/rem-text-input.js Optimize CSS Delivery of the following: http://www.kempruge.com/wp-content/themes/kempruge/style.css http://www.kempruge.com/wp-content/themes/kempruge/fonts/stylesheet.css http://www.kempruge.com/wp-content/plugins/sweetcaptcha-revolutionary-free-captcha-service/css/style.css?ver=3.6.1 http://www.kempruge.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_gallery_display/static/nextgen_gallery_related_images.css?ver=3.6.1 http://www.kempruge.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.5.3 http://www.kempruge.com/wp-content/plugins/easing-slider/css/slideshow.min.css?ver=2.1.2 http://www.kempruge.com/wp-content/plugins/wp-nivo-slider/nivo-slider.css?ver=3.6.1 http://www.kempruge.com/wp-content/plugins/wp-nivo-slider/themes/default/default.css?ver=3.6.1
Web Design | | KempRugeLawGroup0 -
Web development - License CSS/Markup/Code
In development of a website, is it typical for the developer to retain rights to the CSS, Markup and other Coding? If so, why is this done?
Web Design | | DemiGR0 -
Responsive design or mobile website for SEO
Because domains with a mobile version have better rankings in Google then domains with only a deskop version we're considering a mobile website. My web developer says that a m.domain.com is duplicated with the domain.com, and he recommends a responsive design. What is better for SEO positions in mobiles devices. A m.domain mobile website or a responsive design. What are influential factors?
Web Design | | remkoallertz0 -
Any discussions on the actual web page design and how it might affect SEO?
Are there any links to previous discussions or tips, techniques for how creative design has any impact on seo??
Web Design | | theideapeople1