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
-
Good web design layouts
Hello, Where do you guys go to get inspiring new ideas for web design layouts. I'm making a portfolio and need one more design. I'm thinking 4 is enough sample sites. So far I have 3. Thanks!
Web Design | | BobGW1 -
New Re-design will my website rankings drop?
Hi guys, I have had to re-design my site although we are only 4 months into the seo game we have seen some good progress with our rankings. My question is there anything I need to consider before implementing the new designs so it doesn't effect my current rankings or any of our SEO work. Our current designs are content thing and so we have had to create more content to better optimize our site, however if doing so will this loose our current ranking position? Apperciate any advice around this Thanks
Web Design | | edward-may0 -
Requirements for mobile menu design have created a duplicated menu in the text/cache view.
Hi, Upon checking the text cache view of our home page, I noticed the main menu has been duplicated. Please see: http://webcache.googleusercontent.com/search?q=cache:http://www.trinitypower.com&strip=1 Our coder tells me he created one version for the desktop and one for the mobile version. Duplicating the menu cannot be good for on page SEO. With that said, I have had no warnings reported back from Moz. Maybe the moz bots are not tuned to looks for such a duplication error. Anyway, the reason the coder created a different menu for mobile in order to support the design requirements. I did not like the look and feel of the responsive version created based on the desktop version. Hi solution to this problem is to convert the Mobile version menu into ajax. what do you guys think? Thanks, Jarrett
Web Design | | TrinityPower0 -
Designed by Backlink - Where to?
Now I know these links don't create much value. However, every web design company seems to do it. My question is this: If you use it, is it always good to go to the home page of your site, or is it best to redirect to sub pages. For example, if you made an e-commerce website and you link it back to your e-commerce portfolio or description page? Overall, is it still worth linking back from these? Should you only do it on a single page? Thank you in advance.
Web Design | | vortexuk0 -
Retina Design or NOT for e-commerce selling gifts
We are planning to relaunch our ecommerce site selling gifts on Magento EE . I want to know weather we should go for retina or not. My only concern is page loading. Any advise will be appreciated.
Web Design | | Jvalops0 -
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 -
Best Practices for home page design for ecommerce website
I know this question is not directly related to SEO, but I figured I have been getting some good help from this forum, so why not? The website is www.vrtack.com. I am looking to redesign the home page. It is an ecommerce website selling equestrian clothing and leather goods. My goals are: 1. Reduce the very high bounce rate and drop-off rate. 2. Fine tune the relevancy of the website towards a handful of keyword phrases. 3. Engage the visitor to create better click-through and to increase the average time spent on the page/site. 4. Page Loading time is of importance. It has to load quickly. I would love to hear some specific suggestions, examples, best practices.
Web Design | | amitramani0 -
Wordpress Designer - Have you heard of Jay Hafling?
We are currently browsing around to have a new site built for us as we are not happy with the current one. I checked out webdevstudio and it looks like they build quality sites, but they told me they aren't taking on small projects like mine currently. So browsing around I found this designer from the Ukraine with a nice site and nice portfolio. I am wondering if anyone has worked with him, and maybe to get some opinions on his work? I don't want to make the wrong choice here.. What do you guys think? http://www.jayhafling.com
Web Design | | DemiGR1